分类: 建站笔记

20 篇文章

自建Meting API修复音乐播放器
咕咕了这么久终于修好啦~ 原本以为超复杂,没想到超简单。 感谢injahow/meting-api的项目和并非正文的教程。 工具 宝塔面板 Meting API安装包 步骤 在宝塔面板新建一个网站,域名为api.example.com,文件目录为/www/wwwroot/api。 下载Meting API安装包,上传到/www/wwwroot/ap…
thumbnail
页面加载速度优化指南
前言 从建站至今一直没有优化过网站访问速度,也有小伙伴反映过我的页面加载速度奇慢,我也是知道的,然而懒癌发作一直都没有行动,还有什么SEO呀我也是佛系对待,纯属摆烂。直到最近才重新审视这个问题。 ...
thumbnail
教程 | 将博客朋友圈化——仅展示最近一个月动态
心心念念这个功能好久了,也向主题作者提过需求,不过可能是太小众了,作者大大应该是没有考虑。 那就只好自己动手啦,不过拖延症晚期,趁这段时间板子投出去了有点空闲,终于把这个功能折腾出来了。 本着能用插件就绝不自己写代码的原则,本教程都是傻瓜式操作。
WordPress禁用略缩图以节约图床空间
之前想了各种途径上传图片,比如PicGo这种第三方软件,一键上传剪贴板图片到图床,为的就是避免生成一大堆略缩图,浪费OSS存储容量。但是现在看来,属实是舍近求远了。如果能够禁用WordPress的略缩图自动生成,不就能安心地在文章编辑器里上传图片了吗!直接CTRL+V粘贴上传它不香吗?不需要复制图片链接了,也避免了媒体库不显示外链图片的问题。 答案…
thumbnail
浏览器开发者工具轻度使用指南
查看元素的CSS样式 进入开发者工具的方式:键盘 F12 或者 Ctrl+Shift+I 或者鼠标右键菜单 - 检查。 你可以直接用鼠标定位到一个元素,然后查看它的样式。这个功能需要点亮左上角的箭头按钮。 你会发现左下角的 Styles 窗口里面显示的就是这个元素的 CSS 样式!而且还能看到这个样式在哪个 …
WordPress 主题修改经验
新手一般不知道,踩了很多坑…… 子主题很鸡肋不要直接改CSS,添加额外CSS来覆盖不要直接改PHP,用JavaScript来取代用好浏览器开发者工具 至于子主题为什么鸡肋,见WordPress 子主题能干什么以及不能干什么。额外CSS怎么用,见不要再傻乎乎地通过主题编辑器style.css修改主题样式了。JS如何取代PHP见本篇。浏览器开发者工具轻…
thumbnail
Live2D 宠物功能修改|音乐播放器+右键秘密通道
思路说明 音乐播放器是基于APlayer和MetingJS。 其中APlayer用于生成一个播放器,MetingJS用于获取QQ音乐、网易云的歌单列表和资源。 播放器默认固定在网页的左下角,但是这样太占地方了,于是我把它和 Live2D 宠物集成到一起了。 ...
thumbnail
养一只博客宠物
我尝试了两种方式,普通平面图像与 Live2D 半立体图像。 宠物一:浮动小人 主题页脚 (footer.php) 添加以下代码。另外还需要一个js文件与图片。 折叠的代码 <!--.浮动小人--> <script type="text/javascript"> <?php if(is_home()) echo 'var…
WordPress 子主题能干什么以及不能干什么
子主题基本用法 以Twenty Ten主题为例: 子主题放在wp-content/themes目录下属于自己的目录里。下面的结构显示的就是子主题和它的父主题(Twenty Ten)在典型的WordPress目录结构中的位置: wp-contentthemes (主题存放的目录)twentyten (示例中父主题Twenty Te…
Argon 主题修改记录
动手前建议阅读WordPress 主题修改经验。 整体代码 页尾脚本(2023年7月27日更新) <!--回顶图标修改--><script> $("#fabtn_back_to_top > span > i").removeClass("fa fa-angle-up"); $("#fabtn_back_to_to…