使用Github和Hexo建立自己的免费博客站点

以下提到的博客目录设定为$FOLDER，由你自己决定放在哪

Hexo安装

• 下载node.js，并安装
• 安装好后，终端输入以下命令安装Hexo

npm install hexo -g

• 找个位置放置一个博客专属文件夹

hexo init $FOLDER

your_blog_folder自己指定，会在这个文件夹初始很多内容
- 进入到这个$FOLDER里面，在终端输入

hexo s

如果显示一些成功的INFO，打开浏览器，输入下面地址就可以看到你的本地Hello World网页了

http://localhost:4000/

• 新建文章
  在刚那个终端输入

hexo new "test"

就会发现在$FOLDER/source/_posts里面生产test.md文档，你可以对它编辑，会在前面那个页面显示。也可以自动拷贝.md文件进去。不过这里有时候会不及时更新，不知道是不是因为手动放不行。

---

部署到github

我们刚已经在本地4000端口瞧过这个blog了，那么现在就要把他部署到GitPage里

配置本地文件

切换到$FOLDER，打开_config.yml，拉到最下面找到：

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type:

改成

deploy:
    type: git #部署类型，使用github
    repository: https://github.com/hdimage/hdimage.github.io.git #部署的仓库的SSH
    branch: master #部署分支， 一般使用master主分支
    message: update #默认类型

其中：
1. repository是你自己的仓库地址，一般就是和GitPage有关的，具体怎么生成这个界面参考这个博客
2. repository的这个地址是你生成仓库后，进入到Github，有个地方可以直接拷贝的
3. 注意每个冒号后面都有一个空格

部署

先在终端输入

npm install hexo-deployer-git --save

等进度条完成之后，cd到$FOLDER,输入

hexo d

d就是英文部署的意思。等多一会，在浏览器输入：

http://your_username.github.io 

就可以看到你自己的站点了

每次新建文章后，要重新部署，需要输入如下命令

hexo clean
hexo g
hexo d

可能存在问题

1.

Error: spawn git ENOENT at notFoundError (F:\hiudawn\temp\pages\node_modules\cross-spawn\lib\enoent.js:11:11) at verifyENOENT (F:\hiudawn\temp\pages\node_modules\cross-spawn\lib\enoent.js:46:16) at ChildProcess.cp.emit (F:\hiudawn\temp\pages\node_modules\cross-spawn\lib\enoent.js:33:19) at Process.ChildProcess._handle.onexit (internal/child_process.js:198:12)

把git命令配置到你的环境变量

2.

Error: fatal: Not a git repository (or any of the parent directories): .git

删掉目录中的.deploy_git之后再重新部署

---

下载next主题

这是Hexo提供的一个主题，可以再美化一下丑陋的界面，使用及下载方法如官网，这里提供参考安装
执行下面命令下载

cd $FOLDER
git clone https://github.com/iissnan/hexo-theme-next themes/next

下好了会多出$FOLDER/themes/next，接下来稍微配置一下
来到$FOLDER更改_config.yml，添加/更改（如果原本已有themes）

theme: next

然后更改主题文件$FOLDER/themes/next/_config.yml，注意和上面那个不一样,找到Schemes字段

# Schemes
scheme: Muse
#scheme: Mist
scheme: Pisces
#scheme: Gemini

去掉其中的一个井号，*只能有一个去掉，不能全去掉

Muse - 默认 Scheme，这是 NexT 最初的版本，黑白主调，大量留白
Mist - Muse 的紧凑版本，整洁有序的单栏外观
Pisces - 双栏 Scheme，小家碧玉似的清新
Gemini - 差不多吧，随便你

每改一次，你都可以本地测试更改情况

hexo s --debug

---

更改指向GitPage的域名

Github有提供你一个免费的二级域名，就是那个最前面是你用户名的那个，不过也可以改成自己的域名，首先ping一下github免费给你的二级域名

ping your_uesrname.github.io

得到一个ip，如我的185.199.110.153。然后到你的域名提供商，添加一个A记录，把这个ip和你自己的域名绑起来。不过这时候还不能访问这个域名。
到$FOLDER里，进入到source文件夹，新建一个叫CNAME的无后缀文件（无BOM，UTF8），填入你的域名，就一行，然后

hexo clean  # 这个我不确定需不需要，反正这样做没毛病
hexo g
hexo d

到浏览器，键入你的域名，直达GitPage，完美。