Git Product home page Git Product logo

matcha's Introduction

Theme Matcha

Matcha 是基于 Ringo 二次开发的 Typecho 主题,而 Ringo 本身是移植自 Hexo 的 Journal 主题。总体上来讲,Matcha 是基于 Ringo 的代码和 Journal 的设计进行二次创作的,对代码结构进行了大幅度地重构,并添加了许多自己的设计和好用的功能。

特色

  • 响应式设计,在常见的屏幕尺寸下表现良好
  • 全站无刷新,应用了 Pjax 和 Ajax,切换页面和发表评论时更流畅
  • 支持夜间模式,可以自动和手动切换日间/夜间模式
  • 平滑滚动,翻阅页面时滚动更加自然
  • 图片懒加载,延迟加载图片,提升页面速度
  • 图片灯箱,点击图片可放大查看
  • 文章目录,使用 tocbot 生成的动态文章目录,支持二三级标题
  • 更好的代码高亮,自动生成行号,附带一键复制按钮
  • 更好的字体,借助 Google Font,采用思源系列字体
  • 访客统计,即插即用的统计功能
  • 文章阅览量统计,查看有多少人点开了你的文章
  • 人性化的时间显示,是今天、昨天,还是几天前,而不是枯燥的日期
  • 增强可读性,精心设计的文字排版
  • 良好的兼容性,兼容各类插件,继承曾使用过的主题数据
  • 专注模式,阅读时点击文章标题上的眼睛,隐藏文章以外的内容
  • More to find

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

使用

  1. 前往 Releases 页面
  2. 找到最新的发行版,即第一个 Release
  3. 下载打包好的 .zip 压缩文件
  4. 解压到 usr/themes/ 目录
  5. 登陆后台启用主题并更改设置
使用开发版
  1. 直接 clone 或者下载仓库 main 分支
  2. 将文件夹重命名为 matcha
  3. 将主题文件夹放入主题安装目录 /usr/themes/
  4. 登陆后台启用主题并更改设置
查看历史版本和更新日志

所有版本的更新日志请查看 change-log.md

Matcha 主题采用语义化版本 2.0.0 标准发行版本号,所有 Releases 页面的发行版都遵循这一规范,除此之外,主题会为每一个次级版本命名来概述此次更新(当然并不重要)。开发版的语义化版本号,也就是 GitHub 仓库里没有被特别赋予版本号的的版本,为 当前最新发行版版本号-alpha.最近一次 commit 的哈希码前七位,例如这一个 commit的版本号为 1.0.0-alpha.3b87366

说明

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

拓展

这些插件可以拓展主题的功能,并且主题已经适配了它们,可以放心使用

  • Links:友情链接插件,如果要使用友情链接功能就必须安装这个插件
  • Sticky:文章置顶插件,如果想要置顶一篇或多篇文章就可以使用这个插件
  • BracketDown:语法拓展插件,如果想要在文章里使用短代码就需要安装这个插件
  • CopyDog:版权狗插件,可以在文章末尾生成一个显示版权信息的卡片
  • ExSearch:搜索增强插件 1.2.0-beta.1 及以后版本支持
  • WordsCounter:字数统计插件,可以统计全站的字数 为Matcha重新微调的版本

鸣谢

开源项目

jQuery | jQuery Lazy | Pjax | Prism.js | smoothscroll.js | bigfoot.js | toaster.js | Fluidbox | Throttle-Debounce | tocbot.js umami

矢量图

Pixabay 用户 - OpenClipart-Vectors:提供 404 页面使用的矢量图

公益CDN

Cravatar | cdnjs | 字节跳动静态资源公共库


Copyright © 2022 SumiMakito, memset0 & Eltrac, under GPL v3.0 License.

matcha's People

Contributors

1989car avatar bigcoke233 avatar cky008 avatar forev3rnalway5 avatar kurococliu avatar liaocp666 avatar licaoz avatar namelessman avatar sevichecc avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

matcha's Issues

搜索的bug

关于搜索目前有几个问题想要反馈

  1. 右上角的搜索按钮:它的功能是未实装吗,它没有可供点击的按钮,而使用回车键也无法执行搜索
    image
  2. 归档页面的搜索框:这里能否也加上使用回车执行搜索的功能,一开始琢磨了好久才意识到是点击按钮搜索
    image
  3. 您的博客:目前您的博客在归档页面进行过搜索后将不再使用https,页面部分图标加载不了,而且页面pjax也失效了
    image

求一个文章置顶

谢谢作者,这个主体真好看,优秀。
希望下版加一个文章置顶,很需要这个功能,谢谢!

【求助】左侧导航栏可以加分类页面吗

博主,我想问一下,这个博客主题侧边栏可以加分类页面吗?就是导航栏上显示某个分类目录(或者二级标签这种),看了你的源码,不懂php🤣,如果方便的话告知一下,不甚感激
image

大佬求救,独立页面在手机端不能正常显示

新增的独立页面在手机端IPHONE和小米VIA都不能正常显示,点击以后会刷新页面到主页,网站下的计数会加一。

但是我用手机看你的网页又是正常能进入的。。。完全不知道哪里搞错了。。。

Firefox 下评论功能异常

浏览器版本:Firefox 115

观察到 Firefox 下评论时无法正常发送请求,可在 F12 观察到请求报错 NS_BINDING_ABORTED ,并返回 500 错误:

必须填写用户名
必须填写电子邮箱地址
必须填写评论内容 

Error

一个小的bug

在有目录的文章,浏览后,返回首页,目录不会恢复为导航
image
image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.