本文首发于我的个人博客:Suixin’s Blog
很多人从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行的即可。
.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 Search Console提交sitemap地址即可,过了一个小时就可以搜到了!
当然是限制了时间才搜索的到……不免感觉有点小悲伤……
Tips:
使用文件验证站长的时候,需要在下载的html文件前加入
layout: false
---
否则Hexo会自动将该文件给生成页面,也就不能正常验证了。
自动部署到GitHub Pages
修改根目录下的_config.yml
deploy:
- type: git
repo: https://github.com/ShaneTian/ShaneTian.github.io.git
branch: master
其中repo
为自己的GitHub Pages地址。以后使用代码
hexo g -d
即可一键部署网站,前提是在配置文件中填写了自己的域名哦。
对应的Hugo主题
一位大神已经将该主题迁移到了Hugo,详见https://github.com/NightFarmer/hugo-theme-yelee ,不过没有了首页动画等,但Hugo确实快啊。
Hexo缺点
用过Hugo之后再来用Hexo,可以感觉到Hexo的生成速度明显比Hugo慢了一个等级,不过有这么好看的主题也就忍忍了。
Tips:
另一款好看的Hexo主题:Next,示例网站见Doublemine。