基于github+hexo全过程

xianhai.jpg

基于github+hexo搭建个人博客全过程

VENI VIDI VICI

时值2018清明假期，最近趁着换工作的间隙，一直在github玩耍，突然也想基于github来做一个个人主页，晚上遂着手开始。因为长期在从事java web以及后端开发，对前端相关知识也是略懂，经过几个小时的折腾，总算达到了预期的效果.网上查到的知识相对来说比较零散，也是遇到了很多坑，特将整个过程记录下来，希望对其他同学能有所帮助。

安装相关的软件

1. 安装nodejs环境
2. 安装git
3. 安装hexo
   安装软件这块，我就不一一详细说明了，照着各软件官方文档做，没啥问题

假如你也是初次接触hexo，可以先粗略看下hexo官网 的hexo命令，它将很好的帮助你理解下面的步骤。

下面我们正式开始旅程

1.执行

hexo init

2.使用主题yilia

git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

3.修改hexo根目录下的config.yml文件

找到theme项，并将其修改为：

theme: yilia

4.修改主目录下的配置文件_config.yml

我们的配置项根据自己的需要进行配置
注意需要配置deploy项，填写你的github地址等

5.生成页面

hexo generate 

6.启动本地服务器

hexo server

提示没有找打server，于是，我们进行手动安装

npm install hexo-server

再次启动本地服务

hexo s

此时，应该已经可以跑起来了。

8.提交到github
假如本地测试没有问题，需要提交到github，输入

hexo deploy

此时应该会提示找不到git deployer，则是我们没有安装

no-deployer.png

安装之

npm install hexo-deployer-git --save 

安装完成后，再次执行deploy，一般应该会提示需要配置用户名以及邮箱
进入博客根目录下的.deploy_git/.git目录，编辑config文件
添加如下配置：

[user]
    name = XXX
    email = XXXXX

以上，再次执行deploy，假如正常的话，应该能看到git提交的相关信息，提交成功后，会显示INFO Deploy done: git

假如一切顺利，恭喜，请打开 your-github-username.github.io 看看效果吧，好运！

---

最后，需要注意下

hexo语法要求，所有的配置项-值之间一定要加 空格 。
编写博客时，若想实现more功能，在编写内容时，使用是不能生效的，而要使用 <escape></escape>。
还有一个深坑，假如你电脑安装了福昕阅读器，当你在第6步的时候，你会发现命令行窗口没有异常显示，但是你访问4000端口，一直是等待状态。这时，将福昕的服务停掉就ok了，讨厌！

—— 祝你顺利！