热爱生活与梦想

对于上个月Hugo NexT最新的V4.7.2版本发布后，便是收到了不少用户使用的反馈，其中一点便是与代码块显示需要折叠的问题 Issues#168 。这点对于那些程序“猿”的博友们来说，或多或少是要在文章中嵌入大量的代码块，以便给读者展示具体功能实现过程。如果此时的代码块的篇幅比较大，那么文章里的其他非代码块的信息显示会被撑到很下面，对于读者的阅读体验就不那么的友好。这算是个比较普遍通用的需求，加上代码块在显示也有些重叠覆盖的问题，便打算是尽早的把它们给修复好。

对于技术类的分享文章而言，或多或少会需要使用到代码块的功能，Hugo NexT主题中默认也是支持代码块的展示，只不过无法支持代码块进行折叠和展开的操作，且在代码选中时的样式与背景也不太容易区分，同时也还发现其他的一些小问题，那么此刻便是把它们全都整合到一起进行优化。最后几乎都可以说是完全的重构，想了解的具体其原由请看下文。

早期在Hugo NexT主题中使用短代码方式实现过对不同类型消息的样式支持，只不过是使用时需要用户书写完整短代码不是很方便，同时输出的效果是独立的块占用空间比较大。后来发现Hugo框架在新版中支持了自定义 blockquote的渲染方式，于是乎便有点有新的想法，让用户直接使用Markdown语法来书写不同消息内容，输出的效果实现类似于Github的警告样式，这样使用起来会更加方便。下面就来看看相关实现思路和使用方式吧。

文字描述是人类自我表达的一种方式，而音乐也是另一种表达的方式，给文章添加上音乐作为背景，或许更能让读者深切体会到作者的情境引起共鸣之意。通过 APlayer 和 MetingJS 库能够很轻松的实现在文章中内嵌音乐的播放功能，同时也支持多种音乐平台的音乐播放，下面就来看看具体的操作方法和实现效果吧。

早期在Hugo NexT主题的开发路线中就有考虑到要给文章的摘要和过期提示功能，但是由于个人的时间和精力有限，迟迟没有将这些功能上线。其实这两个功能的作用也算是比较实用，方便读者能够快速预览一些长文章的内容，同时对于“年限”较长的文章也是给到读者内容可能失效提醒。整体功能的实现并不算复杂，只不过要结合扩展性等方面的考虑，经过一番思索后便有初步的想法，同时在此记录下开发的过程。

hugo-theme-next 的主题默认便是可支持使用mathjax或katex两种不同组件，通过它们来实现对数学公式的渲染输出显示。只不过自己对数学公式的使用了解的也比较少，测试时直接就是复用网上的文章来验证数学公式渲染是否正常。结果当遇到真正的数学“专家”用户时，便是暴露出在了无法在同行文字内显示数学公式的问题 Issue#90 ，趁此便是参考评论区大家提供的建议尝试修复这“千年老🐛”。

早期在进行 hugo-theme-next 的主题开发时，但想着给首页跳转至文章内容阅读时，能够有个定位到文章后续内容的锚定点功能，而不至于说从头开始阅读影响体验。而恰巧官方在其 hugo-0.134.0-release 发布中新增加这个万众推崇功能的支持实现，为Hugo用户带来全新的体验值得点赞加赏。

趁着周末的闲暇时间，着手对许久未更新维护的 hugo-theme-next 主题进行相关Issues的修复和优化，其中有块与文章更新时间相关的问题： #109 ，修复时正好发现配置文件中的日期时间格式化有点不宜理解，本来想对它做下调整改进，但却是结果遇到莫明奇妙的错误，深入了解一番才发现，这是Go语言的设计规范要求。好吧，也很是无奈啦。顺便也记录下对于Go语言中日期时间格式化的一些学习和理解，方便后续使用本主题用户阅读与参考。