Replicon 是一款基于 Typecho 默认主题 Replica 开发的博客主题。设计中融入了犬戎个人的审美偏好,希望能在简约现代的基础上提升阅读体验。
目前正在犬戎的狗窝 犬窝闲谭 上运行。
西文字体 | 中文字体 | |
---|---|---|
衬线字体 | Source Serif 4 | Noto Serif SC |
行内代码字体 | JetBrains Mono NL | 霞鹜文楷屏幕阅读版 |
代码块字体 | Consolas | 霞鹜文楷屏幕阅读版 |
为每个细节精心优化,确保整体风格协调统一。
自动处理中西文混排的间隙问题:
- 无空格时自动渲染 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://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://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://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).