Armx Mod for Typecho 更新日志

概述

有句话怎么说来着，心思简单的人，在生活中会不自觉的将空白填充满，比如桌子上摆满了各种各样的花草、书籍、摆饰等等，而心思复杂的人则相反，喜欢单一的样式，喜欢简单的摆设，以此来平衡内心的烦躁。

更新（2018/05/04-2018/06/30）

2018/05/04

ArmX 主题页面挺简单的，一眼就看上了，但是有很多不完善的地方，比如：

• 搜索默认跳转到主题作者网站；
• 已发表文章的图片不可用；
• 新发表文章无法插入图片；
• 头像经常失效；
• 等等

花了两天时间改造了一下，感觉还行，做的变动有：

• 增加右侧栏统计；
• 随机文章推荐；
• 统一样式：整体架构、单页、侧边栏等；
• 其他。

图片问题，直接取消 响应式图片 功能（即删除 footer.php 尾部的调用，原开发者网站图片都加载不出来，也不知道这个功能是啥样的）：

2018/05/05

添加了 CDN 和外链功能：

• 针对文中图片自动替换 CDN 链接；
• 文章及评论的链接均开启新页签跳转（解决开启 Pjax 无法打开外链的问题）；

2018/05/06

• 解决搜索问题，新增独立搜索页；
• 添加右侧快速导航按钮（返回顶部、转到底部、跳到评论）；
• 新增简、繁体转换（感觉就是为了好玩的。。。）；
• 细部 CSS 调整；

搜索页

使用方法：新建独立页面，模板选择搜索页，slug 指定 search 即可，文章内容将作为搜索页提示语。

2018/05/07

• 优化了下独立搜索页的显示；
• 添加了图片灯箱效果（放大、图库、自动播放等）；
• 优化点赞功能；

灯箱效果

在电脑端，点击打开，再点击放大，点击空白区域或上划或下划关闭；
在移动端，点击打开，双击放大，上划或下划关闭。

2018/05/08

• 调整移动端搜索框显示；
• 整合点赞、打赏功能；
• 调整文章页显示内容；
• 解决 AMP 提示规则不符问题；
• 优化细部显示；

2018/05/09

• 优化细部显示；
• 优化灯箱效果，解决 AMP 报错；
• 将模块设成配置项（日后的功能更新，若功能可以配置（开关、自定义等），均以可配置或配置项来表示）；
• 解决其他 PHP Notice 问题；
• 将对 Typecho 的改动统一到主题中，使之可以直接套用。

至此，各大功能模块测试正常，无 Error，无 Notice，差不多可以用了，有什么好玩的想法，欢迎大家踊跃建议，嘿嘿！
这两天网络经常掉，不知道网站打开速度有没有变化，有空的亲留个言说说打开本站速度如何呗~

2018/05/11

• 添加评论表情：QQ 样式；

2018/05/12

• 依建议，添加更多评论表情样式，今天是：颜文字；
• 优化评论表情显示；
• 其他一些改善；

2018/05/14

• 添加评论表情样式：阿鲁；
• 优化评论添加表情体验；
• 其他一些改善；

2018/05/15

• 优化移动端评论表情显示样式；
• 优化打赏功能；
• 优化小卡片显示；
• 优化日期归档（时光鸡）；

2018/05/16

• 修复启用主题后搜索功能跳转问题；
• 优化小屏幕显示效果；

感觉主题折腾地差不多了~

主题配合使用插件：

• Smiles：评论表情基础插件；
• Alu：阿鲁表情，Smiles 扩展插件；
• QQPlus：QQ 新表情，Smiles 扩展插件；
• Like：点赞功能基础插件；

如果要达到本博客效果，还需要：

• AMP-MIP：Google AMP 及 Baidu MIP 自动生成插件；
• GoLinks：外链转内链，将外链 example 访问形式转为 /go/example；
• Sitemap：网站地图生成插件；
• Sticky：文章置顶插件；
• waterMark：图片水印插件；

文章置顶

使用本站提供的置顶插件，启用后在插件管理里找到 Sticky 设置，cid 填入要置顶的 cid，css 则填入：

<span class="zd zdt">置顶</span>

2018/05/19

