Hexo搭建个人博客文章汇总

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双线部署在GitHub Pages和Coding Pages

下面是双线部署的过程:

完成双线部署后,境外访问就会走 GitHub,境内就会走 Coding,大大提升了访问速度。

4、Hexo主题选择

Hexo有很多简洁美观的主题,大家可以去Hexo-Themes去选择自己喜欢的主题。

我使用过Yilia和NexT这两款主题,下面是我美化过程的一个记录。

Hexo NexT主题美化

基本配置

下面是NexT主题的基本配置以及内置的Tag插件使用说明:

自定义子页面

NexT主题自带的子页面很少,只有首页、标签、分类、归档、关于等子页面。为了记录更多的内容,我添加了豆瓣读书、豆瓣电影、画廊、热榜等子页面,具体过程以及效果见下面:

第三方服务配置

有一些服务,包括评论、在线聊天、文章评分、分享等功能无法通过静态页面实现,所以我用了第三方服务商提供上述服务,具体配置过程如下:

由于Disqus这个评论服务需要科学上网才能使用,不利于交流,因此我换用了Valine,配置过程如下:

自定义样式

下面是一些自定义样式美化:

Hexo Yilia主题美化

我的个人博客地址:小丁的个人博客

赞赏一杯咖啡
0%