Stack主题优化记录串一则

上穷碧落下黄泉,动手动脚找东西。

首先必须承认,建站与维护这件事只有开始没有结束,比如此时这个人还在对1.0缝缝补补而不是赶紧去把论文写掉。但是既然开始了那就先把这件事给做好!所以就简单回顾一下本次优化的几个主要方向好了。
其实以我从零开始的代码水平,到目前为止做的主要的工作都是在网上查找并进行Copy,最后再根据感觉和部分更新后的版本采取一些查漏补缺措施,所以非常感谢愿意把资源公开提供帮助的各位朋友!我能做的只有写好每次Summary,或许能让有机会看到这篇博客的朋友少走一些弯路。

更新了全站字体

应该没有谁受得了全站微软雅黑吧!所以昨天做完1.0版本之后就当即决定要换个字体。那么优先考虑当然是著名非商用思源宋体,目前看来应用后的整体呈现效果也比较符合预期。
更换字体参考的代码来自 小球飞鱼 站的教程。以及这位站长的主页已经推出了一个相当完备的 魔改Stack主题 ,如果是即将新建一个博客,非常推荐直接Fork此处网页给出仓库的主题内容;即是已经套用了原来的Stack主题,也可以根据代码库给出的参数进行一些个性化调整。特别感谢这位友友| ᐕ)⁾⁾!

这里顺便提一个我在使用 Hugo serve -D 命令预览过程中遇到的小疑问。第一次更换全站字体之后,预览界面出现了点击正文后标题与侧边栏字体仍然没有更改的问题,但实际执行 Hugo 建站后网页的最终显示是正常的。目前暂时不清楚是什么原因。

调整了打开文章页面的布局

原本的Stack主题里,打开正文后右边栏就消失了,正文栏会自动补位,看起来一行文字很长,不太方便,整体浏览效果也不够美观。所以此处同样参考了 小球飞鱼:调整文章界面的显示样式 ,目前的效果是进入正文后右边栏仍可正常显示且能独立滚动,在视觉上会比较平衡。

后续的调整方向

1.添加短代码。
2.加入文章最后修改时间。
3.修改相关文章组件的文字效果。
4.调整标题字号大小。
5.尝试新增标签墻。

个人小结

请务必记得先阅读所用主题的官方文档,可以解决不少问题。其次请记住要在根目录下建立layout与assets目录,在这些目录下进行修改后才能保证渲染到网页上生效。最后,基本的Markdown语法还是要掌握的。毕竟,写博客的本质是写md文件(这里不是双关!

Licensed under CC BY-NC-SA 4.0
最后更新于 Jul 06, 2023 17:56 CST
日记簿和诗集 双双阵亡
Built with Hugo
主题 StackJimmy 设计
发表了5篇文章 · 总计13.64k字