导航菜单
登录 注册

主题简介

一款基于 Typecho 默认主题 Replica 开发博客主题,旨在简约现代的基础上提升阅读体验。

主题功能

字体选择

西文字体中文字体
衬线字体Source SerifNoto 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>标签的高度限制,确保代码完整展示。
  • 仍保留代码的宽度限制,请注意避免单行代码过长。
  • 自动调整标题大小、间距等细节样式。

主题缺点

(暂无)

主题截图

Replicon_截图.png
Replicon_截图.png

主题使用

(暂无)

主题历史

2024-12-0?

  • 开了个叫 Textus 的文件夹(本来打算叫这个),从 Replica 1.2.1 开始从头写。

2024-12-15

  • 修了一些 bug。
  • 改了大量细节,力图让它看起来更现代。
    (最显著的就是元素变大了。)
  • 实现了代码高亮。由 Prism.js 的 Coy 主题修改而来。
  • 行间代码字体现设置为「JetBrains Mono NL」与「霞鹜文楷屏幕阅读版」。
    大段代码字体现设置为「Consolas」与「霞鹜文楷屏幕阅读版」。

2024-12-16

  • 修了一些 bug。
  • 改了一些细节。
    (其中一个小细节是把 scroll-bar 改成了常驻的,因为如果不常驻,随着 scroll-bar 有无,页面宽度会变,元素会动。我喜欢它保持稳定。)
  • 衬线字体西文由「IBM Plex Serif」更换为「Source Serif 4」……?
    其实非常举棋不定要换成啥。再看吧。(跑)
    (中文不变,仍为「Noto Serif SC」。)
  • 将其命名为 Replicon。

2024-12-17

  • 「Source Serif 4」的粗体字重调为 600 而并非 700。

2024-12-18

  • 实现了打印模式。
  • 改了一些细节。

2024-12-20

  • 修打印模式的 bug。
    (似乎修好了,那暂且从 todo-list 上划去。)
    (为此改了表格的样式。)

2024-12-22

  • 实现了友链卡片。
  • 修打印模式下 A3 纸张没隐藏的 sidebar。
  • 写了个 README.md

2024-12-25

一下啃下两块硬骨头 :P 喜欢吗,用线代成绩换的

  • 实现了中西文间隙自动调整。(参考文献1
  • 实现了放在侧边栏的目录树。

2024-12-26

  • 修了文章为空时目录爆炸的 bug。(谁家好人文章为空啊!)
  • 为目录跳转添加了平滑滚动及与页面顶部的间距。

2024-12-27

  • 回避了对 Prism.js 代码的直接修改。现在相关修改被放在了 prism-replicon.css 中。
  • 顺便把 Prism.js 换成了最小化的。
  • 增加代码行数相关支持。
  • 更新了 screenshot.png
  • 一些对代码的小修改。
  • toc 相关重构。
  • style.css 重构
  • 项目目录结构大重构 :P

资源预览

资源下载

资源为外部正规网站提供,本站不保存任何下载内容,请自行甄别安全性。
2025年02月20日,正月廿三,星期四,在这里每天60秒读懂世界!
上一篇
2025年02月21日,正月廿四,星期五,在这里每天60秒读懂世界!
下一篇
广告