重构，更新至1.4.0版本

404.php

@@ -1,6 +1,5 @@
 <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
 <?php $this->need('header.php'); ?>
-
 <div class="mdui-container">
 	<div class="mdui-row">
 		<div class="mdui-col-md-10 mdui-col-offset-md-1">
@@ -17,7 +16,7 @@
 						<p>当用户不小心访问了某一个不存在的页面并且没有设置错误提示 时，用户会怎么做？如果是初次到访的访客，那么回头率是多少呢？毫无疑问，会抱怨为何出现错误，之后当然是直接关闭窗口离开。所以设置了 404页面也相当于是做了一个针对用户的提示页面，当用户访问了某一个 不存在的页面后就会转到404页面，然后因为你在这个404页面上有友好 的提示，并且有首页和主要栏目页的连接，用户就很有可能会再次点击进入你的首页。但是，Web服务器默认的404错误页面，无论是Apache还是IIS，均十分简陋、呆板且对用户不友好，无法给用户提供必要的信息以获取更 多线索，无疑这会造成用户的流失。 因此，很多网站均使用自定义404错误的方式提供用户体验避免用户流失。一般而言，自定义404页面通用的做法是在页面中放置网站快速导航链接、搜索框以及网页提供的特色服务，这样可以有效的帮助用户访问站点并获取需要的信息。</p>
 						<footer>百度百科 —— 404页面</footer>
 					</blockquote>
-					<del>在404页面划水也是不错的体验呢QwQ。</del>
+					<del>在404页面划水也是不错的体验呢。</del>
 				</div>
 				<div class="mdui-card-actions">
 					<a href="/" class="mdui-btn mdui-ripple mdui-color-theme-accent">返回首页</a>
@@ -30,6 +29,5 @@
 		</div>
 	</div>
 </div>
-
 <?php $this->need('sidebar.php'); ?>
 <?php $this->need('footer.php'); ?>

README.md

@@ -1,136 +1,58 @@
-# typecho-theme-MDUI2333
+# MDUI2333
 
