Hexo迁移到Hugo

Apr 24, 2024 · 1531 words · 4 min ·   #Hugo #Blog

AI摘要

正在生成中……



Hexo到Hugo的过渡配置#

最近在学Go,搜着搜着就很顺其自然的发现了Hugo,blog入坑用的是Jekyll,也是查着查着发现了Hexo。这次真没打算再折腾,hexo该有的功能都大于了我现在的需求,就是同质化比较严重,流行的主题用的人太多了,blog还是得个性点才好玩,当然大佬都是自己做。

反正也在学Go,看代码看累了,就找了几个Hugo theme 体验了一下,也顺便调节一下。

Hugo是真的快。Hexo基于Node.js,我现在大概70个md,生成public是13s左右,基于Go的Hugo,我都还没来得及等,只用了0.78s。

比起Hexo的架构,Hugo是真的简洁,可定制化自由度很高,单独添加页面结果只需要引入单独的{{ partials "X.html" . }},css编辑起来也顺手多了。

Hugo-PaperMod,,开始练的手,最后还是用了这个Hugo-Theme-Ladder Hugo Themes。PaperMod的中文适配不太行。

简单记录一下Hexo迁移到Hugo的一些小坑。

  1. hugo没有图片放大功能,得自己引入Fancybox,参考 Hugo博客添加图片放大效果 fancybox

    找到你的 head.html 或者 footer.html,在里面引入两行代码:

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@4.0.12/dist/fancybox.css">
    <script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@4.0.12/dist/fancybox.umd.js"></script>
    
    // 获取文章中的img 标签  不包括封面
      $('.main img').not(".cover").each(function () {
     //添加 data-fancybox="gallery"
     $(this).attr("data-fancybox","gallery");
      })
    
  2. hugo不自动转译md里的html,需要手动开启。我插入的全是img标签,看官方文档折腾了几个小时,原来只需要再config.yml里加上:

    markup:
        goldmark:
            renderer:
                unsafe: true
    
  3. 开启Rss之后加上

    params:
     ShowFullTextinRSS: true
    
  4. permalinks的问题,参考jekyll、hexo、hugo 互相迁移时关于永久链接的问题_hugo博客 永久链接-CSDN博客 把alias替换成slug就行了。obsidian的Linter插件可以整体编辑yaml的格式,还有替换,省很多力气。

  5. 通用基本配置和config参考[置顶] hugo博客搭建 PaperMod主题 Sulv’s Blog

  6. 部署GitHub参考【Hugo网站搭建】GitHub Action自动化部署Hugo博客 Eddy’s blog

  7. 其他个性化功能参考:

再就是Hugo的Docsdiscourse,还有stackoverflow

配置记录#

更新图床、添加clip、更换CDN、cloudflare增加子域名、不蒜子计数优化、博客页面细节调整。

修改header:黑暗模式按钮移动、social图标移动到info。(修改dark.scss、header.scss、header.html)

移除GitHub Actions,部署到cloudflare。

美化不蒜子计数显示。(修改 foot.scss,blog.scss)

数字花园#

静态博客,加上笔记软件的配套,数字花园是个性价比挺高的知识库形式,最开始是用Notion,又可以博客又有数据库还有剪藏,网络问题劝退了,Logseq的数字花园还在整理,到时候也放在GitHub和vercel上。

很多人会说,普通人压根没那么多知识需要管理,PKM和第二大脑有点过渡宣传了,这也并不言过。

从刚开始写简单的笔记和小随笔到现在,写作确实提升了我的思维和表达。记笔记本身也是学习的一部分,是思维的一部分。我自己就是从完全不写开始的,应该还是挺有说服力的。

记笔记之于学习,正与赚钱之于富有,目的和方法并不是那么容易时刻分得清的。

每天给知识浇浇花,施施肥,结果那一天总会有的,这和知识多少没太大关系。

Emacs的org,Logseq的md,加上Blog,我的小花园还有许多可以做的。



See also