• 时光鸡增加目录，方便快速定位；
• 增加文章概要支持，在自定义字段写 desc 即可；
• 调整小屏显示效果；
• 增加打字特效，好玩；

2018/05/22

• 增加文章分享；

2018/05/23

• 修复评论处登录用户无法退出问题；
• 文章页增加一言，看起来丰富多了（其实是为了解决页头缩起比例问题~）；
• 优化长代码显示效果（占屏，难受，改！）；

2018/05/29

• 修复目录过长导致页脚被覆盖问题；

注意：目录 MarkDown 格式必须严格一级级往下分，第一级两个 #，第二级三个 #，主题最多支持两级。

2018/05/30

• 添加短代码功能（用法参见：《Armx Mod for Typecho 短代码演示》）；
• 屏蔽非中文语系评论，配置项；

提醒：

• 短代码仅在本主题有效，若切换其他模板将无法解析；
• 如果短代码中有 Markdown 语法，最好将短代码换行，不然会被解释器解释为普通文本；

评论

中文站点基本上访客都是中文语系用户，出现纯英文或其他不知什么语言的评论大多都是垃圾评论，故默认屏蔽了非中文语系的评论，可在配置中关闭。

2018/05/31

目前已有 5 个模板页：

• 时光鸡：按时间线对所有文章索引（或称归档）；
• 排行榜：列出互动最多的访客、浏览最多的文章、点赞最多的文章、评论最多的文章；
• 友情链接：顾名思义，列出所有友情链接；
• 搜索页：简单大方的独立搜索页；
• 留言板：与独立页面相似，去除赞赏等功能；

用法：

• 新增独立页面，什么内容都不用输（或者写些说明文字也可），模板选择上述 5 个其一即可，公开度可选隐藏（不隐藏会在右上角“发现”处列出，是的，独立页面是在发现这里列出来的）。

2018/06/01

语音朗读：

1、采用百度语音广播（暂不支持 https，开启朗读小绿锁会掉）；
2、中文体验较好，文中含大量代码、非中文语言则一般，此时可通过自定义字段屏蔽语音：
字段名称：read，值：N。
3、由于之前含代码的文章太多，懒得修改了，所以默认 5 月后的文章开启，可修改 function 中的 readable 配置；
4、baiduBDUSS 配置方法：
① 打开 百度账号设置 并登录（建议使用 Chrome）；
② 右键点击 审查元素 或 检查，或者按 F12；
③ 切换到 Application 页签；
④ 点击 Cookie，并选中 https: // passport.baidu.com；
⑤ 找到 BDUSS 对应的 Value，双击后复制到配置中即可。

懒加载：

在包含很多大图片且较长页面中使用懒加载（延迟加载），能使页面载入更快。浏览器在只加载可见区域的图片后就达到绪状态，因此对于移动端，可以节省内存资源（PC 端内存都很大，节省可能没那么明显），在某些情况下，它也能帮助减少服务端的负载。

在同时开启 Pjax 时，会有一个问题，就是不会缓存已经加载过的图片，也就是说， Pjax 本身在访问某一页面后会在本地缓存一段时间，这段时间内再访问可直接访问本地缓存，但是若开启懒加载，这时候将会再次向服务器请求图片，暂时没有办法解决这个问题，要不要开启就看取舍了。

2018/06/02

2018/06/03

2018/06/04

2018/06/06

2018/06/07

此次重构懒加载，解决了开启 Pjax 后，会重复刷新图片问题（参看 6/1 更新说明），目前默认开启懒加载的有：文章缩略图、文章图片、表情、二维码、赞赏码、侧栏推广、评论头像（还有吗？）。

文章头图功能开启后感觉整体都不协调了，暂时放弃。

2018/06/08

QQ 头像模式

当评论者留的是 QQ 邮箱则获取 QQ 头像，若是其他邮箱则获取 Gravatar，如果没有 Gravatar 那么就显示默认头像，是不是感觉丰富多了？

已经启用了头像缓存策略，当页面评论用户存在 QQ 邮箱，那么首次获取可能会比较慢，缓存后基本上不会对网站速度有太大影响。

为什么启用缓存？访问者直接本地获取头像不是更快吗？是这样的，本地获取头像只与访问者宽带有关系，但是直接展示头像链接有泄露评论者隐私（如 QQ 号）的风险，故选择本地缓存后再呈现，换句话说就是速度换隐私了。