-基于[MDUI](https://mdui.org)的一款typecho主题，私用为主QAQ……若喜欢可以Star，谢谢QwQ。
+基于[MDUI](https://mdui.org)的一款单栏typecho主题。
 
-作者：ZigZagK | 版本：1.3.0
+作者：ZigZagK | 版本：1.4.0
 
 ## 主题特性
 
-1. 基于[MDUI](https://www.mdui.org/)，结合PJAX，AJAX评论。有丰富（拥挤）的侧边栏栏目比如用[tagcanvas](http://www.goat1000.com/tagcanvas.php)实现的标签云。
-2. 支持文章头图设置（随机头图来源[typecho-theme-material](https://github.com/viosey/typecho-theme-material/tree/master/img/random)，侵删），评论字数限制以及评论表情，音乐播放器（By [Aplayer](https://github.com/MoePlayer/APlayer)&[Meting](https://github.com/metowolf/MetingJS)）等功能。
-3. 使用[Highlight](https://highlightjs.org/)渲染代码片并资瓷行号显示，[MathJax](https://www.mathjax.org/)渲染`LaTeX`数学公式（毕竟我是个OIer嘛QAQ）以及[Fancybox](https://fancyapps.com/fancybox/3/)灯箱功能。
-4. 一点都不丰富的自定义设置。~~（这哪里是特性了）~~
-5. 中文最棒啦，所以不支持多语言。高版浏览器最棒啦，所以不兼容低版浏览器。~~（这完全是敷衍吧）~~
+| 特性                 | 说明                                                         |
+| -------------------- | ------------------------------------------------------------ |
+| 自适应               | 可以适配各种屏幕尺寸（MDUI自带的嘛）。                       |
+| 全站PJAX & AJAX评论  | 切换页面、评论时音乐均不会停止，可以愉快地听歌。             |
+| 全站APlayer播放器    | 已对[Meting](https://github.com/MoePlayer/APlayer-Typecho)插件进行适配，可以添加全站音乐播放器。 |
+| 代码高亮             | 使用[highlight.js](https://highlightjs.org/)进行代码高亮，并且有行号显示。 |
+| 数学公式             | 使用[MathJax](https://www.mathjax.org/)渲染数学公式。        |
+| 图片灯箱             | 使用[Fancybox](https://fancyapps.com/fancybox/3/)添加图片灯箱。 |
+| 文章目录             | 使用[jquery_headindex](https://github.com/mnnyang/jquery_headindex)生成手风琴式的文章目录。 |
+| 主题更新提示         | 有新版本时会在主题外观设置中显示。                           |
+| ~~不是很丰富的设置~~ | ~~这哪里是特性了？！~~                                       |
+| ~~并没有多语言~~     | ~~这根本是敷衍吧？！~~                                       |
+| ~~暴力膜👓~~          | ~~亮点自寻，子弹吃到饱，这是坠吼的。~~                       |
+
+~~所以功能实际上全都是搬人家的轮子的。~~
 
 ## 演示
 
 可以参考[ZigZagK的博客](https://zigzagk.top)。
 
 ## 如何使用
 
-1. 在[Releases](https://github.com/ZigZagK/typecho-theme-MDUI2333/releases)中下载最新版，改名为MDUI2333放入主题目录，之后启用主题。
-2. 在设置外观中设置一下主题色强调色，背景图片等。（ps：已删除网站图标设置，只需在网站根目录下放入网站图标`favicon.ico`，此方法对全站适用）
-3. 友情链接页面使用方法：先安装插件[typecho-links-material](https://github.com/ZigZagK/typecho-links-material)并添加友情链接。然后创建一个空页面，将模板改为友情链接页面。
-4. 标签云页面使用方法：创建一个空页面，将模板改为标签云页面，再前往主题设置将标签云模式改为独立页面文字标签云。
-5. 日记页面使用方法：创建一个空页面，将模板改为日记页面。打开该页面即可以评论的方式发表日记。
-6. 自定义评论表情框：详见[这篇文章](https://zigzagk.top/2019/07/22/MDUI2333QAQTAB)。
+1. 在[Releases](https://github.com/ZigZagK/typecho-theme-MDUI2333/releases)中下载最新版，**改名为MDUI2333**放入主题目录，之后启用主题。
+2. 在设置外观中设置一下主题色强调色，背景图片等。
+3. 添加友情链接页面：先安装插件[Links](https://github.com/ZigZagK/typecho-links-material)并添加友情链接。然后创建一个空页面，将模板改为友情链接页面。
+4. 添加标签云页面：创建一个空页面，将模板改为标签云页面。
+5. 添加日记页面：创建一个空页面，将模板改为日记页面。打开该页面即可以评论的方式发表日记。
+6. 更多帮助详见[MDUI2333Wiki](https://github.com/ZigZagK/typecho-theme-MDUI2333/wiki)。
 
 ## 推荐的插件
 
 [Links](https://github.com/ZigZagK/typecho-links-material) - 友情链接（魔改版）
 
-[Meting](https://github.com/MoePlayer/APlayer-Typecho) - APlayer-Typecho
+[Meting](https://github.com/MoePlayer/APlayer-Typecho) - APlayer-Typecho（已经适配，可以添加全站音乐播放器）
 
-[ExSearch](https://github.com/AlanDecode/Typecho-Plugin-ExSearch) - 即时搜索
+[ExSearch](https://github.com/AlanDecode/Typecho-Plugin-ExSearch) - 即时搜索（已经适配，启动插件并关闭`jquery`后即可使用）
 
-## 预览
+[Mailer](https://github.com/AlanDecode/Typecho-Plugin-Mailer) - 评论邮件提醒（已经适配，无需手动添加`<input>`）
 
-![](https://raw.githubusercontent.com/ZigZagK/typecho-theme-MDUI2333/master/screenshot.jpg)
+## LICENSE
 
-![](https://raw.githubusercontent.com/ZigZagK/typecho-theme-MDUI2333/master/preview.jpg)
+MIT.
 
-## 版本更新
+## 打赏
 
-### 1.3.0
+主题是免费哒，但您可以考虑打赏我一杯奶茶QwQ，打赏列表在[这里](https://zigzagk.top/about)。
 
-增加日记页面按月归档。修改了Meting插件的教程链接。
+不想打赏的话，**Star本项目**也是对我的大力支持！
 
-### 1.2.9
-
-增加友链页面按照随机顺序显示的功能（好吧实际上是魔改了一下插件）。
-
-修复了一些可能不为人知的bug。
-
-### 1.2.8
-
-加入网站公告，日记页面。
-
-还把贴吧表情包补全了一下，顺便换了更清晰的。
-
-### 1.2.7
-
-加入主题更新提示。
-
-### 1.2.6
-
-现在可以（稍微）优雅地自定义表情啦，灵感来 ~~（抄）~~ 自于[ohmyga](https://github.com/ohmyga233/castle-Typecho-Theme)的主题。
-
-本来还兴致勃勃地想学习插件开发，然而Typecho插件开发的教程几乎没有，所以就弃了……
-
-配置格式详见[这篇文章](https://zigzagk.top/2019/07/22/MDUI2333QAQTAB)。
-
-### 1.2.5(Fix)
-
-关于评论无限加载……它鸽了……
-
-由于用了评论无限加载之后出现了一系列问题，所以就去掉了QAQ……
-
-### 1.2.5
-
-评论无限加载和AJAX评论上线啦！顺便整理了一下代码。
-
-大概会长期处于这个版本QwQ（无耻地发出咕咕咕的声音）。
-
-### 1.2.0
-
-添加了文章目录以及实时搜索（然而都不是我自己写的QAQ），感谢[mnnyang](https://github.com/mnnyang/jquery_headindex)大佬和[AlanDecode](https://github.com/AlanDecode/Typecho-Plugin-ExSearch)大佬Orz。
-
-将自己加载的APlayer和Meting去掉了，改用[Meting](https://github.com/MoePlayer/APlayer-Typecho)插件。
-
-### 1.1.9
-
-将评论改为两层@式并添加Ctrl+Enter回复，效果可以参考[留言板](https://zigzagk.top/messages)。
-
-其实是为了间接解决移动端评论框太小的问题……
-
-### 1.1.8
-
-添加了独立页面的标签云，可在侧边栏球形标签云和独立页面标签云间按个人喜好选择。
-
-顺便加了一些判断防止前端js报错……看到红叉叉莫名不爽QAQ。
-
-### 1.1.7
-
-添加了[Fancybox](https://fancyapps.com/fancybox/3/)灯箱，用于更友好的图片浏览。
-
-学习了如何替换文章内容后就顺便把前端添加MDUI表格样式改到后端去了QAQ。
-
-### 1.1.6
-
-增加了评论框头像加载时的进度条，虽然这个进度条的进度功能其实是假的……
-
-以及1.1.5(Fix)~1.1.6版本中各种各样的修修补补……
-
-### 1.1.5(Fix)
-
-把访问量统计去掉了，感觉华而不实……
-
-### 1.1.5
-
-针对移动端优化了好多样式……评论区已经完全重写了。
-
-加入了评论表情，因为设置是纯手打的所以如果要自定义的话请加油QAQ，也可以用我的两套图片……
-
-> 自定义评论表情：要更改`function.php`中`function convertSmilies($widget)`的内容以及`comments.php`中`<div class="mdui-dialog-content">`的内容，看我已有的配置应该可以看得懂QAQ。
-
-评论表情是参考[ohmyga](https://github.com/ohmyga233/castle-Typecho-Theme)的主题的，希望Dalao不要捶我Orz。
-
-### 1.1
-
-什么？MDUI只要加一句话就支持移动端了？于是轻松解决了移动端问题（雾）。
-
-优化了一下侧边栏热门文章和最新评论的显示，把`<a>`的`title`属性换掉改成了MDUI的提示框。
-
-优化了一下文章搜索的样式（其实就是去掉了`width:25%`……），增加了下方链接的提示框。
-
-好像不算很大的更新……不过填掉了第一个神坑，还是很开心的QAQ。
+![](https://zigzagk.top/usr/uploads/2019/02/3881882270.jpg)