hugo主题开发学习笔记

hugo主题开发学习笔记

前言

刚开始接触到hugo,感觉没什么用。后来在@ketchuppp学长的课上感受到了hugo快速的部署速度,而且一直以来也想重构一下博客,因此决定写一个hugo博客主题,将博客迁移到hugo。

参考资料

https://gohugo.io/documentation/
https://hugo.aiaide.com/post/%E8%87%AA%E5%AE%9A%E4%B9%89hugo%E4%B8%BB%E9%A2%98-%E6%A6%82%E8%BF%B0/
https://sakura.hojun.cn/2018/12/12/Hexo-Theme-Sakura%20-%20%E5%89%AF%E6%9C%AC%20(3)/
https://io-oi.me/tech/hugo-vs-hexo/

规划

  1. 支持夜间模式开关。
  2. 顶部导航栏部分参考sakura/spiritx(https://spiritx.xyz ),期望效果:背景透明常驻顶部只显示左侧blog名和右侧搜索框,鼠标悬停(:hov)显示白色背景、边缘阴影(box-shadow)和选项。
  3. 背景支持切换:动态星空(https://help.finereport.com/doc-view-3180.html )或静态图片。
  4. 保留当前首页标题、副标题及下箭头设计,增加类似Sakura主题的首页视频功能。
  5. 引入音乐播放器、珂朵莉看板娘
  6. 搜索功能采用algolia/自建站内搜索
  7. 依然采用分类+tag
  8. 文章侧边目录,参考sakura(https://2heng.xin/2017/09/19/pixiv/ )和ZSQ’s Blog,具体显示方式待定。
  9. 归档时间线参考Sakura(https://2heng.xin/time-series/ )
  10. 评论采用gitment、valine和自建评论系统多模式,整合多方评论内容的显示、回复(如果可行)。
  11. 整篇文章密码+文章部分密码
  12. latex公式支持
  13. 多字体、异步加载
  14. 。。。

相关计划

  1. 一套GUI管理软件
  2. 自动化完成:重新生成、精简字体、提交不同存储器的操作。

知识记录

HTML/CSS/JS

hugo