Hexo搭建个人博客详细记录

前言

自己搭建一个博客有助于养成随时记录学习的习惯，但自己买服务器又不舍得怎么办——先搭个免费的练练手，等觉得有必要花钱建正规博客再转战！

干前提醒：用这种方式搭建的博客，你需要具备MarkDown语法知识（或者你只是在名称是xxx.md的文件中写着txt文档的内容，完全没用到语法。。。那也行。不过满是大小一致字体,没有图和表的博客文章可能会很枯燥…当记事本的请随意），或者决心学习MD,因为写博客时都是MD语法。当然如果你学会这种语法，你将受益终生。

本文的博客是搭建在全球最大的同行交友网站Github上的(静态网站，不是那种花里胡哨的php搭建的网站)，本文默认你已经有一个Github账号了(实在搞不定，找度娘^-^)
教程涉及：

1.安装Git
2.安装NodeJs
3. 安装hexo
4.生成SSH并添加到github
5. 部署项目
6.上传到github 绑定个人域名
7. 修改及配置主题
8. 写文章

开始搞活

1. 安装Git

我的是windows环境，所以下载windows版本并安装就可以了。Git Bash windows下载

双击下载好的exe文件，一路next就好
安装好后，打开gitbash，查看版本命令：git version

2. 安装NodeJs

Hexo是基于nodeJS环境的静态博客接下来安装nodejs, 下载地址

下载好msi文件后，双击打开安装，也是一路next，不过在Custom Setup这一步记得选 Add to PATH 这样你就不用自己去配置电脑上环境变量了
装完在按 win + r 快捷键调出运行，然后输入cmd确定
查看版本命令：node -v

3.安装hexo

1. 在某个地方先创建一个文件夹（用来存放所有blog的东西），然后cd到该文件夹下。（或者在文件夹里右键打开git bash, 如果没有就算了。。。）

2. 在gitbash界面安装hexo命令：npm i -g hexo
   安装完成后，查看版本命令：hexo v
   

3. 初始化hexo
   输入命令hexo init，此时目录下会生成一些文件：

node_modules：是依赖包 public：存放的是生成的页面
scaffolds：命令生成文章等的模板
source：用命令创建的各种文章 themes：主题
_config.yml：整个博客的配置
db.json：source解析所得到的
package.json：项目所需模块项目的配置信息

4. 与Gitthub建立联系

1. 没账号的创建账号，有账号的继续。
   在网页右上角点击“+”，创建一个repo，名称为 xxx.github.io, 其中xxx是你的github用户名称，按照这个规则创建才有用否则博客无法创建。
   
   
2. 回到gitbash中，配置github账户信息（中文部分都替换成你自己的，命令挨个执行）：

git config --global user.name="你的名称"
git config --global user.email="你的邮箱"

3. 创建SSH
   在gitbash中输入：ssh-keygen -t rsa -C "你的邮箱，生成ssh。然后通过命令cd ~/.ssh和cat id_rsa.pub,之后复制出现的内容。
   

4. 在githu网站点击自己的用户头像，选择setting, 然后选择SSH and GPG选项，点击绿色的new ssh key,将复制的内容粘贴进第二个框（第一个是填描述或标题的，可以不填)，然后确定即可。在gitbash中执行ssh -T git@github.com
   出现下面内容代表配置ssh成功

   Hi xxx! You’ve successfully authenticated, but GitHub does not provide
   shell access.

5. 最后
   用编辑器打开你的blog项目文件夹，修改_config.yml文件的一些配置（注意修改你的github用户名）(冒号之后都是有一个英文空格的)：

   deploy:
     type: git
     repo: https://github.com/你的github用户名/你的github用户名.github.io.git
     branch: master
   

   回到gitbash中，进入你的blog目录，分别执行以下命令：

   hexo clean
   hexo generate
   hexo server
   

   注：hexo 3.0把服务器独立成个别模块，需要单独安装：npm i hexo-server。
   hexo server是本地预览命令，打开浏览器，输入地址http://localhost:4000预览。

6. 上传到github
   博客可不是在本地自己看的，所以要上传到github.
   先安装一波：npm install hexo-deployer-git --save（这样才能将你写好的文章部署到github服务器上并让别人浏览到）
   执行命令(建议每次都按照如下步骤部署)：

   hexo clean
   hexo generate
   hexo deploy
   

在浏览器中输入http://yourgithubname.github.io就可以看到你的个人博客啦！

7.修改配置主题

hexo初始化之后默认的主题是landscape , 然后你可以去这个地址里面找到你想要的主题。
对于要使用的主题，你只需要把hexo文件夹里的_config.yml,将theme: landscape修改为theme: xxx即可（注意冒号后有英文空格），然后

hexo clean
hexo generate
hexo deploy

部署完成后，可能会有半分钟延迟生效。想立刻看效果可以先本地预览。
关于具体主题内页面的配置和主题安装，在相应主题的ReadMe.md中有详细说明。

8. 写文章

新建文章：hexo new ‘文章名’，然后你就可以在source/_posts路径下看到你创建的文章啦，编辑完成之后按照前面说的方式部署，在浏览器刷新就能看到你的文章了。
或者直接将MD文件复制进source/_posts文件夹里，然年后使用复合命令hexo d -g上传到博客网站。

结语

希望每个人都爱上写博客 ^-^