Armx Mod for Typecho 更新日志

更新（2018/07/02-2018/12/31）

2018/07/02

2018/07/03

iOS 平台图标

苹果为 iOS 设备配备了 apple-touch-icon 私有属性，添加该属性后，在 iPhone、iPad、iTouch 等设备的 Safari 浏览器上，就可以使用 添加到主屏幕 按钮将网站添加到主屏幕上，方便用户以后访问。针对不同尺寸的屏幕 Safari 会自己选择要选用哪一种尺寸的图标，而我们要做的就是将网站图标上传，并告诉 Safari 我们网站配置了哪些尺寸。

由于不同尺寸名称类似，因此在配置中配置了网站图标并开启 Apple 模式后，主题会自动向网页插入尺寸代码，然后我们要做的就是上传不同尺寸的图片到网站图标同目录下，尺寸有：

57x57
72x72
76x76
114x114
120x120
144x144
152x152
180x180

比如网站图标名为 apple-touch-icon.png，则不同尺寸分别命名为：

apple-touch-icon-57x57.png
apple-touch-icon-72x72.png
apple-touch-icon-76x76.png
apple-touch-icon-114x114.png
apple-touch-icon-120x120.png
apple-touch-icon-144x144.png
apple-touch-icon-152x152.png
apple-touch-icon-180x180.png

效果如下：

文章缩略图

新增自定义字段，名为 thumb2（thumb 已预留做文章头图，暂时还没做好就是），值就是缩略图地址，建议使用相对地址。

今日更新未发现 ERROR 或 NOTICE，已上传。

2018/07/04

2018/07/06

预计今晚会上传新版本。

2018/07/10

2018/07/13

2018/07/16

图片文章

即文章含有图片的文章，修改为图片上下有间宽，这样更符合整体风格，显示效果更好。但若是纯图片文章，类似《这年头谁还不是个宝宝咋的》这样的图片拼接文章，上下有间宽显示效果就差强人意，因此新增标签 <!- -img --> 来区分（实际无空格），若有此标签则取消间宽。

功能优化

功能越加越多，整体响应变慢了几毫秒，作为完美主义者，这是不可容忍的，今天对 Pjax、夜间模式、简繁转换、图库等功能进行了优化，页面切换加载时间至少降低了10%，效果十分明显。

侧栏友链

与朋友圈一样，调用 Links 插件，需要先启用，类似的，朋友圈取的是分类为 one 的友情链接，侧栏则是分类为 index 的友情链接。

2018/07/17

2018/07/19

2018/07/20

主题颜色

现在主题支持颜色配置了，在 全局功能->主题风格 填入六位颜色代码即可，需要注意的是颜色代码错误将不生效，显示为默认颜色。

回复可见

以代码 [hide ]隐藏的内容[ /hide] 来表示，注意实际 hide 左右括号没有空格，仅当访客评论回复后才能看到文章内容，效果可参见《最新申请谷歌语音（Google Voice）详细教程 - 获取免费美国手机号码》。

提示

使用回复可见，可能会收到很多无效评论：

2018/07/21

兼容性说明

语音朗读：目前测试 Chrome、安卓手机浏览器、Safari 以及基于此类核心的浏览器都兼容，不过因为朗读源是 HTTP，暂时无法实现 HTTPS，而 Firefox 浏览器对 HTTPS 加载 HTTP 资源会报错导致无法播放，在 IE 浏览器中也因不支持语音接口而无法播放，故今日更新取消了在基于 Firefox 及 IE 核心的浏览器上的语音朗读功能。

2018/07/22

搜索页体验

当访客打开搜索页时自动对焦搜索栏，使访客可以直接输入内容，而不用点一次搜索框才能输入。

2018/07/25

评论表情

基于 Smiles 插件，已集成到主题中，同样是配置项，另外也可以配置 CDN（比如腾讯 COS？），如果主题开启了懒加载，表情将一并开启。

后台评论也可实现表情预览和回复，但由于是非插件形式，所以需要修改下管理目录下的 manage-comments.php 以引进表情，若没有做过修改，可直接下载替换，如果后台不需要表情显示则无需此步。

2018/07/26

页面压缩

直接看图，左为开启前，右为开启后：

从上图来看，压缩效果还是有的，但对于页面本身就小的，并不明显，想要真正达到比较好的压缩，还是应该通过 Nginx/Apache 本身的 Gzip、BR 等功能来实现。

