MENU

Mirages - 简洁的自适应主题

• October 1, 2016 • Read: 242946 • 不分类

这是一款简洁的单栏的适合阅读的 Typecho 主题,适合放大段大段的文字、代码。因为考虑到一些阅读的舒适性的问题,所以栏宽设置的并不宽。

预览图 - 导航栏

主题提供了两种样式的导航栏:顶部导航栏和侧边导航栏,可以根据喜好在设置中自由切换。

顶部导航栏
侧边导航栏 - 收起

侧边导航栏 - 展开

预览图 - 文章列表

主题提供了两种样式的文章列表:卡片式文章列表和内容式文章列表,同样可以根据喜好在设置中自由切换。

卡片式文章列表
内容式文章列表

预览图 - 其他内容页

文章目录树
文章页标题可以设置显示在文章主图中,或仅显示普通样式的标题。

以下为二者的区别:

标题显示在头图中

文章页
文章页 + 头图

功能与特性:

  1. 简洁(这也是 Mirages 主题一直以来的理念)
  2. 简洁,但不简陋。主题功能非常全面
  3. 响应式设计,适配各种大小屏幕
  4. 两种文章列表样式自由切换(目前有卡片式和文章详情式)
  5. 两种导航栏样式自由切换(目前有顶部导航栏和侧边栏模式)
  6. 针对 Retina 设备优化
  7. 针对移动设备优化
  8. 针对 macOS 优化
  9. 支持 PJAX 无刷新操作
  10. 黑、白及黑白混搭多种基础色调
  11. 漂亮的夜间模式,根据用户当地时间自动切换(22 点到第二天凌晨 6 点前为夜间模式),护眼从我做起
  12. 适配 macOS 的 Dark Mode
  13. 自定义主题色调
  14. 自带卡片式友链样式
  15. 支持数学公式及流程图、时序图、甘特图的显示
  16. 支持短代码,快速生成特殊样式,如按钮、标签、回复可见等。
  17. 漂亮的文章目录树显示
  18. 自带代码高亮功能
  19. 响应式表格设计
  20. 简单好用的表情解析功能(评论、文章中均可使用)
  21. 强大友好的后台配置选项
  22. 与主题适配的专用插件
  23. 简单易用的版本在线更新功能
  24. 多语言支持
  25. 其他很多主题应有的功能

主题售价

系列售价
Mirages For Typecho¥59

收费是为了后续更好的维护,感谢您的支持。

购买主题后,您将获得主题的最新版本,后续所有的升级版本均为免费。本主题不加密,不绑定域名,购买后可随意使用,但不得分发、转售。因主题是可复制的商品,在代码发出后不予退款,敬请谅解。

售后服务包括您在使用本主题时遇到的问题,但不包含主机及 Typecho 安装、Typecho 的使用教程,也不提供主题的个性化定制服务。

Mirages For Typecho主题不适用于 WordPress 等其他非 Typecho 博客程序

购买方式

前往「小商店」自助购买

小商店自助购买目前支持使用支付宝扫码微信扫码付款。
购买完成后即可下载主题,安装使用,无需人工介入。

如果需要的话,有关主题的任何问题都可以直接 QQ 咨询或点击右下角的咨询按钮(可能回复不及时)进行咨询
如果您无法或不喜欢自助购买,则可以通过下面的联系方式联系作者购买主题。

作者联系方式:

人工购买快速付款方式:

付款前请先进行咨询。支付宝付款的话可以先点击这里扫码领取红包

如果可以的话,建议使用 QQ,毕竟微信添加好友没有提醒。

主题安装及使用帮助

这里的两份文档包含了新安装主题时需要的进行的配置和绝大多数新用户可能会遇到的问题,且内容不长,建议阅读。

快速上手 - 安装配置文档

常见问题列表

历史更新记录

这里仅列出了最近稳定版的更新日志,所有更新日志可以在右侧的「所有更新日志」标签页中查看。

2019-04-20 日更新 v1.7.9 最新版
  • 添加了顶部导航栏模式(屏幕宽度小于 768px 会自动回退到侧边栏模式)
  • 添加代码行号支持,可以通过设置项关闭
  • 优化评论头像加载,支持显示 QQ 头像(不会暴露用户 QQ 号)
  • 优化页面加载速度,合并资源文件
  • 优化主题外观设置页面
  • 优化归档页的加载速度
  • 归档页提供按年度归档的高级设置:archivesGroupByYear
  • 修改了评论框的样式
  • 短代码添加内容回复可见功能
  • CDN 优化添加了 Banner 的支持
  • 现在,「卡片式文章列表的背景图列表」中的图片可以显示在文章页面了。关闭此选项可以通过高级设置:disableDefaultBannerInPost = 1
  • 分类文章大图的选取规则变更为随机选取
  • 修复「上一篇」和「下一篇」标题可能超出显示区域的问题
  • 修复仅勾选「云存储优化支持」功能时图片会加载不出来的问题
  • 修复 SmoothScroll 在新版 Chrome 浏览器中会报错的问题
  • 修复 MathJax 在 PJAX 环境下可能渲染失败的问题
  • highlight.js 版本号更新为 9.15.6
  • MathJax 版本号更新为 2.7.5
  • 思源宋体不再依赖 Adobe TypeKit 服务,变更为通过 Google Fonts 服务加载
  • 添加了插件的重启提示
  • 其他 Bug 修复及样式细节调整
