折腾中学习

老王写于2021-03-16 / 被围观3.92k次

手机扫码浏览

最近边上班边趁着闲暇时间又把网站折腾了一下，之前折腾网站基本是直接从别的网站或主题完全照搬过来的，自从陪着小王子学Python时了解if语句的妙用后，特别之前折腾暗黑模式时改代码都会看下具体的代码（虽然有些不完全能看懂），慢慢发现原来别人分享的代码有好多可以精简，正所谓在折腾过程中学习，在学习中折腾。

这次改动比较大的就是后台主题设置了，发现原主题的 Options Framework 框架里面有些功能在主题上没怎么用，还有的甚至无效（如smtp需要在源文件上修改才能实现发送邮件功能），而社交工具只能设置一组，当有二人及以上就尴尬了。。。

折腾暗黑模式时发现 Options Framework 框架非常有利于主题的扩展，例如增加一些开关可以避免每次都去css文件增减 display: none 了，有些功能需要用时就打开不用时就关闭，并且基于自己的需求对此框架做了一些功能增减，同时也做了一些美化。

增加作者页 author.php ，并在后台不同用户可以填写属于自己的个人相关信息。

增加专题页 taxonomy.php [单个专题下的文章列表只显示一篇文章，（~~待解决~~）已解决。]

Page页面后台加了摘要并解决了原主题对于Page页面 keywords 和 description 的bug

简化文件和相关代码：如header文件、CSS样式…

重构和美化了Options Framework框架及checkbox样式（由勾选改为了switch）

后台增加了一些开关

后台设置一键自由切换纯色背景和图片背景。

统一了区域之间的间距以及区域内的留白宽度（可能还有遗漏）

加了面包屑并在后台设置了开关

增加了暗黑模式并在后台设置了开关

重构文章页面的“打赏”功能，原主题只提供了一个指向打赏页面的链接按钮（但却没有提供打赏页面）。欢迎各位土豪测试此功能！哈哈！

修改了文章页面点赞样式：仿B站充电模式

重构了侧栏最新评论和文章聚合排列样式(图文）[随机日志图片有问题，（~~待解决~~）已解决。]

右下角的快捷图标由之前的绝对定位改成了相对定位，这样当关闭其中一个相邻的就会补充过来，而不会像原来一样留空了。

较长的文章索引由左则改到了侧栏，并且滚动到下面时会固定显示，用代码试了几次没成功，最后不得不用插件来解决。

优化数据库，平时安装卸载插件的残留数据全部清除了，数据库因此而减小了1M。

修正了本站一些已知错误。

使用Memcached缓存时竟然导致网站出现502提示打不开，后台出现服务器运行堵塞。具体原因暂不清楚，后续慎用此功能。

改着改着发现原主题竟然已被我改的面目全非了，如原主题为了实现图片和纯色背景两种不同模式在前台建了3个header文件并通过在options中运用选项操作，而我现在改成一个header文件并在后台通过开启 / 关闭（关闭就是纯色背景）图片背景开关完成。然后文章列表不同类型显示方式也不同，文章页面和说说页面也使用了不同的模版。

最近发现好多网站头像不能正常显示，个人认为可能因为与一个app名字类似而躺qiang，Anyway, 解决问题才是王道！

php


add_filter('get_avatar', function ($avatar) {
    return str_replace([
        'www.gravatar.com/avatar/',
        '0.gravatar.com/avatar/',
        '1.gravatar.com/avatar/',
        '2.gravatar.com/avatar/',
        'secure.gravatar.com/avatar/',
        'cn.gravatar.com/avatar/'
    ], 'sdn.geekzu.org/avatar/', $avatar);
});

如果上面的镜像服务器有问题，可以试一下下面几个， Good Luck!