前言

经过半个月的努力，主题更新到2.0版本了，增加了Typecho 1.2的支持，以及众多改动，基本上是重构了一遍，采用了热门的Typescript来做类型约束，模块化的设计使得维护更加轻松了。

更新日志

2023-03-18

  1. webpack5 + typescript 重构主题
  2. 支持 Typecho 1.2
  3. 模块化结构
  4. 兼容到 320px 分辨率
  5. 修复 1.0 版本备案信息无法展示 bug
  6. 新增表情
  7. 文章与独立页支持切换主题
  8. 支持更多的代码类型高亮
  9. 文章内容支持 iframe 了
  10. 优化了灯箱逻辑
  11. 更加准确的分类菜单高亮
  12. 更好的定位跳转
  13. 更新了 UI
  14. 有彩蛋哦
  15. 还有很多变化需细细品味

主题预览

ppyc73n.png

ppycHcq.png

ppycbj0.png

ppycOBT.png

ppycvEF.png

Github地址

《Typecho_Theme_JJ》

文档地址

《Typecho_Theme_JJ 文档》

分类： Typecho 主题 标签： typecho开源博客主题
版权申明

本文系作者 @木灵鱼儿 原创发布在木灵鱼儿站点。未经许可，禁止转载。

评论

小黄脸
热词
小电视
（⌒▽⌒）
龙年202414周年脱单doge微笑口罩doge妙啊OK星星眼辣眼睛吃瓜滑稽呲牙打call歪嘴调皮豹富嗑瓜子笑哭藏狐脸红给心心嘟嘟哦呼喜欢酸了嫌弃害羞大哭疑惑喜极而泣笑偷笑惊讶捂脸阴险呆抠鼻大笑惊喜无语点赞鼓掌尴尬灵魂出窍委屈傲娇疼冷热生病捂眼嘘声思考再见翻白眼哈欠奋斗墨镜难过撇嘴抓狂生气水稻奶茶干杯汤圆锦鲤福到了鸡腿雪花视频卫星干杯黑洞爱心胜利加油抱拳响指保佑福支持拥抱跪了怪我咯香格里拉边境老鼠牛年兔年三星堆桃源_给花花桃源_缘分桃源_傲娇桃源_欢呼桃源_乖巧洛天依白荆回廊_欢呼白荆回廊_期待白荆回廊_啊？白荆回廊_好好好白荆回廊_无语白荆回廊_尴尬坎公骑冠剑_吃鸡坎公骑冠剑_钻石坎公骑冠剑_无语来古-疑问来古-沉思来古-呆滞来古-震撼来古-注意FGO_耶FGO_开心FGO_汗FGO_怒FGO_偷看初音未来_大笑原神_哇原神_哼原神_嗯原神_欸嘿原神_喝茶原神_生气保卫萝卜_白眼保卫萝卜_笔芯保卫萝卜_哭哭保卫萝卜_哇保卫萝卜_问号无悔华夏_不愧是你无悔华夏_吃瓜无悔华夏_达咩无悔华夏_点赞无悔华夏_好耶奥比岛_搬砖奥比岛_点赞奥比岛_击爪奥比岛_委屈奥比岛_喜欢黎明觉醒_怒了鸦黎明觉醒_石化鸦黎明觉醒_摊手鸦黎明觉醒_比心鸦黎明觉醒_哼白眼鸦以闪亮之名_哎？！以闪亮之名_爱你哦以闪亮之名_吃瓜以闪亮之名_好耶!以闪亮之名_星星眼以闪亮之名_针不戳元梦_爱你元梦_打call元梦_大哭元梦_点赞元梦_哭哭
热词系列_上任鹅城热词系列_啊?热词系列_哇酷哇酷热词系列_呵呵热词系列_谢谢老师热词系列_美貌惊人热词系列_六到无语热词系列_干杯热词表情_世萌双冠热词系列_肥肠自信热词系列_我故意的热词系列_知识增加热词系列_三连热词系列_妙啊热词系列_优雅热词表情_哎呦不错哦热词系列_好耶热词系列_你币有了热词系列_吹爆念诗之王热词系列_对象热词系列_不孤鸟热词系列_洛水天依热词系列_秀热词系列_标准结局热词系列_B站有房热词系列_破防了热词系列_多谢款待热词系列_燃起来了热词系列_饮茶先啦热词系列_再来亿遍热词系列_热乎热词系列_好活热词系列_好家伙热词系列_排面热词系列_爷青回热词系列_芜湖起飞热词系列_夺笋呐热词系列_两面包夹芝士热词系列_梦幻联动热词系列_泪目热词系列_保护热词系列_爱了爱了热词系列_可以热词系列_希望没事热词系列_打卡热词系列_DNA热词系列_这次一定热词系列_AWSL热词系列_递话筒热词系列_你细品热词系列_咕咕热词系列_张三热词系列_害热词系列_我裂开了热词系列_有内味了热词系列_猛男必看热词系列_奥力给热词系列_神仙UP热词系列_问号热词系列_我哭了热词系列_不愧是你热词系列_高产热词系列_真香热词系列_我全都要热词系列_爷关更热词系列_锤热词系列_我酸了热词系列_有生之年热词系列_镇站之宝热词系列_我太南了热词系列_完结撒花热词系列_大师球热词系列_知识盲区热词系列_“狼火”热词系列_你可真星
tv_白眼tv_dogetv_坏笑tv_难过tv_生气tv_委屈tv_斜眼笑tv_呆tv_发怒tv_惊吓tv_呕吐tv_思考tv_微笑tv_疑问tv_大哭tv_鼓掌tv_抠鼻tv_亲亲tv_调皮tv_笑哭tv_晕tv_点赞tv_害羞tv_睡着tv_色tv_吐血tv_无奈tv_再见tv_流汗tv_偷笑tv_抓狂tv_黑人问号tv_困tv_打脸tv_闭嘴tv_鄙视tv_腼腆tv_馋tv_可爱tv_发财tv_生病tv_流鼻血tv_尴尬tv_大佬tv_流泪tv_冷漠tv_皱眉tv_鬼脸tv_调侃tv_目瞪口呆
( ゜- ゜)つロ_(:з」∠)_（⌒▽⌒）（￣▽￣）⌓‿⌓(=・ω・=)(*°▽°*)八(*°▽°*)♪✿ヽ(°▽°)ノ✿(¦3【▓▓】눈_눈(ಡωಡ)_(≧∇≦」∠)_━━━∑(ﾟ□ﾟ*川━(｀・ω・´)(￣3￣)✧(≖ ◡ ≖✿)(･∀･)(〜￣△￣)〜→_→(°∀°)ﾉ╮(￣▽￣)╭( ´_ゝ｀)←_←(;¬_¬)(ﾟДﾟ≡ﾟдﾟ)!?( ´･･)ﾉ(._.`)Σ(ﾟдﾟ;)Σ( ￣□￣||)<(´；ω；`)（/TДT)/(^・ω・^)(｡･ω･｡)(●￣(ｴ)￣●)ε=ε=(ノ≧∇≦)ノ(´･_･`)(-_-#)（￣へ￣）(￣ε(#￣) Σ(╯°口°)╯(┴—┴ヽ(`Д´)ﾉ("▔□▔)/(º﹃º )(๑>؂<๑）｡ﾟ(ﾟ´Д｀)ﾟ｡(∂ω∂)(┯_┯)(・ω< )★( ๑ˊ•̥▵•)੭₎₎¥ㄟ(´･ᴗ･`)ノ¥Σ_(꒪ཀ꒪」∠)_٩(๛ ˘ ³˘)۶❤(๑‾᷅^‾᷅๑)

全部评论 140

  1. i咳咳咳
    i咳咳咳
    Google Chrome Windows 10
    还会更新吗，希望首页侧边栏完善些
    回复
    1. 木灵鱼儿
      木灵鱼儿
      FireFox Windows 10
      @i咳咳咳慢慢弄吧，在学设计模式，等差不多了再来搞
      回复
      1. i咳咳咳
        i咳咳咳
        Google Chrome Windows 10
        @木灵鱼儿期待
        回复
  2. i咳咳咳
    i咳咳咳
    Google Chrome Windows 10
    php7.0，7.1，7.2，都没用，报错或者网站空白
    回复
    1. 木灵鱼儿
      木灵鱼儿
      FireFox Windows 10
      @i咳咳咳别用1.2的typecho
      回复
      1. i咳咳咳
        i咳咳咳
        Google Chrome Windows 10
        @木灵鱼儿OK了
        回复
        1. 木灵鱼儿
          木灵鱼儿
          FireFox Windows 10
          @i咳咳咳好
          回复
  3. nginx
    nginx
    Google Chrome MacOS
    大佬请问一下主题设置备案号和跳转链接设置了但是在博客页面中并没有显示，是我哪里设置有问题吗
    回复
    1. 木灵鱼儿
      木灵鱼儿
      FireFox Windows 10
      @nginxbug，一直没修，你自己手动加到php里吧，上班太忙了
      回复
  4. RawChen
    RawChen
    Google Chrome Windows 10
    点赞咋实现的嘞
    回复
  5. yingyue
    yingyue
    Google Chrome MacOS
    太像了，恍惚好几次以为在浏览掘金
    回复
  6. long
    long
    Google Chrome Windows 10
    文章页打开，不显示内容，空白是什么问题
    回复
  7. 若志奕鑫
    若志奕鑫
    Google Chrome Android
    简约好看
    回复
  8. 佩奇
    佩奇
    QQ Browser Windows 10
    修改好了，头像地址，，管理员头像怎么修改呢
    回复
    1. 木灵鱼儿
      木灵鱼儿
      FireFox Windows 10
      @佩奇建议多去看看typecho的后台设置页面
      回复
  9. 佩奇
    佩奇
    QQ Browser Windows 10
    大佬，我这不显示头像，怎么修改头像地址啊
    回复
    1. 木灵鱼儿
      木灵鱼儿
      FireFox Windows 10
      @佩奇百度下typecho头像换源就行了，或者查看我的reachV2 的主题使用文档，里面有
      回复
  10. 阿呆
    阿呆
    QQ Browser Android
    支持
    回复
  1. 1
  2. 2
  3. 3
  4. 4
  5. 5

相关推荐

Typecho 使用highlight.js代码高亮如何实现代码行号

木灵鱼儿 8287 9 27
typecho 代码高亮 highlight.js

Typecho掘金编辑器《Typecho_Plugin_JJEditor》

木灵鱼儿 5315 2 13
插件 编辑器 typecho

Typecho 实现一个目录树

木灵鱼儿 13417 100 38
typecho 目录树

typecho 自定义分类和分类高亮处理

木灵鱼儿 8418 0 26
主题 typecho 分类

利用typescript实现原生css变量的主题切换功能类

木灵鱼儿 2278 0 0
typecho TypeScript 主题切换

typecho主题开发：基于webpack5的多页面打包项目

木灵鱼儿 5031 19 6
typecho 主题开发 webpack5

让typecho支持特殊字符

木灵鱼儿 2286 0 0
typecho 特殊字符 emoji

typecho 真的很简单的自定义评论列表

木灵鱼儿 67935 0 119
typecho 评论 自定义评论

Lay 响应式Typecho博客主题 V1.1.2

木灵鱼儿 18590 0 8
主题 typecho 博客主题

typecho 超完美上一篇下一篇文章加文章缩略图

木灵鱼儿 63323 0 93
typecho 上一篇 下一篇
获得点赞 572
文章被阅读 73,680
最后更新 23-03-30 13:15:21

目录

目录