2019-03-22 日更新 v1.7.8
  • 修复首页大图可能会随机到空白行的 Bug
  • 修复了暗色代码块文字颜色可能会和背景色相同的 Bug
  • 修复评论后可能导致大图加载失败的问题
  • 修复字体为 Serif 且文章为英文 Serif 时,中文实际显示为 Sans Serif 的问题
  • 修复评论图片可能会超出屏幕的问题
  • 解决部分 Markdown 解析不正确的问题
  • 解决部分展示时间时区错误的问题
  • 解决 AJAX 评论内容没有进行 HTML 转义的问题
  • 现在,点击登出按钮登出后可以进行正常的跳转了
  • 现在,在1600px及以上[逻辑]分辨率的屏幕上,友链卡片变更为一排显示4个卡片了
  • 现在,启用 CDN 加速后,支持加速插件内的表情文件了
  • 现在,在使用 Dark Mode 时,主题可以自动进入夜间模式(需要 macOS 10.14.4 及以上版本,且主题配色为自动模式)
  • 添加主题及插件设置备份功能
  • 添加了文章的最后修改时间(可以通过高级设置 disableModifyTime = true 禁用该功能),默认仅在文章最后修改时间超过发布时间一天时显示
  • 添加了全局的文本对齐方式高级设置: textAlign
  • 添加了短代码支持,详情可参考:短代码 - Mirages 帮助文档
  • 添加了云存储优化及图片加载动画的腾讯云存储(需开通数据万象功能)支持
  • 添加自定义表情功能,详情可参考:添加自定义表情 - Mirages 帮助文档
  • 优化目录树跳转过渡效果
  • 优化标题字体样式及正文排版
  • 移除 MathJax 的语法兼容性代码(不是移除 MathJax 支持)
  • 移除了灰色背景 greyBackground 的支持
  • 整理了船新的主题帮助文档,文档首页:帮助文档
  • 其他 Bug 修复及样式细节调整
这里仅列出了最新开发版的更新日志,所有更新日志可以在右侧的「所有更新日志」标签页中查看。

开发版主题仅可通过插件自动更新的形式使用。如要更新开发版主题,您需要到插件中将「仅接受正式版更新」选项置为「否」,保存后执行插件里的「更新主题和插件至最新版」操作按钮即可。

2019-05-31 日更新 v1.7.10.DEV3(190531A) 开发版
  • 修复了顶部导航栏中搜索图标可能会错位的问题
  • 修复了点击目录树跳转后标题会被顶部导航栏遮挡的问题
  • 修复了使用空格书写代码块时代码块尾部会有一个空行的问题
  • 修复了短代码 tab 内容无法选中的问题
  • 修复了在关闭头像后 QQ 头像仍会显示的问题
  • 修复了文章内图片转换为 CDN 地址可能会失效的问题
  • 更新备案号链接指向地址
  • 添加 Mermaid 支持,可用于绘制流程图、时序图、甘特图等
  • 添加了短代码可视化编辑器
  • 添加了自定义字段:redirect,支持将页面重定向到指定的链接
  • 为插件操作按钮添加了确认框
  • 重写了主题 404 页面
  • 完善了使用 iFrame 等标签嵌入视频时的处理
  • 在切换到夜间模式是,FlowChart 将自动重绘以适配夜间模式
  • 其他 Bug 修复及样式细节调整

Last Modified: June 3, 2019
Archives QR Code Tip
QR Code for this page
Tipping QR Code
Leave a Comment

765 Comments
  1. kbrx93 kbrx93

    手机端文章最后的「最后编辑于xxx」导致标签的排布有问题,还有手机端图片灯箱是有了,但图片还是不能放大。。

    更新的功能都挺实用的,只能把 1.7.6 开始的魔改版换掉了@(阴险)

    1. @kbrx93@(阴险) 毕竟现在用的是不支持缩放的

    2. @kbrx93所以我暂时把那几个字删除了

  2. 发现个BUG公告会把顶部导航栏挡住( ̄﹃ ̄)

    1. @橘纸柚嗯嗯,这个是偷懒了

  3. 老大,下一个版本是否可以增加黑色。另外一个就是增加LOGO的设置方式

    1. @Anseong详细说一下哇,黑色是什么,LOGO 又是什么

    2. @Hran就是主题增加黑色的模式,主色调,例如顶部和底部。目前网站左侧的LOGO是文字形式,是否可以增加图片形式

    3. @AnseongLOGO 可以设置图片的啊
      黑色如果是 顶栏和 底栏改成黑色,其他都是白色的话,这个还是先自己改吧

    4. @Hran请问修改那个文件,顶栏和底栏如果采用黑色,他们相应的字体怎么修改成白色?

  4. 双生白. 双生白.

    测试头像#(看不见)

  5. 好看,买了@(真棒)