Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
1、Hexo建站
首先我们可以在GitHub Pages上搭建个人博客。
具体过程见下文:
2、Hexo部署到VPS
搭建完博客后,我们需要进行搜索引擎优化(SEO)。现在我们的博客是托管在GitHub Pages上,但是GitHub屏蔽了百度的爬虫,对于中文网站来说,百度带来的流量是非常可观的,因此,我需要一个办法让百度收录我的博客。
这里一个比较简单的办法就是把Hexo博客部署到自己的VPS上。
第一步:购买个性域名
这里我推荐Namesilo这个平台,价格比较便宜,而且提供免费的域名隐私保护。
具体过程见下文:
第二步:部署到VPS
我们将 Hexo 在本地通过 hexo generate
生成静态文件,在通过 hexo deploy
部署到 VPS 上面,使用 Nginx 直接做 Web 服务器。
这里我使用的是Git Hooks
进行自动部署。
部署原理:我们在本地编辑文本,然后使用 Git 远程部署到 VPS 的 Git 仓库。hexo d
命令实际上只 deploy 了本地的 public 文件夹,Git Hooks
实际上就是当 Git 仓库收到最新的 push 时,将 Git 仓库接受到的内容复制到 VPS 上的网站目录内。相当于完成了手动将 public 文件夹复制到 VPS 的网站根目录里。
具体过程见下文:
注意:现在需要我们修改下DNSPod的解析地址,把域名解析到VPS的IP地址而不是GitHub的IP地址。
第三步:免费升级HTTPS
为了鼓励 https 的普及,EFF 成立了免费证书最大的提供商为 Let’s Encrypt,可以提供免费证书。
具体过程见下文:
第四步:提交搜索引擎收录
通过上面三步,我们已经完成了Hexo在VPS上的部署并且开启了HTTPS,下面我们只需要注册一个百度站长账号,然后提交sitemap,静等百度收录我们的个人网站。
具体过程见下文:
3、Hexo主题选择
Hexo有很多简洁美观的主题,大家可以去Hexo-Themes去选择自己喜欢的主题。
我使用过Yilia和NexT这两款主题,下面是我美化过程的一个记录。
Hexo NexT主题美化
- Hexo-NexT(v7.0+)主题配置
-
Hexo加入豆瓣读书页面
- 具体效果见:小丁的个人博客-豆瓣电影
-
Hexo-NexT实现相册
- 具体效果见:小丁的个人博客-画廊
- Hexo-NexT Tag 插件的使用
- Hexo-NexT 添加第三方服务
Hexo Yilia主题美化
我的个人博客地址:小丁的个人博客