那个折腾了半个的 Hugo 主题算是折腾完了

LMS
折腾
6.4K+ 47

一个月前，折腾起了 Hugo 主题（太久没用主题功能，插入文章短代码都忘记了）。

折腾了半个 Hugo 主题

最近失恋刚好有空，所以想找个东西折腾，于是就搞起了 Hugo 的主题，花了两天时间，参考了一些主题语法，顺便也请教木木老师，最终弄了个下面的半个“朋友圈”主题。 手机滚动截屏的，比较长，我把后面的给隐藏了...

2024-06-16 5.5K+ 26

因为当时刚好看到木木老师在“哔哔广场”发了一条内容为『有研究表明，人在消极情绪状态下，做精细的且需要耐心的工作会更好。所以，我们在大学生身上常见到的一种表现是：人一失恋，就容易过英语六级。』的哔哔，于是在发博客的时候给自己的折腾找了个失恋的理由，没想到大家注意力都转到了“失恋”上去，没人关心那折腾了一半的 Hugo 主题。

后来有一搭没一搭的陆续码着玩，上周末算是折腾完了吧。只是纯粹自娱自乐，没觉得有啥用就丢那里了。今天想着好久没更新博客，就找这么个理由唠一篇吧。

给这个暂时取名为 Quan 的仿微信朋友圈主题弄了个演示站：quan.lms.im

抓图就不抓了，直接 iframe 引用，有兴趣的可以自己点过去看看，为了保持人设，演示站主题还是失恋，手机访问效果更好。

在此要感谢一下各位热心的网友博友和各路神仙，以下排名分先后：vscode, cloudflare, github, 通义灵码, cursor, Anubis, fatesinger(大发), 林木木, koobai, CodeGeeX。哦，对了，还有那个让我失恋的女友（无中生友）。

演示站用 Github 来托管数据 Cloudflare 来建站，虽然有两个赛博菩萨的帮助，Hugo 用起来还是有许多不方便。想要发布内容就很麻烦，用 git push 又没法只对 content 内容单独 push，其他方法我也不懂，网上看说有人用 Obsidian + 插件 可以管理和发布内容，我是没搞清楚具体怎么操作。

另外就是评论了，如果要搞成朋友圈那样的评论模式，得有可以支持高灵活自定义的第三方评论，twikoo 感觉是不行了，不知道大发介绍的那个依托于 cloudflare 行不行，看着要什么回调地址什么的好复杂，就没去研究了。目前演示站的评论就是空壳，因为不能用导致我连评论表情那块都随便将就在那里。

没得评论当然点赞也没有了。

话说，想起老张那个被评论为“没有文学功底却总爱写东西”的事情，虽然我这博客没啥人看，但不免也有些压力，各位博友多包涵，多担当。

THE END

评论 47

  3. iii
    🏅🏅

    可以集成notion的呀，评论也可以用notion comments。工具有了，接口应该可以套个js。这是另一个主题https://github.com/invmv/Notion-Hugo-theme-Moments 没这个好看。但是可以用notion

      1. 套用notion作为后端，这个再合适不过了，几乎能使用notion的全部功能。邀请协作就可以多一个用户并且作者信息等资料都自动获取。发布内容直接创建文章即可。

        1. 了解了一下，notion还真是很强大，越强大的软件越不好学，暂时没得研究。

          1. 会开源吗，期待。到时候我就可以修改成notion后端了

            1. 本来是想做好后分享，现在弄得不上不下的没啥心情弄。

              1. 相信开源的力量，网友会给你提PR的

                1. 准备js搞定后发出来，目前js还有问题。

                  1. 这示例网站都运行不起来。搞了半天不知道哪里出错，不出内容

                    1. 修改改坏了，cf page部署不成功，暂时没空弄就丢那里了。

                      ⫑ Android 10

  4. 好看 想個贊給小賣店的鸚鵡 結果沒點成 哈哈

    1. 点赞和评论功能没加，就是个壳子。

    1. 感谢推荐，有空试试。
      另外你博客twikoo评论提交不了。

        1. 没挂梯子，如果你twikoo部署在境外，那很大可能是我这边问题。

  6. 写的很漂亮 评论可以拿waline改 不过比较麻烦 :cry:

  7. 是评论列表的显示样式和朋友圈一样？这个，把官方的js下载下来，把css部分去除，自己写就OK啦

  8. 把staticfile的镜像源换一个吧，已经被投毒了，访问你的博客，AdGuard不停的弹出提醒。

    1. WoCao，我都忘记我博客有使用镜像源，被你一提醒才想起来，现在什么镜像源好用？

        1. 我用的一个是字体，一个是二维码的js，这个cdn好像都不支持。 :cry:

            1. js找到了，换过来了，发现是路径规则不一样。
              字体那个是css，应该是没得了。

                1. 换好了，不过我这个有缓存，估计访客没那么快切换，我自己登录是已经生效了。本来想把那个图片换大的js也换一下，发现这个biji.io博主捣鼓的ViewImage是真没有。

                  1. 地址都不一样了，不会有缓存的，我这里已经生效了。

  9. 无中生友，赶紧生吧

  11. 折腾得好啊

    1. 应该没有那么高的自由度，可以搞成朋友圈那种评论的样式。

      1. 用waline或者twikoo的接口，自己写前端部分不就好了。

        1. twikoo支持这种高度的自定义么？看来是看文档太粗心了。

          1. 算不上自定义，界面功能都要自己重新写。不过省了写后端的时间。你可以拿源码改（改不如重新写）。我博客的评论就是基于waline的后端做的。

            1. 看了一下，，相当于把它原来前端引用的js拿来重写，对我来说难度太大。

              1. 可以抄木木老师的呀.
                memos广场中不就实现了这个功能么 :mrgreen:

                1. 不一样，我要实现的评论功能是手机朋友圈那种，点一下在手机底部一个对话框的那种，我页面样式做了，但是功能没有。

发表评论

Submit