我是如何一步步搭建起这个博客的

教程

首先声明我的配置环境:

1
2
3
4
5
6
7
8
centos 7.?
git version 1.8.3.1 [下载地址](https://git-scm.com/） 
Node.js -v10.15.3 [下载地址](https://nodejs.org/en/)  
github新建仓库：username.git.io
腾讯云域名解析到：https://username.github.io 
npm 6.4.1
hexo: 3.8.0
hexo-cli: 1.1.0

前言

此博客使用hexo模版，托管在github中。其中使用了腾讯云公网域名解析到个人博客。

1. 在github中新建库

没有github账号则先自行创建。地址：https://github.com/new
库的名字格式很重要：username.git.io
username 就是你的github账号名
创建好之后进入此库，然后在settings界面的GitHub Pages选择主题，成功后在浏览器地址栏输入：https://username.github.io即可看到你的博客初始界面了。

2. 安装git

可以在官网下载压缩包也可以在终端输入命令： yum install git。成功后查看版本，若不成功再找博客寻求解决办法。

3. 安装Node.js

我是在官网下载的压缩包，所以自行解压到设定目录后改名：mv node-v6.11.3-linux-x64 node。设置环境变量，在/etc/profile文件末尾添加

1
2
PATH=/[file_path]/node/bin:$PATH
export PATH

保存后输入source /etc/profile 使刚才的修改生效（重启电脑长期有效，不然老是断开服务）。

4. 安装hexo

在终端输入：npm install -g hexo-cli
再配置hexo，新建一个空目录作为个人博客文件夹，以后的操作都在里面进行。
进入目录，终端输入：hexo init
完成之后再输入：npm install
完成后可以看到你的博客目录新出现了一些文件，重点在_config.yml、source和themes这三个文件，后续讲解。
启动hexo服务，输入：hexo -g和hexo server，然后在浏览器地址栏输入：localhost:4000应该能看到你的本地博客初始界面，主题为landscape。
如果无响应可能4000端口被占用试试：hexo server -p 5000，换个端口然后同样在地址栏输入localhost:5000查看博客初始界面。

5. 配置git

远程端博客配置好了，本地博客文件也配置好了，接下来需要将本地博客文件上传至远程端。
生成SSH密码，在终端输入ssh-keygen -t rsa -C "your E-mail address"，会有提示信息，将id_rsa.pub里面的内容复制到github博客仓库settings的SSH keys里面。
输入ssh -T git@github.com，测试添加ssh是否成功。如果看到Hi后面是你的用户名，就说明成功了。
如果你想上传本地内容还需要设置一些信息。
设置Git的user name和email，如果你没有设置的话第一次上传会失败然后提示你。

1
2
git config --global user.name "username"
git config --global user.mail "usermail"

6. 修改_config.yml

修改repo值（在末尾）

1
2
3
4
deploy:
  type: git
  repository: git@github.com:username/username.github.io.git
  branch: master

保存。
开头处会有title设置，这个自行设定然后预览查看效果即可。

7. 写博文

先要安装一个扩展：npm install hexo-deployer-git --save
成功之后如果你的./source/_post文件夹没有文档先在博客目录下新建一篇博文hexo new post "title"，会自动在./source/_post目录下生成对应文档，然后你可以进行Markdown语法的编辑。

8. 上传博客

基本到这里以上步骤都完成了，第7步和第8步是最常用的两个步骤。
先输入hexo clean清除缓存
然后快速部署hexo d -g。d就是deploy的意思，g是generate的意思，生成静态html文件然后上传至github中。
刷新你的github博客仓库页面可以看到新更新的信息。然后在浏览器地址栏输入https://username.github.io或者你配置好的公网域名就可以看到你的博客了。
主题默认是landscape。

进阶操作

9. 在本地浏览器查看博客信息

在终端输入hexo server -d，后面出来提示信息在浏览器地址栏输入localhost:4000能够查看到和你的真实的博客页面一样的信息，这就是博客预览，十分方便。
CTRL + C退出预览。

10. 更换主题

这块想必是很多人想要做的，其实也很傻瓜的操作，在官方主题中看上哪款按提示信息下载即可。不过网上大部分会有一个新手入门主题：next，下载好后都会有配置教程的。

11. Hexo-Admin

这个东西能够让你更加方便在线编写和管理你的博客。
安装：npm install --save hexo-admin
成功后打开hexo服务在本地浏览器地址栏输入http://localhost:4000/admin/即可看到了。

注：
  • 本文出现的username都需要替换成你自己的github账号名
  • 一处出现了E-mail信息，需要替换成你自己的github的设定邮箱
  • 一处出现了file_path，那是你自己的安装路径。
  • 由于工具版本信息不同，还有文件配置也可能存在偏差，所以不保证一定能成功
  • 笔者文笔水平和记忆力有限，不能表达清楚以及操作步骤顺序、完整性都可能存在问题，不保证一定能成功
  • 另网上大牛很多，请多多参考大牛经验。
参考：

使用Hexo+Github一步步搭建属于自己的博客（基础）
使用Hexo+Github一步步搭建属于自己的博客（进阶）
如何从零开始搭建自己的博客
centos下以解压方式安装nodejs
Centos7中安装Git并连接使用GitHub基本操作
如何优雅地发布Hexo博客