修改 Wordpress Markdown CSS 样式

1. 需求

  1. 平时写帖子,有时候为了强调会把文字加粗,文字加粗后仍然是黑色,感觉不够明显,想改成显眼的颜色。
  2. 注释块的样式不好看

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,灰色。