Replicon 是一款基于 Typecho 默认主题 Replica 开发的博客主题,希望能在简约现代的基础上提升阅读体验。
目前正在 速效複寫 上运行。
| 西文字体 | 中文字体 | |
|---|---|---|
| 衬线字体 | Noto Serif SC | Noto Serif SC |
| 行内代码字体 | JetBrains Mono NL | 霞鹜文楷屏幕阅读版 |
| 代码块字体 | JetBrains Mono NL | 霞鹜文楷屏幕阅读版 |
为什么本地托管
JetBrains Mono NL和霞鹜文楷屏幕阅读版两个字体?
我搜寻互联网,没有找到它们的 CDN。:(
(不过如果去掉「NL」以及「屏幕阅读版」的话就有了。不过个人偏好是无法忍受 coding 字体中使用 ligature 特性,以及屏幕阅读版的字重更适合。)
总而言之,如果有能用的,请告诉我!
为每个细节精心优化,确保整体风格协调统一。
自动处理中西文混排的间隙问题:
- 无空格时自动渲染 1/6 字宽间距。
- 有空格时自动调整为空格 1/5 字宽。
Replicon 支持自动生成目录树,可展示在侧边栏跟随您的阅读。点击目录树中任意一个标题即可平滑滚动至对应位置。
Replicon 使用了 Prism.js 进行代码高亮;同时在官方 Coy 主题的基础上自定义了一些样式,融入主题整体风格。
提示:项目中自带的 Prism.js 是犬戎在官网选择了 Minified Version 与 Coy 主题并勾选了自己常用的语言与插件之后下载的源代码。如果有其他需求,可以在 Prism.js 官网选择 Coy 主题并按需自定义,下载后将项目自带的替换掉就可以了 :D
Replicon 内置针对打印的样式优化功能,在文章页面按下 Ctrl + P 即可轻松生成适合上交作业与纸质阅读的 PDF 文档:
- 自动隐藏导航栏与侧边栏。
- 移除
<pre>标签的高度限制,确保代码完整展示。- 仍保留代码的宽度限制,请注意避免单行代码过长。
- 自动调整标题大小、间距等细节样式。
生成带头像与描述的友链卡片:
<div class="friend-container">
<a class="friend-card" href="https://inuebisu.cn">
<img class="friend-avatar" src="https://archive.inuebisu.cn/avatar/kari_512.png" alt="犬窝闲谭">
<div class="friend-info">
<p class="friend-name">犬窝闲谭</p>
<p class="friend-description">犬戎的狗窝!</p>
</div>
</a>
<a class="friend-card" href="https://inuebisu.cn">
<img class="friend-avatar" src="https://archive.inuebisu.cn/avatar/default_avatar.png" alt="另一位">
<div class="friend-info">
<p class="friend-name">另一位</p>
<p class="friend-description">神秘人</p>
</div>
</a>
<a class="friend-card" href="https://inuebisu.cn">
<img class="friend-avatar" src="https://archive.inuebisu.cn/avatar/default_avatar.png" alt="第三位">
<div class="friend-info">
<p class="friend-name">第三位</p>
<p class="friend-description">是谁呢</p>
</div>
</a>
</div>将 Replicon 源代码上传至 /usr/themes 主题目录,在 Typecho 后台的外观设置中启用 Replicon 即可。可根据个人需求调整设置。
可以访问 速效複寫 体验主题的实际效果。:P
欢迎任何形式的贡献!无论是报告错误、提交功能请求、修复问题还是改进文档,犬戎汪都非常感谢您的帮助!
This project is licensed under the GNU General Public License v2.0 (GPLv2).