Hexo搭建个人博客文章汇总

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

1、Hexo建站

首先我们可以在GitHub Pages上搭建个人博客。

具体过程见下文:

  • Hexo建站教程

2、Hexo部署到VPS

搭建完博客后,我们需要进行搜索引擎优化(SEO)。现在我们的博客是托管在GitHub Pages上,但是GitHub屏蔽了百度的爬虫,对于中文网站来说,百度带来的流量是非常可观的,因此,我需要一个办法让百度收录我的博客。

这里一个比较简单的办法就是把Hexo博客部署到自己的VPS上。

第一步:购买个性域名

这里我推荐Namesilo这个平台,价格比较便宜,而且提供免费的域名隐私保护。

具体过程见下文:

  • GitHub Pages绑定域名

第二步:部署到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 的网站根目录里。

具体过程见下文:

  • Hexo博客部署到VPS

注意:现在需要我们修改下DNSPod的解析地址,把域名解析到VPS的IP地址而不是GitHub的IP地址

第三步:免费升级HTTPS

为了鼓励 https 的普及,EFF 成立了免费证书最大的提供商为 Let’s Encrypt,可以提供免费证书。

具体过程见下文:

  • Hexo 升级 HTTPS

第四步:提交搜索引擎收录

通过上面三步,我们已经完成了Hexo在VPS上的部署并且开启了HTTPS,下面我们只需要注册一个百度站长账号,然后提交sitemap,静等百度收录我们的个人网站。

具体过程见下文:

  • Hexo-NexT 博客提交搜索引擎收录

3、Hexo主题选择

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

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

Hexo NexT主题美化

  • Hexo-NexT(v7.0+)主题配置
  • Hexo加入豆瓣读书页面
    • 具体效果见:小丁的个人博客-豆瓣电影
  • Hexo-NexT实现相册
    • 具体效果见:小丁的个人博客-画廊
  • Hexo-NexT Tag 插件的使用
  • Hexo-NexT 添加第三方服务

Hexo Yilia主题美化

  • Hexo-Yilia进阶笔记

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

你可能感兴趣的:(Hexo搭建个人博客文章汇总)