概述
有句话怎么说来着,心思简单的人,在生活中会不自觉的将空白填充满,比如桌子上摆满了各种各样的花草、书籍、摆饰等等,而心思复杂的人则相反,喜欢单一的样式,喜欢简单的摆设,以此来平衡内心的烦躁。
Tips:更新日志已按年份分页,可划到文章底部切换。
更新(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
- 集成浏览数统计;
- 增加排行榜:互动最多的访客、浏览最多的文章、点赞最多的文章(与 Like 配合使用)、评论最多的文章,感觉有点花哨~
目前已有 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
- 优化图片懒加载效果:未加载前使用进度条;
- 优化首页、归档页点赞效果:实时+1反馈;
由于一般是在测试没问题后才上传源码的,所以若在本页看到有更新,下载页却没有更新,不要着急哦。
2018/06/03
- 修复文章使用短代码后,出现 HTML 标签不匹配问题;
- 优化发表评论效果:若浏览器缓存中有记录则直接取记录中的昵称、邮箱等信息,需要修改点昵称即可;
- 加了几个 QQ 表情,默认启用懒加载;
2018/06/04
- 优化加密文章页显示效果;
- 优化 iPad 上显示效果;
2018/06/06
- 调整了排行榜显示效果;
- 修复了归档页面在某些分辨率下显示错位问题;
2018/06/07
- 重新设计懒加载功能,代码更简洁了,也更强大了;
- 新增文章二维码 API 配置项(百度貌似失效了);
此次重构懒加载,解决了开启 Pjax 后,会重复刷新图片问题(参看 6/1 更新说明),目前默认开启懒加载的有:文章缩略图、文章图片、表情、二维码、赞赏码、侧栏推广、评论头像(还有吗?)。
文章头图功能开启后感觉整体都不协调了,暂时放弃。
2018/06/08
- 新增 QQ 头像模式,以及缓存;
取消 iOS 系统懒加载功能(没办法,Safari 太娇气,根本加载不出来,吐血)。
QQ 头像模式
当评论者留的是 QQ 邮箱则获取 QQ 头像,若是其他邮箱则获取 Gravatar,如果没有 Gravatar 那么就显示默认头像,是不是感觉丰富多了?
已经启用了头像缓存策略,当页面评论用户存在 QQ 邮箱,那么首次获取可能会比较慢,缓存后基本上不会对网站速度有太大影响。
为什么启用缓存?访问者直接本地获取头像不是更快吗?是这样的,本地获取头像只与访问者宽带有关系,但是直接展示头像链接有泄露评论者隐私(如 QQ 号)的风险,故选择本地缓存后再呈现,换句话说就是速度换隐私了。
对于经常连不上的 Avatar 头像,开启缓存或许是最好的方式了。
2018/06/09
- 评论框默认加载一言,配置项;
2018/06/10
- 新增本地一言,可配置项;
- 修复 iOS 下表情延迟加载问题;
- 新增 UA 显示,丰富评论。
测试发现使用网络一言时,有时候会影响页面打开速度,特别是主机在国外的(因为一言服务器在国内),故增加本地一言。文件存于 lib/yiyan.txt(建议服务器端配置禁止该路径访问
),可以自行补充,当使用网络一言时也会自动保存到该文件,故可以先运行一段时间网络的,再切换本地的。
UA 是指 UserAgent,浏览器的一个标识,可以显示访问来源,使用的操作系统等等,评论看起来会内容会更丰富些,考虑到不是每个人都愿意分享,默认关闭,需要的话自行勾上即可。
本次更新测试未发现有错误提示,已上传,若有使用配套表情,需要一起更新下。
2018/06/11
- 新增一些实用的小功能:来路提示、复制版权提示、打字特效等,可配置项。
2018/06/14
- 对一些功能进行了完善修复,比如 UA 图片错位等等;
- 部分参数改成可配置项,比如建站时间等;
- 新增服务器页面加载时间展示,可配置;
- 新增低分辨率返回顶部按钮;
- 新增字数统计,可配置。
这几天的更新已上传,接下来要增加什么功能呢?
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
- 优化主题后台管理显示,更加直观;
- 修复主题应用到其他 Typecho 错误;
经全新环境套用主题测试,未发现有 ERROR 或 Notice,今日更新已上传。
2018/06/20
- 新增标签云 3D 样式;
- 优化小屏返回顶部按钮;
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
- 优化文章页链接标识;
- 优化夜间模式显示效果;
- 新增分类显示;
- 修复一些警告;
链接标识
针对内链和外链显示不同的样式标识,使访问者一眼就能区分开来,内链标识在左,外链标识在右,具体样式可参看任意包含链接的文章。
分类显示
具体位置在 首页 - 关于博主 - 分类,划过显示。
666
Windows 10Chrome 72.0.3626.121来自 香港 的大神
请问最新版在哪里下载使用??
本周会有更新,关注主题说明页
Windows 10Chrome 78.0.3904.87来自 广东 的大神
不错的。主题功能挺多。就是外观布局上不能更多的个性化。
大框架是不好个性化,显示效果、功能上是可以的
Windows 10Chrome 86.0.4240.198来自 美国 的大神
改的不错,持续保持更新。
—— 来自VIP用户