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的一些小坑。
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"); })
hugo不自动转译md里的html,需要手动开启。我插入的全是img标签,看官方文档折腾了几个小时,原来只需要再config.yml里加上:
markup: goldmark: renderer: unsafe: true
开启Rss之后加上
params: ShowFullTextinRSS: true
permalinks的问题,参考jekyll、hexo、hugo 互相迁移时关于永久链接的问题_hugo博客 永久链接-CSDN博客 把alias替换成slug就行了。obsidian的Linter插件可以整体编辑yaml的格式,还有替换,省很多力气。
通用基本配置和config参考[置顶] hugo博客搭建 PaperMod主题 Sulv’s Blog
其他个性化功能参考:
再就是Hugo的Docs、discourse,还有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,我的小花园还有许多可以做的。