Skip to content
🍰 A decent and cool typecho theme. 一个还不错的清爽 Typecho 主题
PHP JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets 规范代码结构、优化样式、控制台输出版权信息 Aug 10, 2019
images Plus another ten images for article banners. Jul 21, 2019
includes 规范代码结构、优化样式、控制台输出版权信息 Aug 10, 2019
libs 样式优化/体验优化/Bug Fix Aug 5, 2019
404.php 规范代码结构/增加设置项/优化部分样式 Jul 20, 2019
LICENSE Initial commit Jul 11, 2019
README-en.md Create README-en.md Jul 28, 2019
README.md You can choose the language of the doc now. Jul 28, 2019
about.php Add files via upload Jul 25, 2019
archive.php 🙉 The first release of Miracles 🙉 Jul 11, 2019
banner.jpg 🐬 Nice banner for Miracles Jul 11, 2019
change-log.md Create change-log.md Jul 26, 2019
favicon.ico 🙉 The first release of Miracles 🙉 Jul 11, 2019
functions.php 左侧抽屉栏,可与顶部导航栏进行切换 / Bug fix Jul 25, 2019
index.php Add files via upload Jul 25, 2019
miracles.min.js Comment improve Jul 20, 2019
page.php 左侧抽屉栏,可与顶部导航栏进行切换 / Bug fix Jul 25, 2019
pagefile.php 🙉 The first release of Miracles 🙉 Jul 11, 2019
plan.md Plan a plan Jul 26, 2019
post.php 左侧抽屉栏,可与顶部导航栏进行切换 / Bug fix Jul 25, 2019
saying.php 规范代码结构/增加设置项/优化部分样式 Jul 20, 2019
screenshot.jpg 移动端与电脑端导航分离、新封面 Jul 15, 2019
screenshot.png Add files via upload Jul 25, 2019

README.md

🙌 Born to be the Miracles. 生为奇迹

语言:简体中文 | English

特色

  • 响应式/自适应设计
  • Pjax 预加载技术
  • LazyLoad 图片懒加载
  • Prism 代码高亮+行号
  • 前台设置面板,调整字体/字体大小
  • OwO 评论表情
  • 内置 Live2d,可以选择黑猫和白猫,也能自定义模型(开发版)
  • 舒适的夜间模式
  • 有趣的日落/黑白滤镜
  • 两种导航栏样式
  • 全站公告
  • 自定义摘要
  • 20 张随机缩略图(文件大的根因)
  • 体积较小(压缩后 4M 左右)

使用

  1. Star 本项目
  2. 前往 Releases 下载最新发行版
  3. 解压并存放在/usr/themes目录下
  4. 确认目录名是否为Miracles(大写 M)
  5. 后台-控制台-外观 启用本主题
  6. 阅读 Wiki 和后面的常规配置后,开始使用

常规配置

添加友链(友情链接)

在文章或独立页面中按照以下语法书写。

!!!
[links]
...
[链接名字]{指向链接}(头像)
[链接名字]{指向链接}(头像)
...
[/links]
!!!

如果你是 1.0 及以前版本的 Typecho ,可以在开头和结尾添加!!!

关于页面的设置

创建关于页面的时候选择“关于页面”模板,然后添加自定义字段,如图。

代码高亮无效?

你需要在书写代码块的时候定义语言,这样 Prism.js 才能够正确解析。

(```语言)
相应语言的代码(正常书写时,请去掉括号)
(```)

如果没有定义语言,就会被视作为 html 语言进行解析


在这里未提及的问题请查看 Wiki

鸣谢

这些都是在开发过程中给予我帮助的项目和大佬!

开源项目

大佬们

@ohmyga233 | @AlanDecode | @gfwyuexia | @jrotty

相关

演示站点:我的博客
介绍文章:Miracles —— 生为奇迹
更新日志:change-log.md
更新计划:plan.md

协议

© Typecho Theme Miracles is under MIT License.

Just enjoy it~

You can’t perform that action at this time.