关于博客主题及图床的一些更新

 

2019-06-03

终于把折磨一晚上的小问题解决了(文末标签鼠标悬浮时无法下划线),除了有一小部分是在之前断断续续的改动中完成。这次前后大概折腾了两三天,按照之前的想法在原主题的基础上做了一些改善,可以参考原主题 Bedford 对比。

主题

主页

在主页的文章日期之后增加显示分类名称,但并没有单独显示某个分类的功能,所以颜色一直显示为浅色,正文也是如此。

而在侧边栏,把原先的最近文章替换为显示标签,并可查看指定标签下的文章内容;另外在搜索的下方增加了一些链接。

对了,在主题中博客头像原是使用site.avatar元素显示,但这会导致在网站的目录下生成一个临时文件夹存放头像,所以这里改成了直接引用存放头像的文件地址。

正文

除了一样在文章日期之后显示分类,同时会在文末显示当前文章的所有标签,并且点击后可跳转。另外还更改了链接和高亮的展示方式、不同标题级别之间的上下间距、页内跳转和正文之间的间距,当然也对一些元素的字体颜色做了调整。

最后,增加了一直缺席的目录功能,默认的是显示在正文前面,和主题本身并不协调,故这次更改为在文章侧边,并同时会依据文章目录移动(参考 NexT 主题的代码实现)。

页面

原主题默认只有一个归档页面,并无分类和标签功能,这次依据原归档页面写了分类功能,不过是按照文章分类进行归档。本来想把标签页面也同样使用相同布局,但发觉意义不是很大,也不实用,所以最后选择了和搜索结果页一样的布局。同时去掉单独为 /tag/ 显示一个标签聚合页面的想法,而是把这个功能移到侧边栏展示。

链接

之前的链接在域名 note.wuze.me 之后会增加分类名称,然后才是页面链接,这次直接改成使用域名 + 页面的形式,去掉了中间的分类名称。

同时把早期一些由文件名生成而来的文章链接,全部改成在 Mate 中统一设置,所以在 Google 搜到的大部分文章都已经不可访问。

图床

最早图床是放在 imgur.com,结果今年早些时候被墙,后来尝试选择 SM.MS,不过很不稳定,时快时慢,而且不便于管理,所以上个月整理文章时专门在博客下建了一个文件夹存放。优点是方便管理,不过 Bitcron 速度同样不稳定(国内访问常常需要把自己的博客地址也加到 SS 的自定义规则中),而且还需要耗费博客流量。

最近无意见发现语雀上传的图片可以外链使用,而且访问速度很理想,所以暂时把一部分图片转到了语雀,先试用一段时间。

之后

虽然说这次对主题做了一些改动,但并未达到理想中的状态,比如移动端兼容的不是很好。接下来打算对代码进行重构,移除多余代码,并统一设计,最后再对模块和布局进行重写。

最后

有意思的是,发现上一篇文章关于网站及博客主题的一些想法,差不多刚好写在一年之前,不过希望下次更新可以在冬天来临之前完成。