从Hugo到Hexo

作者: Sui_Xin | 来源:发表于2018-09-30 15:51 被阅读14次

本文首发于我的个人博客:Suixin's Blog

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

Hexo搭建博客

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

Yelee主题的适配

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

GitHub图标设置后不能显示

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

image
解决方案:这里下载一个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%

即可。

搜索引擎优化SEO

百度

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

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

Google

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

image
当然是限制了时间才搜索的到……不免感觉有点小悲伤……
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地址。

对应的Hugo主题

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

Hexo缺点

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

相关文章

  • 从Hugo到Hexo

    本文首发于我的个人博客:Suixin's Blog 很多人从Hexo迁移到Hugo,而我却相反,原因是看中了这款主...

  • 笔记框架

    Jekyll ruby hexo node hugo go

  • hugo通过Github Action部署到Github Pag

    最近一段时间,把博客从hexo迁移到了hugo,顺便整理下,使用github actions自动部署到github...

  • Hugo搭建个人博客

    Hugo 主流静态博客框架 搭建个人博客肯定会用到"静态博客框架",比较主流的有Hexo与Hugo。 Hexo是一...

  • Hugo Doc - Introduction

    Hugo 类似与 Hexo Jekyll Octopress 都是 静态网站生成器, Hexo 基于 Node.j...

  • 使用Hugo搭建个人网站

    By Long Luo Hugo vs. Hexo 目前我的个人网站使用的是: Hexo + Next,这也是目前...

  • 用 Hexo 部署个人博客

    现今比较流行的静态网页框架有 Jeklly,Hexo 和 Hugo。 选择 Hexo 的原因是 Next 主题,主...

  • 技术随笔记录

    更早 静态blog网页生成工具: Jekyll (Ruby), Hexo (Node.js), Hugo (go)...

  • hugo 静态网站

    hugo Hugo 是一个用 Go 语言编写的静态网站生成器 类似的静态网站生成器还有Jekyll、hexo等等。...

  • hugo+github博客搭建教程!

    什么是hugo Hugo是由Go语言实现的静态网站生成器。简单、易用、高效、易扩展、快速部署。对比Hexo,Hug...

网友评论

    本文标题:从Hugo到Hexo

    本文链接:https://www.haomeiwen.com/subject/qqmwoftx.html