暗色模式

一个功能强大、美观、简洁的 Typecho 主题

资源分享 源码 网页源码
2026-02-11
701
3
“写博客已经够难了,如果还要和丑陋的主题搏斗,那简直是双重暴击。”
—— 某位被前任主题伤透心的博主(也就是我)

简介

我在 关于 页面曾提到过 Inaline 主题,也就是现在博客使用的主题。整体使用了类似 Card 的风格,设计上还参考了 Joe 主题。Joe 确实是一款不错的主题,但是原作者放弃了更新,而且也不支持最新的 Typecho 版本了。你就必须在安全性与主题之间做选择。

而 Inaline 主题。在于它不仅美观、安全,而且支持了最新的 Typecho 版本,并在持续不断的保持更新。

接下来放几张截图,来欣赏一下 Inaline 主题的设计。

1000127870.png
1000127870.png

Inaline 主题支持了桌面端和移动端的 UI,且并不是仅仅停留在「能用」的层面,而是针对移动端,对操作逻辑和控件大小都做了优化。使用了侧边栏和各种展开栏来在不减少功能的情况下支持移动端,字体也缩放的恰到好处。

为啥选择 Inaline 主题

  1. 性能
  • 全站 服务端渲染 + 静态缓存,没有花里胡哨的 React Hydrate。还预计支持 RESTful API
  • JS 和 CSS 加起来不超过 100KB, 不依赖 jQuery,加载速度是👍这个
  1. 功能

Inaline 主题在不破坏 Typecho 的原生后台的情况下,针对后台做了许多优化。

  • 编辑器新增了 网易云音乐歌单插入、单曲插入、B站视频插入、网盘链接插入、数学公式插入、卡片插入 等功能和可视化的语法。
  • 编辑器添了行号,支持自动折行,让你不用移动光标来判断「这™的到底在不在一行啊」
  1. 颜值

Inaline 主题非常现代化,支持了暗色模式,并能根据用户的浏览器设置自动切换。还可以在后台设置。别的不说,是比那些添改还得修改源码的主题强。

  1. SEO 友好
  • 自动生成 JSON-LD 结构化数据,Google 搜索直接出“富卡片”。
  • 外链 Sitemap 可以直接提交搜索引擎的站长工具。

如何安装?

说这么多其实大部分人也不想听我吹,接下来就是重点了,快从裤兜掏出小本本记上(。>∀<。)

环境要求

  • PHP ≥ 7.4(Typecho 1.2+)
  • MySQL ≥ 5.7
  • 伪静态(URL Rewrite) Nginx/Apache 均可

一键安装

通过 Git 安装(推荐)

依次执行如下两条命令

$ cd path/to/typecho/usr/themes
$ git clone https://gitee.com/inaline/typecho-theme.git inaline

通过文件安装

本方法可能安装的不是最新版本,因为我可能会忘记更换链接。

  1. 从 Gitee 或 Github(下文会有链接) 下载 release 或从本站下载 .zip
  2. 解压后得到一个 inaline 文件夹
  3. 将它复制到 cd path/to/typecho/usr/themes

启用主题

后台 → 控制台 → 外观 → 启用 → 搞定!

启用主题后,必须点击主题设置保存一次,不然默认设置不会生效

项目传送门

  • Gitee /Inaline/typecho-theme
  • Github /Inaline/typecho-theme

喜欢的话,点个 Star, 蟹蟹(。>∀<。)

发表评论

石猫
石猫
2026-04-02 11:52 #1
说错了是主题😂😂
石猫
石猫
2026-04-02 11:50 #2
这个博客是不是有点小bug呢 先换回默认主题了
匿名
匿名
2026-02-14 17:48 #3
这主题真棒