返回

博客 | 仓库施工总览(更新至2023.09.22)

由《仓库施工日志》(简称《日志》)精简而来。

主题:从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

2023-07-17

  • 在留言板页面底部开启评论功能,实装留言板。

其实还是没琢磨出来要怎样才能在page页底下开评论区!最后的做法是把留言板的文件从page移到post里变成文章页,再在config里把文章页的链接链到菜单栏里。迂回一下,至少变成post后,底下是有评论框的……好吧,起码留言板终于实装了!

2023-07-20

  • 购买并成功配置新域名。
  • 终于拥有个站评论区的管理员身份——这下才算真正完成Waline的部署!
  • 把《日志》中【参考】部分的第三条从“高级装修技巧”改为“stack主题更多相关一览”。//(因为经验贴真的很多啊!?先存一下,日后再作具体更新。)
  • 添加“返回顶部”按钮。这个按钮在移动端也看得到。
  • 在归档列表里面显示文章的副标题/描述。

2023-07-21

  • 在保留《仓库施工日志》的同时,将精简后的《日志》命名为《仓库施工总览》。

2023-09-22

  • 解决了手动TOC无法跳转的问题。
  • 把博客slug里的连字符通通替换为下划线。
最后更新于 2023-07-21 00:00 CST
.. ... ...
Built with Hugo
Theme Stack designed by Jimmy

本站访客数人次 总访问量 本文阅读量