前言
前几天在翻主页的时候,看到 Nots 分享了他和他女朋友的甜蜜日常。
然后注意到了他网站侧栏的小部件,有一个他和他女朋友恋爱的计时模块,很感兴趣
我刚好也想给自己女朋友制作一点小浪漫,所以就着手把他分享的代码搬了过来,做了一些优化
紧急修复
刚测试时发现夜间模式下,会直接透明显示,没有浮块显示
我估计是主题作者忘记给自定义模块设置背景色了,所以显示很不协调,就像这样
所以我又调用了Joe主题的CSS样式,让这个模块会根据日间模式和夜间模式改变背景颜色,达到和其他模块样式统一
顺便修改了这个模块的文字颜色,夜间模式下不会再是一片漆黑了(PE端同时修复)
成果展示
{/tabs-pane}
{tabs-pane label="手机端"}
{/tabs-pane}
实现方法
本教程仅适用于typecho且使用了Joe主题的小伙伴,其他主题或者博客的小伙伴请自行发挥你们的才能
如果是使用的 Joe for typecho ,那就很简单了,直接在后台的主题设置里
登录你的网站后台,进入 外观设置-网站外观-设置外观(必须使用Joe主题)-侧栏设置
找到 自定义侧边栏模块-PC
保存好后,再刷新自己的网站就可以看到了!
{/tabs-pane}
{tabs-pane label="PE端"}
手机端的侧栏要复杂一点,但你都进入我的博客了,那我肯定要手把手把你教会了
如果你懂一些 HTML,那就很容易能找到PE端的侧栏文件
PE端的样式配置在 Joe/public/header.php里
那我们直接在 header.php 添加代码就行了,找到PE端侧栏配置位置
然后找到想要加入的位置,可以加在作者信息下,也可以加在网站统计下
我是加在了作者信息下,可以更为直接显示,也更明显,主要是女朋友能够一眼就看到
当然这里添加的代码跟上面的是有一点区别的,我试了几次,发现同样的代码会出现PE端显示,而PC端文字不显示
测试了很多次,终于被我发现,原来是 JS 的 id 重复了,导致PHP后端的id占用了前端的id
而因为PE端的代码是直接加在源代码里的,所以导致PC端文字不显示了
因此我又对代码进行了优化,没错,从发现bug-测试bug-修改bug又磨了我一小时
注意:因为是修改了后端代码,每次更新Joe的主题时都会被覆盖,所以每次更新主题后记得去 header.php 重新添加代码
希望Joe主题作者后期能够添加自定义PE侧栏的功能,或者不要更新太频繁
{/tabs-pane}
结语
教程到此结束,祝各位早日找到心仪的另一半,幸福美满!
感谢 Nots 分享的代码。
代码下载
打开是乱码呀不能用
使用utf-8格式查看
这个代码下载点进去就是一个网页,怎么用那个格式查看,不太懂麻烦教一下谢谢
我已经转码了,你重新打开就行了
Thanks for share to us!
我买了Chevereto的V4,但是我没找到在哪里激活,你会不会弄这个图床
没玩过这个图床,你去看看官方文档吧
我网站图床用我家nas搭建的,华硕的nas昨晚全挂了,被勒索病毒攻击了,哎,华硕ns官网也挂了
没,图片我都没备份
那太惨了,虽然我之前也是这样,我把所有图片都放在了github,结果账号被封了,所有图片全部没了,申诉请求拷贝仓库内容也没有被同意,所以只能重新截图找图
现在好啦,我换了一台服务器,稳定了,不过真的累死了,被折腾惨了
用的云服务器还是NAS呀
用的nas,12.5M的图片加载只需要371ms
你咋不搞一个本地nas呢,这样的话加在特别快诶,家庭带宽高
内网穿透麻烦,IPv6没申请到
电信的ipv4也挺好申请的啊
IPv4要穿透的嘛
电信的ipv4也挺好申请的啊
刚刚你网站进不去,公网ipv4不用穿透啊,我就用的公网ipv4
我在修BUG和加功能,我空了试试nas
可以的,网络这一块儿,不懂得可以问我,我玩儿nas也很久很久了
来了来了
学习学习
666
一波拿走
拿走i啦!!!
感谢博主!
666
博主66666
博主牛啊6666666
6666真棒!
ฅʕ•̫͡•ʔฅ你是银河馈赠给我的一颗糖
甜到了!
再来看看,学习一下
欢迎常来!
我把你的个人简介搬走了,嘿嘿
这。。。是我未曾设想过的道路
感谢大佬,带走了
Thí is intresting...