从Hugo到Hexo

很多人从Hexo迁移到Hugo,而我却相反,原因是看中了这款主题Yelee。双栏页面、自动更换背景、毛玻璃特效、随机动画、漂亮的代码界面以及非常全的第三方集成,几乎能想到的它都有……一眼看中,不能自拔……

使用Hexo搭建博客

Hexo主页上已经详细说明了搭建的步骤,和Hugo有很多相似之处,但由于Yelee主题的适配,确实为我带来了不少便利之处,很多东西只需修改两个配置文件_config.yml即可。

Yelee主题的适配

Yelee作者对于该主题的使用写了详细的说明,很多步骤直接看该文件即可解决。
下面列出原文件中比较略/没有解决的几个问题:

GitHub图标设置后不能显示

不显示的的原因是原文件中GitHub图标的地址已经失效了,如图

解决方案:这里下载一个github图标(推荐# e6e6e6色的纯色图标)放到/yelee/source/img/下并命名为GitHub.png,然后在/yelee/source/css/_partial/customise/social-icon.styl的img-logo中加入GitHub black 75,接着删掉46-50行的即可。

1
2
3
4
.GitHub
background url(//cdn.bootcss.com/logos/0.2.0/github-octocat.svg) no-repeat white
background-size 90%
background-position 50% 100%

网站小图标favicon

将favicon.ico放到/yelee/source/并在配置文件中对应修改后发现不能正常显示。一番探索之后才知道在本地部署草稿的时候是不能正常显示的,但只要执行hexo d正式发布之后即可正常显示。

搜索引擎优化SEO

百度

通过这位同仁给出的优化方案https://wushao.xyz/posts/687b3092.html 做完之后发现百度不能抓取到sitemap

查了很多才知道是因为GitHub封了百度的蜘蛛……所以目前百度还是没有收录我的网址,哪位大神解决了麻烦在下面留言告诉我哦~

Google

直接在Google Search Console提交sitemap地址即可,过了一个小时就可以搜到了!


当然是限制了时间才搜索的到……不免感觉有点小悲伤……
Tips
使用文件验证站长的时候,需要在下载的html文件前加入
1
2
layout: false
---

否则Hexo会自动将该文件给生成页面,也就不能正常验证了。

自动部署到GitHub Pages

修改根目录下的_config.yml

1
2
3
4
deploy:
- type: git
repo: https://github.com/ShaneTian/ShaneTian.github.io.git
branch: master

其中repo为自己的GitHub Pages地址。以后使用代码

1
hexo g -d

即可一键部署网站,前提是在配置文件中填写了自己的域名哦。

对应的Hugo主题

一位大神已经将该主题迁移到了Hugo,详见https://github.com/NightFarmer/hugo-theme-yelee ,不过没有了首页动画等,但Hugo确实快啊。

Hexo缺点

用过Hugo之后再来用Hexo,可以感觉到Hexo的生成速度明显比Hugo慢了一个等级,不过有这么好看的主题也就忍忍了。
Tips
另一款好看的Hexo主题:Next,示例网站见Doublemine