用Hexo搭建个人博客的方法

本地部署Hexo

先在本地部署好hexo再说其他的。

前提

安装好node.js和git才能部署hexo。

安装Node.js

去Node.js官网下载安装即可。

安装Git

windows和macOS有点区别。

Windows

去git官网下载即可。由于众所周知的原因，从官网下载git for windows最好挂上一个代理，否则下载速度十分缓慢。也可以去这个页面，找个从百度云下载的地址。

MacOS

MacOS应该是自带git，可以打开终端执行git --version看看是否回复了版本号，回复了就说明有git，反之没有。已经有了的话，还是建议先去官网下载个新的，然后替换下系统默认git版本。没有的话可以在终端执行brew install git进行安装，当然，也可以去官网下载。

安装Hexo

打开终端执行sudo npm install -g hexo-cli指令，会向MacOS用户要Mac登录密码，给它即可。

建站

终端cd到要建站的目录，然后执行hexo init 你给站点文件夹起的名字（随便写，写英文，别写中文）。

安装npm

终端cd到你的站点目录，执行npm install即可。安装完成后建议先执行npm -v看看自己npm的版本号，再执行npm view npm version看看最新版的版本号，有差距的话就建议你更新了，相信部分同胞知道差距后会意识到“大清早亡了”，这种情况下就要执行sudo npm install npm@latest -g把npm升级到最新版。

启动Hexo

还是在你的站点目录，终端执行hexo s即可启动本地hexo，浏览器打开http://localhost:4000看看效果吧，应该会有一篇“hello world”的文章了已经。如果一切正常，那么Hexo就算部署完成了。

修改Hexo配置

你站点文件夹里的_config.yml文件负责管理大部分配置，可参考Hexo官网修改参数。

发布文章

博客的主要目的就是写文章。

生成MD文件

终端cd到你的站点目录，执行hexo new "文件名（随便写，必须英文）"。

编辑文章

刚才生成的md文件应该在你的站点文件夹/source/_posts/下，打开就开始写文章。注意，要用MarkDown语法呦。文件开头应该还有一些参数，可以在Hexo官网找到解释。

发布

在站点目录下终端执行后执行hexo g生成本地文件，然后执行hexo s，应该就可以在http://localhost:4000看到新文章了。

安装主题

Hexo“主题”就是博客的前端框架，更换主题可以改变博客UI和一些功能组件。默认主题应该是叫“landscape”，可以去Hexo官网找你想要的主题。

安装

不同主题的克隆地址不一样，这里以Next为例。终端cd到你博客的站点，执行git clone https://github.com/iissnan/hexo-theme-next themes/next然后等待安装完成。

启用新主题

把站点文件夹里的_config.yml文件中的theme参数值改成next，改完别忘保存。

部署预览

在站点目录下终端执行hexo clean清下缓存，然后执行hexo g生成本地文件，接着执行hexo s本地发布一下，就可以在http://localhost:4000看到效果了应该。

提交到Github

之前都是本地行为，提交到github后就能在线上浏览博客了。可以在Hexo官网找到其它线上部署方式。

仓库

博客文件是存放在github仓库里的，所以得有个仓库，去github官网自行创建下就行。

修改配置

在你站点文件夹里_config.yml文件中的deploy参数改成下面这样：

1
2
3
4
deploy:
  type: git
  repository: 用来存放博客文件的github项目仓库地址
  branch: master

安装部署插件

你站点目录下终端执行npm install hexo-deployer-git --save。

部署上线

你站点目录下终端执行hexo g -d，之后应该向你要github用户名和密码，给之。一切完成后，就能通过你的Github Pages地址访问你的博客了。

添加SSH Key到Github

终端执行ls -al ~/.ssh命令，看看是否有id_rsa.pub或id_dsa.pub文件。如果没有，就执行ssh-keygen -t rsa -C "你github账号邮箱"下载key。有了key，就打开下载的key文件复制ssh key，然后到github首页点击你的头像，点击【Settings】，再点击【SSH and GPG keys】，再点【New SSH key】，然后把你复制的ssh key粘贴进去，再填些必要信息，最后点【Add SSH key】就完成。

提交到Coding

他家服务器在香港，速度必然会比github的境外服务器快。

仓库

必然也得要个项目仓库。

把Github上的文件Clone到本地

终端执行git clone --bare 存放博客文件的github仓库的项目地址。

把文件推到Coding

终端cd到刚才从github克隆下来文件目录下，执行git push --mirror 你coding项目仓库地址。

修改配置

在你站点文件夹里_config.yml文件中的deploy参数改成下面这样：

1
2
3
4
5
6
deploy:
  type: git
  repository: 
    github: 用来存放博客文件的github项目仓库地址
    coding: 用来存放博客文件的coding项目仓库地址
  branch: master

创建标志文件

终端cd到你的站点目录/source目录下，执行touch Staticfile。

部署上线

在你站点目录下终端执行hexo g -d，成功发布后，就可以通过你的Coding Pages地址访问你的博客了。注意，完成到这步后，每次执行hexo g -d都会将本地博客文件同时部署到github和coding，可以通过删除上述deploy参数下repository的对应值来修改此设定，比如删除github: 用来存放博客文件的github仓库的项目地址，那么之后就只会部署到coding项目库。建议参考官方文档修改呦。

绑定个人域名

之前都是通过其它平台二级域名访问博客，通过自己的域名访问岂不是更有面儿。

与Github绑定

如果想coding与github都绑定同一域名的话，建议先绑定coding再回来绑定github。

创建CNAME文件

终端cd到你博客文件夹/source目录，执行touch CNAME，然后打开这个文件写入你要绑定的域名，只填二级域名就行，不用加http协议这些东西，写好后记得保存。

解析

到你域名服务商那里把要绑定的域名cname解析到你博客的Github Pages地址。

Github关联

登录github进入博客的项目库，然后点击【Settings】进入项目设置页面，然后在“Custom domain”输入框中填入你解析好的域名并保存，一切顺利的话，等一会儿应该就可以通过你自己域名访问博客了。

与Coding绑定

还是因为众所周知的原因，访问coding就是比访问github快。

解析

到你域名服务商那里把要绑定的域名cname解析到你博客的Coding Pages地址。

Coding关联

登录coding进入博客项目库，通过【代码】——【Pages服务】——【设置】绑定你解析好的域名，还是如果不出意外的话，等一会儿就可以通过你自己域名访问博客了。

更新文章

日常更新一般是下述流程。

  1. hexo new "文件名"生成md文件。
  2. 打开md文件开始创作。
  3. 奋战结束后保存你的成果。
  4. hexo clean清下缓存。
  5. hexo g -d发布上线。
  6. 打开浏览器，通过你的域名访问博客看她有多美丽。

备份

就是git备份代码的那套流程，可以看看Git文档了解更多，当然了，还是备份在自己硬盘里最可靠。

赏点颜色