修改 Wordpress Markdown CSS 样式
1. 需求
- 平时写帖子,有时候为了强调会把文字加粗,文字加粗后仍然是黑色,感觉不够明显,想改成显眼的颜色。
- 注释块的样式不好看
2. 如何修改
想做到上述两点,我们需要修改全局样式表style.css
路径:进入 Wordpress 后台,点击外观 -> 主题文件编辑器 -> 样式表
对于需求1,我们修改 strong 即可:
strong {
color: #990000;
}
对于需求2,我们需要修改 blockquote:
blockquote {
border-left: 2px solid #990000;
/* background: #F5f5f5; */
font-size: 18px;
font-style: normal;
color: #b2abab;
margin-left: 0.3em;
}
**重点!**如果使用了腾讯云 COS - CDN,我们直接修改服务器上的样式表是不会生效的,需要到 COS 上面修改对应的文件,并刷新 CDN 缓存。
3. 优化后的样式展示
加粗的文字从黑色变成了深红色。 注释块展示:
注释块的字体不再使用斜体,左侧边框使用深红色,文字大小为 18 px,灰色。