信纸主题更新日志

  • [x] 调整了页面字体,色彩以及fontawsome图标。
  • [x] 调整了页面导航栏布局及功能。
  • [x] 调整分拆整合主题文件结构,以利于后续调整布局及功能。
  • [x] 调整了页面布局,尽量保证页面文字对齐背景网格线
  • [x] 添加了Disqus以及Gitalk评论系统,在主配置文件里设置切换。
  • [x] 添加了分类页和标签页页面。标签页面加入了根据标签对应日志量标签云色彩过渡功能。
  • [x] 配置了Github Pages以及Cloudflare Pages,Github中更新后会同步在Github&Cloudflare Pages发布。
  • [x] 添加了页面地址二维码动态生成显示功能。
  • [x] ~~因为需要绝对路径,绑定多个域名后页面二维码切换有待解决,现在需要在配置中设置域名。~~
  • [x] 通过JS获取了当前页面的url,解决多域名问题。
  • [x] 整合了装订纸背景打孔纸背景两种主题,在主配置文件中设置切换。
  • [x] 在Github客户端配置了GPG证书用于提交验证,现在Github的commits有验证签名了。

Friday, June 28, 2024

页面设置后退按钮

在修改主题的时候,遇到一个问题,就是从主页面点击进文章页后,在文章页中需要设置导航按钮用于返回。最初只是直接简单的添加了回主页的链接,这样只能说是勉强能用了。
假如遇到从非主页点击进入文章页面,如果还是直接返回主页的话就丢失了原来浏览所处的位置而被重置到了主页,这样就同浏览页面的直观感受割裂了。所以如果能采用类似浏览器的后退一步的操作的话才能解决这个问题。
最初使用:

<a href="javascript:history.go(-1)">Go Back</a>

或者

<a href="javascript:history.back()">Go Back</a>

去操作,发现chrome或者edge里都好,但在安卓的Via浏览器中不起作用。后面修改为onclick事件:

<a onclick="(() => (history.length === 1) ? window.location = '/' : history.back())()"> Go back </a>

能够正常使用了。
通过后退按钮,能够从文章页面返回到点击发生的历史页面而不是简单回到主页了。

Wednesday, June 26, 2024