文章目录
一、前言
为什么要建立博客,如果使用果平台博客如博客园等,就会发现有一个自己的博客,就会极为方便,不受约束,没有广告,布局也可以有着自己的想法。所以有自己的博客是一件很酷的事。
二、Hexo+GitHub
为什么选择Hexo+GitHub,因为成本较低,只有学习成本;
GitHub_Pages会提供免费空间,并会提供username.github.io的默认域名,则不需要购买服务器和域名。
三、搭建环境
1、系统:ubuntu18.04
2、安装node.js
在终端下输入:sudo apt-get install nodejs,安装完成即可
3、安装git
终端输入sudo apt-get install git,安装完成即可
git安装完成后输入以下命令:
git config --global user.name "username"
git config --global user.email "username@xx.com"
username和email均为自己的GitHub的注册名和邮箱
4、安装Hexo
使用npm安装Hexo
终端下输入:
npm install -g hexo-cli
四、配置GitHub
1、注册登录GitHub
创建新的仓库
,右上角选择Create a new repository
,命名为username.github.io
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-PPPofdua-1579064711158)(https://pic1.zhimg.com/80/v2-d7ffab98b05bbb00ce9602c6f8d0ce70_hd.jpg “仓库”)]
2、添加仓库密匙
在终端下输入:
ssh-keygen -t rsa -C "Github的注册邮箱地址"
一直enter即可完成,密匙生成完成后, 会得到 id_rsa
和id_rsa.pub
两个文件,打开id_rsa.pub文件并复制其内容;
打开密匙设置链接
将刚刚复制的内容复制到key
对话框中,title
可随意命名,点击Add SSH Key
配置完成
五、初始化博客
1、建立本地存储文档
建立一个新的文件夹Blog,在本文件夹中打开终端,输入:
sudo hexo init blog
若显示以下命令,则新建成功:
INFO Start blogging with Hexo!
接着执行以下命令:
sudo hexo generate
sudo hexo server
若显示:
INFO Start processing
INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
本地服务器则成功启动了,在浏览器中输入:localhost:4000,就能看到初步模样了
2、部署到Github
Blog文件夹下生成了一个文件夹blog,打开里面的_config文件夹,并修改参数信息:
- 修改网站相关信息:
title: 标题
subtitle: 签名
description: 网页描述
author: yangyps
language: zh-CN
timezone: Asia/Shanghai
- 配置部署:
deploy:
type: git
repo: https://github.com/username/username.github.io.git
branch: master
也可以将repo修改成以下格式:
repo: https://用户名:密码@github.com/用户名/用户名.github.io.git
这样hexo delpoy
的时候就不需要输入账号和密码了
注意:在每个参数的:后都需要有一个空格
- 配置统一资源定位符:
url: https://username.github.io
其他信息如:root(根目录)、permalink(永久链接)、permalink_defaults(默认永久链接)都保持默认
六、发表文章
1、创建文章
终端输入:
sudo hexo new "新建文章名"
注意:新建的文章要用Markdown文法编写
2、编写文章
在\Blog\blog\source_posts\新建文章名.md下打开新建的文件
文章的一开始处,可以按如下格式添加文章标题,日期,分类、标签以及描述等:
---
title: title #文章标题
date: 2017-09-08 23:47:44 #文章生成时间
categories: "Hexo教程" #文章分类目录 可以省略
tags: #文章标签 可以省略
- 标签1
- 标签2
description: #你对本页的描述 可以省略
---
3、发表文章
在blog目录下,输入如下的一系列命令:
$ hexo clean
INFO Deleted database.
INFO Deleted public folder.
$ hexo generate
INFO Start processing
INFO Files loaded in 1.48 s
#省略
INFO 29 files generated in 4.27 s
$ hexo server
INFO Start processing
INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
打开http://localhost:4000/,可以在本地预览网站的初步样子。
最后一步,发布到远程,执行hexo deploy
$ hexo deploy
INFO Deploying: git
INFO Clearing .deploy_git folder...
INFO Copying files from public folder...
#省略
到此为止,博客已经初步建立完成