新主题Donovan的一些修改

之前说的新主题，使用了一段事件之后，发现还是有很多地方不满意，干脆做了个子主题，这样修改方便灵活，还不会影响原主题。下面列出一些修改的地方，以供参考。

增加

页面模板

增加了一个页面模板，应用到了存档页面。页面中列出了分类、标签和按年月的归档。

引用信息

在文章底部的元信息中，增加了引用来源。本文下有示例。

地理位置

在文章底部的元信息中，增加了地理位置信息，由于使用的Google地图API是很多年以前的，没有验证有效性，后期会进行验证。原来代码中的Google Maps API已经失效，经过研究后已更换新的版本，并增加了国内地图服务（高德地图、百度地图、腾讯地图）的API链接，图标还在绘制中，不日放出。本文下有示例。

全局按钮

增加了提高用户体验的全局按钮，位置位于右下角。有用于返回页面顶部的按钮、跳转到评论区的按钮和搜索按钮，还有页面内跳转的返回按钮。搜索按钮悬停或点击后会展开搜索框，输入内容后按回车进行搜索。

还有其他按钮会随着其他功能的使用而显示/隐藏。

图片懒加载

给文中图片加入了图片懒加载的功能，可以在需要展示时才显示图片，加快页面访问速度。

图片查看

给文中图片链接加入了图片查看功能，可以不离开当前页面查看图片。图片查看界面背景是一个黑色蒙版，并对当前页面做了高斯模糊处理，可以使用鼠标拖动和用滚轮缩放。点击空白区域或页面右下角（全局按钮位置）的关闭按钮会隐藏图片查看界面。

示例：

域外链接提示

给非本站的链接后加入了一个小图标，并在新窗口中打开。站内链接仍然是直接在当前页面跳转。

示例：必应搜索

修改

包括对一些插件的修改一并列在此处。

字体

全面采用了思源系列字体，包括思源黑体（Noto Sans CJK SC）、思源宋体（Noto Serif CJK SC）以及等宽思源黑体（Noto Sans Mono CJK SC）。

为了达到最佳显示效果，使用了网络字体。使用中文网字计划的在线字体分包器（GitHub）进行了字体切分，将对应不同编码的字体分割进不同文件，在需要时才会加载，以达到效果和速度的平衡。

搜索框

由于原主题的搜索框翻译有大问题（莫名出现错误字符），而且也不符合我的要求，故做了点小修改，将搜索框提示文字替换成输入内容后按回车搜索。

一些样式修正

• 调整了一些标签的样式。示例如下：
  • <b>：加粗但不强调
  • <strong>：加粗并强调
  • <i>：斜体但不强调
  • <em>：斜体并强调
  • <del>：标记编辑删除
  • <ins>：标记编辑插入
• 给<kbd>元素加上了框。示例：T。

• 给存档页标签云的标签两端加上了双星（⁑），以方便区隔。

• 因为主题不做区分地给所有.comment类加上样式（实际上只需要给评论区的类加上就行），和PrismJS给代码生成的高亮样式冲突，做了修正。

• 给<code>元素加上了背景，以和正文做区分。

• 给文章特色图片加了居中效果，原主题是左对齐的。示例在本文上方。

• 使用imwptip来给文章加上付费赞赏功能，对其样式进行了修改（使用主题的颜色，去掉圆角）。

• 使用Yet Another Related Posts Plugin（YARPP）来实现相关文章列表功能，对其样式进行了修改（去掉加粗）。

相关的源代码，会在以后整理放出，以便需要的朋友自己操作。

赞赏

微信赞赏支付宝赞赏