对于经常连不上的 Avatar 头像，开启缓存或许是最好的方式了。

2018/06/09

2018/06/10

测试发现使用网络一言时，有时候会影响页面打开速度，特别是主机在国外的（因为一言服务器在国内），故增加本地一言。文件存于 lib/yiyan.txt（建议服务器端配置禁止该路径访问），可以自行补充，当使用网络一言时也会自动保存到该文件，故可以先运行一段时间网络的，再切换本地的。

UA 是指 UserAgent，浏览器的一个标识，可以显示访问来源，使用的操作系统等等，评论看起来会内容会更丰富些，考虑到不是每个人都愿意分享，默认关闭，需要的话自行勾上即可。

本次更新测试未发现有错误提示，已上传，若有使用配套表情，需要一起更新下。

2018/06/11

2018/06/14

这几天的更新已上传，接下来要增加什么功能呢？

2018/06/15

本地二维码

使用方法比较简单，下载 源码（非插件），在博客目录新建文件夹 ext，将源码直接解压到 ext 目录下，完整结构如下：

- blog.vircloud.net
 - ext
  - qr
   - phpqrcode.php
   - index.php
   - .htaccess

如果想专门新建站点实现，或者放到其他目录，修改 function.php 中的 postqrcode() 即可，目前在 1062 行。

联系方式

QQ：htt p://wpa.qq.com/msgrd?V=3&uin=你 QQ 号&Site=QQ&Menu=yes；
Telegram：

• 网页直接发起：http s://web.telegram.org/#/im?p=你的用户名
• 调用客户端：http s://t.me/你的用户名

本站运行 Typecho 版本：1.1 (17.10.30)， 有反馈主题套到其他 Typecho 会有一些错误提示，故今日更新未上传，待验证。

2018/06/19

经全新环境套用主题测试，未发现有 ERROR 或 Notice，今日更新已上传。

2018/06/20

2018/06/21

夜间模式

整体配色调暗，晚上浏览更护眼，大屏幕开关在右侧按钮，标识为 “日” 或 “夜”，小屏幕开关在顶部右上角，电灯泡标识。

外链转换

转换的目的是减少直接跳出率，降低流量的流失，与 QR 工具类似，通过 转换处理工具 实现，将源码直接解压到 ext 目录下即可（也可以其他目录），完整结构如下：

- blog.vircloud.net
 - ext
  - link
   - index.php

2018/06/24

2018/06/29

链接补全

完整的链接应该是形如 https: // blog .vircloud .net，然而在实际使用中，如果网站绑定有多个域名，那么使用完整链接是不友好的，比如说我上传了图片附件，默认 URL 是 https: // blog .vircloud .net /example .png，通过另一个域名 https: // vircloud .net 访问时，图片 URL 将仍然是 https: // blog .vircloud .net /example .png，因此在这种情况下，我们会使用相对地址 / example .png 以方便维护。

但是同时又产生了另一个问题，相对地址对于 SEO 是相当不友好的，搜索引擎更喜欢完整的、结构化的 URL 地址，因此新增链接补全功能，根据访问域名自动补全相对链接缺失部分，以利于 SEO。

会进行补全的有：

$url=/111/222.jpg;
$url=./333/;
$url=../444.jpg;
$url=555.jpg;

不会补全的有：

$url=//111/222.jpg;
$url=tel:111222;
$url=data:image;
$url=mailto:;
$url=http(s)://;

使用本主题建议都使用相对链接

多域名优化

此优化同样针对 SEO，一个网站多域名是对 SEO 来说也是相当不利的，收录的可能会非常乱，也可能会直接被搜索引擎拒绝收录，因此根据谷歌帮助，本次对多域名也进行了优化。

自动夜间模式

根据访客来访时间，若时间在 18:00-07:00 ，将自动开启夜间模式，配置项。

2018/06/30

链接标识

针对内链和外链显示不同的样式标识，使访问者一眼就能区分开来，内链标识在左，外链标识在右，具体样式可参看任意包含链接的文章。

分类显示

具体位置在 首页 - 关于博主 - 分类，划过显示。

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