Npcink Blog
切换菜单

JJ(仿掘金) - Typecho 主题

博主开发了 Typecho 主题 JJ(仿掘金)2.0 版本，采用 webpack5+TypeScript 重构。该主题支持 Typecho1.2，具有响应式设计，提供 24 种文章主题和 18 种代码高亮主题，新增移动端目录树、文章置顶、首页推荐等功能。特色包括 B 站表情本地化、优化灯箱逻辑、掘金 UI 风格目录树，并配套专属编辑器插件。

最后更新于
本页目录4 节

作为一个 6 年的博客博主，一直在寻找一种可以更好呈现文章内容的样式，早些年自己也发挥过创意（东抄西抄）写过一个主题，但是不是很理想，后来碰到了 Bootstrap、LayUI 这些 ui 框架，但是这些其实都不能让我满意。

明明没有设计师的审美却有着奇怪的追求…

最近离职在家，投简历也是石沉大海，于是想着更新下我的主题，2.0 这不就来了

功能介绍

  1. webpack5 + typescript 重构主题

  2. 支持 Typecho 1.2

  3. 模块化项目结构

  4. 响应式兼容到 320px 分辨率

  5. 提供 24 个文章主题，18 个代码高亮主题，支持代码行号，一键复制

  6. 本地化 B 站表情，重构多版设计，本次更加便于扩展更新

  7. 独立页也支持文章主题切换

  8. 优化了灯箱逻辑，体验更好

  9. 更加准确的分类菜单高亮

  10. 更好的定位跳转

  11. 新版的掘金 UI

  12. 搜索记录列表

  13. 文章列表加载支持无限加载和分页加载切换

  14. 自定义 404 页面支持两种类型自由切换

  15. 更好的页面性能和 SEO

  16. 有彩蛋哦

  17. 高保真掘金目录树

  18. 支持 docsearch（需要自己申请 apiKey）

  19. 新增移动端目录树功能

  20. 新增文章置顶功能

  21. 新增首页右侧推荐文章功能（具体查看文档）

  22. 配套文章编辑器 Typecho_Plugin_JJEditor 实现友链页样式编辑时预览

  23. 还有很多变化需细细品味

安装

下载完毕上传到 Typecho 的主题文件夹 theme 中，解压即可。

注意文件夹的名字不能有特殊符号，你可以使用：Typecho_Theme_JJ

而且打开这个文件夹，就能直接看到主题文件，请勿嵌套多层目录，否则 Typecho 识别不了。

使用要求

  1. PHP 7.2 - 8.2 版本

  2. Typecho 1.2 版本，有些语法低版本不支持

  3. MySql 5.6 - 8.0 版本

个人推荐直接 php8.2，mysql 也上 8.0，因为这两个的旧版本都已经不再维护了，主题已经做了兼容处理，我个人也是使用的 php8.2 和 mysql8.0，有问题方便修复。

相关