每月存档: 2020年4月

12 篇文章

浏览器开发者工具轻度使用指南
查看元素的CSS样式 进入开发者工具的方式:键盘 F12 或者 Ctrl+Shift+I 或者鼠标右键菜单 - 检查。 你可以直接用鼠标定位到一个元素,然后查看它的样式。这个功能需要点亮左上角的箭头按钮。 你会发现左下角的 Styles 窗口里面显示的就是这个元素的 CSS 样式!而且还能看到这个样式在哪个 …
WordPress 主题修改经验
新手一般不知道,踩了很多坑…… 子主题很鸡肋不要直接改CSS,添加额外CSS来覆盖不要直接改PHP,用JavaScript来取代用好浏览器开发者工具 至于子主题为什么鸡肋,见WordPress 子主题能干什么以及不能干什么。额外CSS怎么用,见不要再傻乎乎地通过主题编辑器style.css修改主题样式了。JS如何取代PHP见本篇。浏览器开发者工具轻…
thumbnail
波特图是个什么玩意儿
Bode plot,中文称波德图、伯德图、波特图,是线性非时变系统的传递函数对频率的半对数座标图,其横轴频率以对数尺度表示,利用波德图可以看出系统的频率响应。波德图一般是由二张图组合而成,幅频曲线表示频率响应增益的分贝值对频率的变化,相频曲线则是频率响应的相位对频率的变化。 频率响应是个什么玩意儿? 频率响应:指系统对正弦输入信号的稳态响应。对于稳…
养一只博客宠物
我尝试了两种方式,普通平面图像与 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 主题修改经验。 文章过时信息显示 作者已更新此功能,可跳过。 计算发布日期,显示修改日期。如果间隔天数为0显示为今天,为1显示为昨天。 在模板函数(function.php)中1409行左右开始改为: 折叠的代码 //文章过时信息显示 function argon_get_post_outdated_info(){…
不要再傻乎乎地通过主题编辑器style.css修改主题样式了
我真傻,真的,我单知道要改css文件,却不知道世间竟有这等好物…… 第一,不是所有主题都只有一个CSS文件。 比如Argon主题,除了style.css,它还有至少3个CSS文件,分别为: argon.cssargon.min.cssargon_css_merged.css merge是合并的意思,Argon主题真正使用的应该就是第三个CSS文件,…
遇到的一些 CSS
CSS注释格式:/*This is a comment*/ 透明与模糊 opacity:0.5; /*透明度*/ filter: blur(4px); /*模糊毛玻璃效果(整个元素)*/ backdrop-filter: blur(20px); /*背景模糊毛玻璃效果(元素背后)*/ #text::before /*伪元素*/ { content:…
四款阿里云OSS插件折腾史 | 一把辛酸泪
本文的主要目的在于使用阿里云OSS的同时保留本地媒体库。 当然你可以直接使用URL的方式插入图片,但是假如你非要通过媒体库上传到OSS的话,那么就开始折腾吧。 为什么要保留本地媒体库? 主要是因为穷,且站点流量不大。 有一些频繁使用的基本图片,比如站点图标、作者头像、背景图片、打赏二维码等等,需要经常读取,而阿里云的外网流量是要付费的……再者,如果…