hexo 使用记录

最近想把博客迁移到GitHub pages并且使用hexo的静态博客,以杜绝之前wordpress带来的资源占用和各种潜在的bug。。。
开一下这个来记录hexo的一些踩坑

hexo链接唯一化

之前用wordpress时候用的是文章id,基本不用自己操心,hexo的默认url是日期+文章标题,这样带来的一个大问题是中文的情况下url可能在被转码之后很长,而且对我自己来说文章的url最好是在创建时就固定,而不是后面增删改动之后都变化一次,这样非常的不方便,因此寻找了一下链接唯一化的方法,参考以下两篇,感谢muyunyun&rozbo两位的讲解。使用方法在第一篇里面。
hexo 摸爬滚打之进阶教程
rozbo/hexo-abbrlink

启用评论

之前wordpress习惯了评论系统(虽然没人评论)。。看到自带的主题里面有disqus不需要自己去动手就顺手开通了一下disqus的评论系统。

在cactus theme内开通比较简单,直接配置就好,后续可能研究一下如何使用valine系统。

进行Google和Baidu的SEO

这里个人其实并不太了解Google和Baidu的SEO规则,之前wordpress时期都是靠插件来做的。这里安装了hexo sitemap这个插件来生成网站地图,并且自己提交到了Google和Baidu的search console。不得不说手动SEO果然比较累,这里贴一下参考的blog。

Hexo博客之后续SEO优化 via 时光丶flies

coding和GitHub双线部署

由于GitHub pages在国内的访问速度过慢,而coding.nei也提供了pages服务,所以利用dnspod提供的双线dns解析服务,可以实现国内使用coding的快速服务,而国外使用GitHub的全球加速。

具体操作方法:hexo 摸爬滚打之进阶教程

有个要注意的点,dnspod设置解析线路规则是一定要设置默认线路,这里推荐默认线路为GitHub pages。coding pages的稳定性做的确实没有GitHub的好。

中文字体优化

cactus的原作者使用的字体没有兼容中文字体,而且个人不熟悉前端,因此参考了GetToSet对于他自己项目内的中文字体优化的commit19d05c9进行修改。在此对原作者表示感谢并致意!

分享系统加入

先上几个分享的api:

  1. 分享到QQ空间接口:https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=你的网址&sharesource=qzone&title=你的分享标题&pics=你的分享图片&summary=你的分享描述信息
  2. 分享给QQ好友接口:http://connect.qq.com/widget/shareqq/index.html?url=你的分享网址&sharesource=qzone&title=你的分享标题&pics=你的分享图片地址&summary=你的分享描述&desc=你的分享简述
  3. 分享到新浪微博接口:http://service.weibo.com/share/share.php?url=你的分享网址&sharesource=weibo&title=你的分享标题&pic=你的分享图片&appkey=你的key (需要在新浪微博开放平台中申请)
  4. 分享到twitter接口:https://twitter.com/share?url=文章链接&text=文章标题
  5. 分享到facebook接口:http://www.facebook.com/sharer.php?u=文章链接

其中本站启用了QQ和微博的分享接口(由于QQ分享接口中是可以点击分享到空间的,因此并没有直接使用QQ空间的分享)微博的分享比较坑,需要自己去平台申请,还需要审核,放假了审核也放假,本站启用了微博,但是目前使用还不太正常。Facebook的有点特别,因为Facebook提出了一个ogp的标准,因此需要我们配置og tags之后在Facebook的分享中显示出站点标题和图片之类的信息,具体见网页中添加分享到Facebook via Edwin_

refer:https://zixuephp.net/article-309.html

结语

为一个博客花了大概三四天的样子,hexo总体上来说比较好玩,但是因为本身是纯静态的一个东西,很多操作要比wordpress繁琐很多,上手配置还是有点难度。