TYPECHO WIKI

Typecho 简洁清新的纯文字 Matcha

Typecho维基君主题列表 • 397次浏览 • 发布 2022-08-21 • 更新 2022-08-21
极致加速的V2Ray 助您畅享全球网络

Theme Matcha


Matcha 是基于 Ringo 二次开发的 Typecho 主题,而 Ringo 本身是移植自 Hexo 的 Journal 主题。所以 Matcha 主题是踩在 memset0 和 SumiMakito 两位大佬的肩膀上完成的,当然,也还并没有完成。

总体上来讲,Matcha 是基于 Ringo 的代码和 Journal 的设计进行二次创作的,增加和优化了许多功能,并且加入了一些自己的设计。

screenshot.png

特色

相较于 Ringo 和 Journal,Matcha 做了以下修改

  • 整体设计上的改动

    • 主题的强调色从原来的棕褐色改为抹茶色
    • 将累赘的分页导航改为「上一页」和「下一页」的设计
    • 去除了页面中部分元素突兀的阴影
    • 页面字体采用「思源宋体」,并给站点标题加上了艺术字体
    • 删除了一些设置项,化繁为简
    • Ringo 主题并不是完全复刻的 journal 主题,Matcha 设置了一个选项,可以在 Ringo 和 Journal 主题的样式之间自由切换
  • 用户体验的提升

    • 给归档页面加上了搜索和标签云,并且排列更加紧凑
    • 增加了 Pjax 无刷新功能
    • 页面滚动更加平滑
    • 完全重写了评论区的样式
    • 完全重写了返回顶部按钮
    • 替换 Highlight.js,使用更轻量级的 Prism.js
    • 显示代码行数,增加一键复制功能
    • 自动检测文章中的链接是否是外部链接,如果是,则自动设置为在新标签页打开,并且在链接前加上明显的标识
  • 文章可读性提高

    • 使用 Pangu.php 在中英文之间自动用空格分隔
    • 使用 bigfoot.js 优化文章脚注的显示
    • 优化了文章内容的样式
    • 适配 BracketDown 插件,支持在文章中加入短代码
  • 优化文件结构,代码可读性提高
  • 动画、各种组件的样式等细节上的调整
  • 修复了一些原主题遗留的 bug
  • ......

具体的外观可以访问作者博客查看。

使用

  1. 直接 clone 或者下载仓库 main 分支
  2. 将文件夹重命名为 matcha
  3. 将主题文件夹放入主题安装目录 /ust/themes/
  4. 登入后台进行简单的配置

如果在使用过程中遇到任何问题,请先查看 FAQ,若没能解决,再询问作者。

Enjoy~

引用

jQuery | Pjax | Pangu.php | Prism.js | Bootstrap Grid | nprogress | smoothscroll.js | bigfoot.js | toaster.js | Masonry

感谢以上开源项目的开发者!

计划

  • [x] 平滑滚动
  • [x] 优化页面滚动条的样式
  • [x] 重写评论板块的样式
  • [x] 优化代码高亮功能(考虑换成 Prism.js)
  • [x] 增加「友情链接」功能
  • [ ] ajax 评论无刷新
  • [ ] 增加「自定义导航栏」功能(突然觉得没有必要)

下载地址
关闭浏览器广告屏蔽插件或者注册登陆即可看到下载地址

注册 登陆

  更新时间:2022年08月21日

  文件说明: 简洁清新的纯文字Typecho主题

  软件作者:Eltrac

  主题演示:Typecho主题演示站

  下载链接: 链接1 链接2 推荐高性价比服务器

厂商投放

【腾讯云】爆款2核2G云服务器首年40元 企业首购最高获赠300元京东卡

腾讯云新春采购节,云服务器多种机型限时抢购,2核2G首年40元,4核8G首年211元,专业技术7*24小时在线服务,腾讯云为企业和个人提供快捷,安全,稳定的云服务!

广告
添加新评论 »