Hexo搭建过程

前言

很早就想逃离CSDN这个垃圾网站了，不过受限于各种事情一直没有搞自己的新博客。而且考虑到之前的博客主要是为了写ACM的题解，而自己也许算退役了，就开一个新的博客来记录自己学习的一些其他东西。

在室友 的帮助下，我使用了Hexo框架来搭建博客，用Bitbucket作为仓库，用Vercel来渲染博客（因为Bitbucket和Vercel在国内访问很快），还注册了一个自己的域名，把域名挂到了Vercel的服务器上。于是就产生了一个新的博客。
整个过程还是挺简单的，一步一步搞就可以了。

下面我将对搭建博客的过程做一个大概的总结（主要是为了防止自己以后想重新搭一个博客的时候忘记怎么搞）。

安装 Hexo

参考 Hexo安装，由于作者貌似是个台湾人，于是有中文文档，步骤按文档来即可。

1. 安装 Node.js 和 Git
2. 安装 Hexo

建站

参考 Hexo建站。
使用命令行执行以下命令，<folder> 为你新建的文件夹名字：

1. hexo init <folder>
2. cd <folder>
3. npm install

安装 hexo-filter-mathjax

参照 官方github 配置即可。

为什么要安装这个呢？因为Hexo渲染Latex的时候会把下划线和markdown种的斜体混淆，安装这个插件可以解决这个问题。网上那些修改node_modules的方法并不好，因为vercel每次渲染都是从官网重新下载node_modules来渲染的。

试验

经过以上流程，你可以对hexo进行一个简单的测试。

1. 通过命令：hexo new filename，会生成 filename.md
2. 编辑 filename.md，记得使用带下标的 latex，比如
3. 使用命令：hexo g，来生成html文件
4. 使用命令：hexo s，可以在 本地服务器 查看效果
   我的效果大概如下（外观不一样是因为我安装了next主题）
   

安装主题

在 这里 官方提供了很多主题，可以选择一个来安装，我安装的是 next 主题。
随便找一个 ，比如 这个 来安装即可，非常简单。

在 Bitbucket 新建仓库

在 官网 免费注册账号，新建一个 ，把hexo的文件夹推送上仓库即可。

在 Vercel 官网导入 Bitbucket 仓库

Vercel官网：https://vercel.com

之后在 new project 里面 import 仓库即可。

之后 Vercel 会自动帮你部署，并生成一个在线的网页，这时候你就可以直接访问了。

绑定个人域名

1. 在腾讯云购买一个域名，我买的是 Pommpy.com，有点小贵
2. 在腾讯云使用DNS解析，把域名挂到Vercel的服务器上。这样就基本大功告成了。

总结

没啥好总结的=.=，只能说室友 太牛逼了！