主题:从meme到stack
《仓库施工总览》,简称《施工总览》。由《仓库施工日志》(简称《日志》)精简而来。
《日志》内容:参考项;近期动态;施工详情
《总览》内容:待处理项;施工总览
待处理
- 把标签墙适配到本博客
- 添加移动端也能看到的ToC
- 修改引用块的背景色
- 为什么长代码块可以上下移动但不能左右移动
- 想办法让Hugo生成大小敏感的URL。←一番思索后觉得不是很必要
- 在文章页隐藏菜单栏。感觉是可以单独实现的,往frontmatter里加东西?
- 让文章页的右栏只显示目录(即隐藏搜索、归档、分类、标签云等挂件),而不影响主页右栏。这点应该能轻松实现,我在别人的博客上见过效果。这个应该也是可以单独实现的,我觉得可能还是跟frontmatter有关。(?不要什么都往frontmatter里加啊!)
- 为背景和卡片找到适合的颜色搭配。如果要换背景颜色,卡片颜色也必须要改,不然配着这个白色看得太刺眼。
施工总览
开端
2021-12-04
- 找到了两篇写得很详细的教程,当晚开始注册GitHub、Vercel与下载Hugo、Git、Github Desktop、VScode一条龙。
- 前后花了两个小时左右来搭建个站。我给自己的博客套的第一个主题是meme,这个主题只用了一个晚上,第二天下午我就换了stack主题,自此开始漫漫装修路。
第一次大装修(2021-12-05至2021-12-07)
2021-12-05
- 成功用Hugo搭好个站。主题从meme改成了hugo-theme-stack,大致调了调首页,左栏调好了,但是项目顺序好像变了,我怀疑这是因为我调了weight的数值,不明白。//(Solved.)(weight是权重,影响项目的排序)
- 几乎完全不懂html!Those Who Loved Him里的正文贴进去后消失了,很神秘,前端完全没有显示出来。//(Solved.)(最后决定把文章删掉了。后来一想,文章贴过去却没有显示,可能是因为标注的时间在博客时间的未来……)
2021-12-06
仔细看了看stack主题的介绍页又研究了会:
- 确认了在stack主题下,往菜单栏里添加页面的推荐方式。//(不是直接修改config)
- 搞懂了FrontMatter及所包括的项目是什么意思,学会添加slug来自定义文章链接。
- 知道了怎么给分类/标签添加图片。知道了CSS、px、em等缩写是啥意思。//(呃但是后来又忘了)
- 添加《仓库施工手册》来记录学习过程与tips,简化了《仓库施工日志》。
- 解决了插入本地图片不成功的问题:添加超链接后你没在英文符号
[
前加英文感叹号!
!正确的格式是![操作:输入想要显示出来的描述文字](图片文件名.文件格式)
。而且Markdown文件的文件名要改成index才行。 - 解决了左栏项目顺序发生变化的问题:你调了weight的值!而且每一个页面都调成了不同的值,不变才有鬼(原来这个weight真的是权重的意思)。
- 添加网站icon。
2021-12-07
- 学会添加任务列表。
- 添加《链接收藏》。
- 添加《待写集》。
第二次大装修(2022-03-17至2022-03-19)
2022-03-17
- 将stack主题替换成stack魔改版。
- 成功安装Waline评论区。
- 添加访问统计功能。代码可以直接参考不蒜子-极简网页计数器,也可以在不蒜子的基础上advance一把。
- 学习正确的文章更新方式:值得注意的是,如果你更新个站文章的方法是「删除旧文件,并复制粘贴新文件」,那么这篇文章底下显示的阅读量会清零——所以最好不要这么做。
2022-03-18
- 删除主題里的vibrant.js插件,删除主題里的photoswipe灯箱插件。
- 修改文章页字体设置,缩短文章行距。
- 缩短目录里的标题行间距。
- 目录内容适当左移。
- 使“相关文章”栏里的文章显示文章日期(原本能看见的信息只有标题)。
- 加深菜单栏文字的颜色。//(魔改版送了高亮功能,但因为我基本只点“主页”选项,导致一开始并没有发现这点……)
- 修改全站的滚动条样式(a.k.a.美化滚动条)。
- 美化选中样式。
- 为个站加了loading动画。
2022-03-19
- 修改默认模式下的代码块的背景与字体颜色。
普通装修项
2022
2022-03-22
- 解决站点图标只在首页显示的问题。
- 删除超大Avatar。
- 缩小菜单栏里图标与描述之间的距离。
2022-03-23
- 在菜单栏添加“留言板”。
新的东西新的问题,注意到“搜索/归档/友链”页之后,我还得研究研究怎么:
- 隐藏标题与页尾(感觉可以抄友链页里的代码?)//(Solved.)(抄友链页的代码即可)
- 隐藏右侧栏;
- 在page底下开评论区(应该和Front Matter有关?)。
2022-04-27
- 解决“引用块长得跟代码块一模一样”的问题:你没用对引用代码!//(代码块引用和平常看到文字引用是两种引用……以及,事实是,魔改版的说明里明确给出了引用样式短代码的说明……只是我一直没有注意到罢了(望天)。)
2023
2023-05-01
- 解决了疑问:正确添加了文章,发布时间填为今天/此时此刻,成功上传后,主页却不显示?//(参考文章《Hugo平台博文指定时间之后不显示?》)
2023-07-17
- 在留言板页面底部开启评论功能,实装留言板。
其实还是没琢磨出来要怎样才能在page页底下开评论区!最后的做法是把留言板的文件从page移到post里变成文章页,再在config里把文章页的链接链到菜单栏里。迂回一下,至少变成post后,底下是有评论框的……好吧,起码留言板终于实装了!
2023-07-20
- 购买并成功配置新域名。
- 终于拥有个站评论区的管理员身份——这下才算真正完成Waline的部署!
- 把《日志》中【参考】部分的第三条从“高级装修技巧”改为“stack主题更多相关一览”。//(因为经验贴真的很多啊!?先存一下,日后再作具体更新。)
- 添加“返回顶部”按钮。这个按钮在移动端也看得到。
- 在归档列表里面显示文章的副标题/描述。
2023-07-21
- 在保留《仓库施工日志》的同时,将精简后的《日志》命名为《仓库施工总览》。
2023-09-22
- 解决了手动TOC无法跳转的问题。
- 把博客slug里的连字符通通替换为下划线。
2024
2024-07-28
- 之前用的那个域名过期了,一看续费还挺贵,心想算了吧于是又用回vercel给的了。