感谢 TurboAI对本博客的的大力赞助。 创作不易，如果您觉得有帮助，请 支持LIncol29! 为了让我能够继续创作更好的内容，你也可以选择订阅博客的 VIP ，包年VIP仅需10元/年，所有VIP内容免费观看
- 2024-09-05 ：更新夜间模式下blockquote字体不明显的问题
前言
一、在使用m2w 上传文章的时候，发现blockquote （块引用）没有class。导致样式居中显示(想去掉这个居中)。
m2w : 一个自动上传markdown笔记到wordpress的工具
二、在网站使用夜间模式时，blockquote中的字体会非常不明显
lincol29正常写文章使用blockquote （块引用），会有class ：.wp-block-quote。
.wp-block-quote 是我自定义的样式
样式为何不生效
以下是我使用的两种样式，关键问题：blockquote的默认样式不生效。
1、argon 的blockquote _CSS样式
2、界面自定义的额外CSS样式
/* 引用块样式(class=.wp-block-quote) */
.wp-block-quote {
text-align:left;
border-left: 5px solid #e9c186 !important;
margin: 0;
padding: 0;
}
.wp-block-quote p {
color: var(--themecolor-dark2);
margin: 0;
}
/* 引用块样式 */
blockquote {
background-color: #f2f2f2;
border-left: 4px solid #333;
padding: 10px;
margin: 10px 0;
}
blockquote p {
font-style: italic;
font-size: 16px;
color: #555;
}
通过F12找到问题
blockquote居中显示问题
(edge > google) ，使用Google浏览器无法查看样式来源哪个位置
切换edge后可直接查看，下图是使用edge查看的。
遇到问题时，可切换不同的方法去解决问题
HTML代码中内嵌了样式。导致一直使用这个 text-alin: center；
在 rightbar （右侧小工具栏）这个aside中，我之前定义标签页样式。
在右侧栏小工具中，查找到这个style。
blockquote中使用暗黑模式字体不明显
之前在额外CSS样式中定义了blockquote 以及 blockquote p 样式
删掉这个样式即可生效
解决样式不生效问题
更改为 使用类选择器。之前的HTML内嵌样式优先级高，导致自己的样式无法使用。
<style>
.right-blockquote {
font-style:italic;
font-size: 25px;
text-align: center;
border-left: 5px solid #3498db;
padding: 0.2em 0.2em 0.2em 0em;
}
</style>
<blockquote class="right-blockquote">
标签云
</blockquote>
暗黑模式下此color:var(–themecolor-dark2); 样式不好看
在style.css文件中删除此样式
成果图如下：
拓展资料
网站地图 – Lincol29 ： 在这个网站地图中，你可以找到关于C#、常用生产力工具、面试面经、Docker、WordPress、RSS、等各类技术主题的教程和分享，以及对本站内容快速导航。
WordPress的块功能简单易用哈
有些地方不合适，自己魔改了许多地方，现在都记不太清了。查问题都得查很久୧(๑•̀⌄•́๑)૭
一般魔改的位置我都会记录下来，一是方便出教程，二是方便主题升级时恢复魔改
我现在就是笔记太多了，没有系统的去整理，加上使用语雀都不能全局搜索。导致我之前的东西脑海里有点印象，但是无法准确找到地方。
我一般直接拿vscode写的，感觉vscode超好用，也可以全局搜索，还可以使用gitignore文件排除文件夹和文件
主题升级时恢复魔改，我感觉会有点麻烦。我现在默认argon主题不升级，目前在想后续需不需要升级wordpress。觉得升级太臃肿了，并没有更新什么内容。