2018/07/30

定位问题

开启懒加载后，由于图片占位被替换，在加载成功前整个页面的位置是不准确的，而侧栏的定位在此时就已经确定，故点击侧栏按钮会出现要点多次才能定位到真正的位置，这是懒加载不可避免要面对的问题。当然了，这个问题也可以通过事先就指定好图片大小来解决，不过目前实际问题不大，待以后有时间再更新。

今天主要解决评论提交后页面定位问题，此前评论提交后页面会跳转到页头，体验不好，今天改成跳转到父评论，但同样由于头部自动收缩、懒加载等原因，还是不能完全准确定位，但会比直接跳到页头好一些吧。

图片优化

测试发现，同时开启 Pjax 和懒加载时，在切换多篇文章后可能会出现图片懒加载失效的情况，没发现问题在哪里，判断可能时两者兼容性问题，针对此，今天对于图片增加了手动加载按钮，若图片不显示，点击即可显示，同时增加自动编号（标题取自 alt 属性），是不是觉得越来越像出版书籍的风格了：

表格优化

与图片一样，新增自动编号，由于 Markdown 本身不支持表格标题，故新增短代码来表示，写法：

[ tbn]表格标题[/ tbn]

实际无空格，写在表格下方。

JS 判断

本主题大量功能基于 JavaScript 开发，若未开启将无法正常显示，针对此新增 JS 判断，若禁用 JS 则直接隐藏页面内容（页面杂乱还不如不见 Orz。。。）。

今日更新测试兼容 IE11、Firefox59、Chrome67、Edge 42、Via 等主流浏览器，无错误、警告。

2018/07/31

评论来源位置

根据访问 IP 判断，首次开启可能会影响网页打开速度，默认保存到数据库，以提升后续访问速度。

需注意位置获取基于网络，本地测试可能无法显示位置。

经服务器环境（Nginx 1.10+ PHP 5.6）以及虚拟主机环境（Apache 2.4+ PHP 5.4）测试，运行正常无报错，今日更新已上传。

2018/08/14

2018/08/20

2018/08/24

2018/08/27

闲言碎语

类似 QQ 空间说说，使用方法：新增独立页面，slug 设为 saying，模板选择 闲言碎语，内容作为介绍文字显示，发表需在该独立页面发表，建议在后台将评论设置为将 较新的 评论显示在前面，启用分页 第一页 作为默认显示。

2018/08/29

2018/09/10

打赏短代码

首先应先启用打赏功能，然后在需要显示打赏按钮的地方添加代码（实际无空格）：

[psh ang]文字内容[/psh ang]

效果：

近期有收到反馈说报错无法运行，最后发现是 PHP 版本问题，如果有遇到类似问题，可以考虑切换 PHP 版本。

经服务器环境（Nginx 1.10+ PHP 5.6）以及虚拟主机环境（Apache 2.4+ PHP 5.4）测试，运行正常无报错，今日更新已上传。

2018/09/12

评论类型

Typecho 中评论有 COMMENT、PINGBACK 以及 TRACEBACK 三种类型，默认是打包一起显示，默认主题看起来没啥，定制主题看起来就会很别扭，故今天对评论进行了拆分（主要收到了 PINGBACK，666~），看起来整体更协调。

2018/09/18

更新已上传，自集成部分插件后，所需的插件只有点赞 LIKE 和友情链接 Links 了，转内链（GoLink）、页面跳转（link）、二维码（qr）三个视需求下载启用。

2018/09/27

2018/10/02

BootCDN 已倒闭，调整了部分使用其提供的资源引用。

2018/10/08

审核提示

主题对评论做了较大修改，对于开启评论审核的，直接不显示新发表的待审核评论，让人产生评论失败的错觉，故新增提示，避免重复评论。

2018/10/10

小助手读文章

感谢麦田一根葱大佬，小助手无法读文章问题已修复。

2018/10/12

测试没有报错，没有警告，今日更新已上传，欢迎体验。

2018/10/16

URL 补全

修复当带参数 URL 补全时参数被截断导致 URL 不全问题。

2018/10/27

2018/10/28

高分辨率屏幕支持

主要针对 iPad、2K 及以上屏幕优化，除页面头部 Logo 需要增加一张 2x 图片，其他的自动优化。

