自定义主题
打造专属于你的文章风格
除内置主题外,文颜还支持用户自定义样式。遵循标准 CSS 语法,你可以完全掌控每一个细节。
📖 教程详见:自定义主题使用说明 。
📺 视频演示:
主题分享
感谢 @zw-95 带来的多个自定义主题,也感谢主题原作者。
属性速查表
| CSS选择器 | 描述 |
|---|---|
| #wenyan | 全局属性 |
| #wenyan h1 | 一级标题,包括前缀、文字和后缀 |
| #wenyan h1::before | 一级标题前缀 |
| #wenyan h1 span | 一级标题文字 |
| #wenyan h1::after | 一级标题后缀 |
| #wenyan h2 | 二级标题,包括前缀、文字和后缀 |
| #wenyan h2::before | 二级标题前缀 |
| #wenyan h2 span | 二级标题文字 |
| #wenyan h2::after | 二级标题后缀 |
| #wenyan h3 | 三级标题,包括前缀、文字和后缀 |
| #wenyan h3::before | 三级标题前缀 |
| #wenyan h3 span | 三级标题文字 |
| #wenyan h3::after | 三级标题后缀 |
| #wenyan h4 | 四级标题,包括前缀、文字和后缀 |
| #wenyan h4::before | 四级标题前缀 |
| #wenyan h4 span | 四级标题文字 |
| #wenyan h4::after | 四级标题后缀 |
| #wenyan h5 | 五级标题,包括前缀、文字和后缀 |
| #wenyan h5::before | 五级标题前缀 |
| #wenyan h5 span | 五级标题文字 |
| #wenyan h5::after | 五级标题后缀 |
| #wenyan h6 | 六级标题,包括前缀、文字和后缀 |
| #wenyan h6::before | 六级标题前缀 |
| #wenyan h6 span | 六级标题文字 |
| #wenyan h6::after | 六级标题后缀 |
| #wenyan p | 段落 |
| #wenyan ul | 无序列表 |
| #wenyan ol | 有序列表 |
| #wenyan li | 列表元素 |
| #wenyan ul ul | 二级无序列表 |
| #wenyan ol ol | 二级有序列表 |
| #wenyan img | 图片 |
| #wenyan table | 表格 |
| #wenyan table th | 表头 |
| #wenyan table td | 表格单元格 |
| #wenyan table tr:nth-child(2n) | 表格斑马条纹效果 |
| #wenyan blockquote | 引用块 |
| #wenyan blockquote::before | 引用块前缀 |
| #wenyan blockquote::after | 引用块后缀 |
| #wenyan p code | 行内代码 |
| #wenyan pre | 代码块外围 |
| #wenyan pre code | 代码块 |
| #wenyan hr | 分割线 |
| #wenyan a | 链接 |
| #wenyan .footnote | 添加在原始链接旁的脚注上标 |
| #wenyan #footnotes | 文章最后“引用链接”后面出现的整个脚注块 |
| #wenyan #footnotes p | 脚注行,每行包括编号和文字 |
| #wenyan .footnote-num | 脚注行内编号 |
| #wenyan .footnote-txt | 脚注行内文字 |