Hexo搭建个人博客+切换主题+Github托管+自动构建全流程记录

最近一直在折腾用Hexo搭建博客,目前暂告一段落。

正好把这一段时间的心得记录一下,希望可以帮助到有需要的小伙伴们。

本文主要记录了Hexo个人博客搭建、主题切换、Github托管、自动构建。

首先成果先嘚瑟一下。

HEXO个人博客主页HEXO个人博客主页

Hexo 主题简单实现搜索功能

最近一直在折腾Hxeo的站点,发现自带的主题吗,没有搜索功能。决定自己改一个。

感谢 @bay1 大佬的文章,原文链接:https://segmentfault.com/a/1190000011917419

下面就是在hexo主题添加本地搜索功能的过程。

生成搜索索引文件

hexo-generator-searchdb插件可以生成一个xml格式的索引文件。之后再利用jQuery的ajax函数查询并处理生成的索引文件。

获取 hexo-generator-searchdb 插件

npm install hexo-generator-searchdb --save

修改 hexo 全局配置文件

在 hexo 全局配置文件_config.yml最后添加下面的配置。

为OSS静态网站配置阿里云CDN

为OSS静态网站配置阿里云CDN,加快网站、图片、视频、文件的访问速度。

上篇文章 说了如何在阿里云OSS上部署一个静态网站(例如:Hexo)。

Hexo静态网站Hexo静态网站

因为我的OSS机房在北京,所以部分地方访问会比较慢,这时候就需要上CDN了。(OSS加速太贵,多地备份用不到,CDN是一个比较好的选择。)

使用阿里云OSS部署静态网站

使用阿里云的对象存储服务(Object Storage Service,简称 OSS)部署静态类网站。

说实话,使用OSS部署静态类Blog网站(例如:Hexo),是相当划算的一件事,相比于购买云主机,云服务器。

阿里云OSS一年才10块,哪怕按量付费也很便宜。阿里云OSS一年才10块,哪怕按量付费也很便宜。

当然,托管在 Github 或是 Coding 、码云之类的网站也没问题。

info:
  • Github 国内访问慢的一批。
  • 码云要绑定自己的域名得开通 Gitee Pages Pro ,一年就99块(还不如买个空间呢)。
  • coding 可以绑定自己的域名,可以提交百度收录,5人+20个项目+50G空间,挺好的。但是,听说最近服务不是太稳定。需要在观察一下。

但是,阿里云的OSS配合CDN,真香。(传送门:为OSS静态网站配置阿里云CDN

OSS+CDNOSS+CDN

再配合着免费的SSL证书,单纯自己记录些笔记,日志之类的还是非常方便的。

Let's Encrypt的证书Let's Encrypt的证书

废话不多说了,下面开始了。