比如说原设置的头部 logo 地址是 /usr/themes/armx/img/header-logo.png（分辨率为 150x55），那么在该目录下新增一张 /usr/themes/armx/img/[email protected]（分辨率为 300x110）即可。感谢 @okgo 截图！

2018/10/30

今日更新已打包上传，欢迎使用！欢迎反馈！

已知问题：

本地测试时打开含有评论的页面会比较慢，这是因为主题启用了显示位置、头像缓存等在线资源的缘故，特别是在本地无外网环境下会显得更慢，后续会再优化下。

关于演示站问题，最新主题代码都是直接在本站上修改应用（千万别学我。。。），所以核心功能、浏览体验等都可以在本站直观展示。

2018/11/13

注：本站已开启 CDN，可能缓存没那么快更新，即可能不能马上看到效果。

2018/11/15

主要针对长文章，效果很好，双击开启，再双击关闭，可以在主题设置里配置。

2018/11/19

感谢 @blog @豫山 @chem 等小伙伴建议，今天新增的文章列表页（首页、归档页等）自动缩略图策略功能描述如下：

定义

① 有图文章：文章内容中包含 jpg/png 图片元素，内链、外链均可；

② 默认缩略图：预设缩略图，保存于 img/sj/default.jpg;

③ 随机缩略图：随机选取 img/sj/ 目录下的以数字 1、2、3 等命名的 .jpg 文件；

策略

① 有图文章显示缩略图，无图文章随机显示缩略图；

② 有图文章显示缩略图，无图文章显示默认的缩略图；

③ 所有文章一律显示默认缩略图（主题原策略）；

④ 所有文章一律显示随机缩略图；

注意

① 目前主题只准备了 9 张随机缩略图，可以自行替换或增减，主题可自动识别；

② 自定义字段 thumb 及 thumb2（主题原策略）优先度高于缩略图策略，即会覆盖缩略图设置；

2018/12/03

2018/12/06

评论跳转问题

是指开启 Pjax 后点击包含评论的页面无法正常跳转问题，开启懒加载时仍然会有错位问题，这是懒加载图片占位问题，无解（无图文章正常）。

懒加载兼容问题

是指同时开启 Pjax 与图片懒加载，在页面跳转时图片概率性不显示问题，修复后在 Chrome 、IE 下暂未复现，也请大家帮忙看下。

按键切换

是指在文章页（不含独立页），可以通过键盘上的左 <- （上一篇）右 ->（下一篇）来导航文章，暂不兼容 Pjax，仅在关闭 Pjax 时才生效，配置项。

2018/12/07

2018/12/08

2018/12/11

2018/12/15

2018/12/21

针对文章内容较多较长的文章，可以使用该功能进行分页，支持 Pjax，默认 2000 字左右分页。

使用方法

启用功能后，若该篇文章定义了自定义字段 next 值为 Y 或 y，则：
如文章无手动分页标识，则按默认字数分页；
若要手动分页，则在要分页的地方添加分页短代码标识：[ next ]（实际无空格）。

注：由于非英文字符系差异，字数不会 100% 严格执行。

2018/12/22

2018/12/25

头像显示问题

问题出现在早期版本 IE 浏览器中，Chrome、Edge 等不会提示，表现为评论头像框显示打叉或不显示，Console 提示“无法解码 URL 处的图像”。

修复方式：

1、已缓存有很多头像：下载该文件，上传到主题目录 armx/img/avatarcache/ 下，然后访问：你的网站地址/usr/themes/armx/img/avatarcache/fixpic.php，执行后自动修复，再次刷新可以看到修复结果；

2、无缓存或已删除 armx/img/avatarcache/ 下的头像，无需操作，新建的头像缓存不存在此问题。

2018/12/27

今日更新已上传，欢迎体验！欢迎反馈！

2018/12/28

2018/12/30

2018/12/31

页面缓存

是指开启 Pjax 后，页面在多长时间内反复多少次点击都不会再次向服务器请求数据，而是读取上一次请求的缓存的数据，好处显而易见，但缺点是如果同时开启了懒加载，那么有图文章就会出现图片第二次访问需要手动点击加载的情况，对于评论则是不会立即显示，要到过了缓存时间才会展示。调整为配置项，看大家各自需求设置了。

1. 1
2. 2
3. 3
4. 4
5. 5
6. 6
7. 7