Replicon 是一款基于 Typecho 默认主题 Replica 开发的博客主题。设计中融入了犬戎个人的审美偏好,希望能在简约现代的基础上提升阅读体验。
目前正在犬戎的狗窝 犬窝闲谭 上运行。
Replicon 力图提供清晰、舒适的阅读体验:
- 字体优化:
- 衬线字体: 西文使用「Source Serif 4」,中文使用「Noto Serif SC」。
- 行内代码字体: 西文使用「JetBrains Mono NL」,中文使用「霞鹜文楷屏幕阅读版」。
- 代码块字体: 西文使用「Consolas」,中文使用「霞鹜文楷屏幕阅读版」。
- 中西文排版: 自动处理中西文混排的间隙问题:
- 无空格时自动渲染 1/6 字宽间距。
- 有空格时自动调整为空格 1/5 字宽。
- 手工调整 CSS 样式参数: 为每个细节精心优化,确保整体风格协调统一。
Replicon 支持自动生成目录树。
- 目录树可展示在侧边栏跟随您的阅读。
- 点击目录树中任意一个标题即可平滑滚动至对应位置!
Replicon 使用了 Prism.js 进行代码高亮。
- 同时在官方 Coy 主题的基础上自定义了一些样式,融入主题整体风格。
提示:项目中自带的 Prism.js 是犬戎在官网选择了 Minified Version 与 Coy 主题并勾选了自己常用的语言与插件之后下载的源代码。如果有其他需求,可以在 Prism.js 官网选择 Coy 主题并按需自定义,下载后将项目自带的替换掉就可以了 :D
Replicon 内置针对打印的样式优化功能,轻松生成适合上交作业与纸质阅读的 PDF 文档:
- 自动隐藏导航栏与侧边栏。
- 移除
<pre>
标签的高度限制,确保代码完整展示。- 仍保留代码的宽度限制,请注意避免单行代码过长。
- 自动调整标题大小、间距等细节样式。
只需按下 Ctrl + P
即可体验!
生成带头像与描述的友链卡片:
<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).