刚给域名续了5年的命,19.99USD/年。
比原来贵了不少,查了一下别的域名商,最便宜的13.60USD,但懒得转移就忍痛续了,5年后再说吧……
最近对博客主题进行了移动端自适应改造。
其实很早前就有这想法,希望桌面端和手机端能保持风格的一致和和谐。无奈没有技术,而且也没有足够的动力,因为使用了一个插件实现2个主题的自动切换,桌面端会显示自己不能自适应的主题,移动端会自动被切换到适应移动端的另一个主题。虽然有很大程度上的欠缺,但也算一定程度上弥补了移动端的遗憾。
直到端午节前,全局变量发了一段代码给我,可根据不同尺寸屏幕应用不同CSS代码,基本能看懂(但写不出来)。后来又根据自己的主题内容又修修改改,完善移动端显示效果,添加固定移动端导航,添加移动端隐藏式菜单,如法炮制相册自适应主题改造,首页自适应改造……整个过程对我来说有点难,也有点不太顺利,特别是CSS属性之间的关联性和冲突,没系统的学习过就是懵的,一个样式调试好了又新冒出来一个待处理的样式问题,像无头苍蝇一样乱折腾,只能去不断的试错、修改、再试错、再修改……不断的往复循环,直到现在也只能算是以最笨拙的代码实现最简陋的功能,而且也许可能大概还存在不少的CSS样式问题、代码规范问题以及我所认识不到的问题等等等等……
但是,对我来说已经是尽力了,我能做的大概率就这么多了,也许某一天会发现一个问题,但也许会又再放一段时间,等某一天对这个问题实在忍不下去了又再学习、折腾,也算是一种乐趣,折腾成功了也算是一种成功!
最后,这个主题已经使用过好多年了(主题作者的链接已经失效,都不记得哪年开始使用的),期间也陆陆续续修改、完善过,经过这次修改虽然功能更完善了一些,但我也不知道还会使用多久。也许某一天看上一个新的符合我的要求和审美的主题就给换了,但也许还会一直用下去,很久很久……
由于本人技术非常非常有限,Blog的评论邮件回复功能一直没能设置成功,因此回复了你们的留言也没法提示,深表遗憾!恳请各路大神不吝指点一二,不甚感激!
空间:老薛主机的云虚拟主机
程序:Typecho 1.2.1,免费Let's Encrypt证书
插件:CommentNotifier、CommentToMail等都设置不成功
邮箱:QQ、126、139等都试过
测试:CommentNotifier提示:SMTP connect() failed. https://github.com/PHPMailer/PHPMailer/wiki/Troubleshooting SMTP server error: Failed to connect to server SMTP code: 101 Additional SMTP info: Network is unreachable
最终通过CommentNotifier提供的api推送方式解决
测试的时候使用插件作者提供的公益API进行测试可以成功发送邮件
在自己用的虚拟服务器搭建的API就不行
最后在一个阿里服务器搭建了API就可以发邮件
看来还是服务器的问题
但是受自己技术所限没办法知道是哪里的问题
暂且就这么解决吧
谢谢各位提供的解决思路和帮忙
——以上更新于20250520 18:45
今天Snake Wu留言提到评论区不能正常显示Emoji,输入的表情符号发布后显示为问号。
通过搜索发现是数据库编码问题,PHP版本5.5以上,将默认的数据库编码utf8修改为utf8mb4即可,于是根据网络上的教程对数据库和设置文件进行如下修改:
1. 修改数据库编码。进入phpMyadmin,选择对应数据库,选择表“typecho_comments”–>点击“结构”–>点击“text”字段的修改–>排序规则–>选择 utf8mb4_unicode_ci;
2. 修改typecho数据库配置文件。修改网站根目录数据库配置文件config.inc.php,修改“charset”值“utf8”为“utf8mb4”即可。
现在就可以正常显示新输入的Emoji表情文件啦,如果要博客内容也需要支持,按同样方法修改“typecho_contents”的“text”字段编码就可以啦😀😄😁😆😉
最后推荐一个Emoji网站,需要的时候复制粘贴即可。
最近给博客增加了一个新玩意儿——足迹地图,用于在地图上标注走过的大好河山。数据文件与博客相独立,单独在页面中使用iframe引用即可,对于我的技术水平来说还算可以接受。
足迹地图基于jVectorMap插件制作,官方提供的可选地图文件有中国、美国和世界地图可供选择。我选用的中国地图,但是原版缺少港澳台数据,荒野孤灯的版本有了台湾,后来又在有点东西的教程中找到了AMCHARTS提供的相对完整的svg地图文件,而且也可以通过经纬度实现添加标注点。
更新地图数据后却出现个问题,各省级地图轮廓几乎消失,在原来的地图中各省级行政区划之间是有明显轮廓的。个人分析应该是AMCHARTS地图数据点更多更加精确,导致行政区划之间的间隙消失。为了解决这个问题,经请教有点东西修改/js/index.js文件实现,通过regionStyle.initial对象设置属性给地图添加边框,stroke为边框颜色,stroke-width为边框宽度,stroke-opacity为边框透明度,stroke-width和stroke-opacity需要添加英文双引号以免语法错误。
荒野孤灯改进后的版本实现了在标注点中添加描述、多图片、指定链接等,可以展示更多的信息。标注点信息存储在/data/config.json中,修改其中的字段数据即可。
至此,基本达到了自己比较满意的效果,在页面中添加以下代码即可实现引用。
<iframe scrolling=no style="min-height: 480px !important;" src="http://xxxx/xxxx/index.html" width="100%" height="100%"></iframe>
【源文件】按需自取,不谢!
高度为了适配移动端,对最小高度做了调整,原来设置是固定高度480px,现调整为50vw,即宽度的50%,这样高度可根据不同的宽度进行同步调整。
style="min-height: 50vw !important;
—— 2025.06.13 更新