我经常会去社区主题页面看看有什么新的主题,并把其中感兴趣的 css 片段抄下来作为 snippet 来个性化当前的界面样式。由于我羸弱的 css (完全不懂)功底,所以需要借助一个单独的样式笔记试图查看主题修改后的变化(并不是所有的主题都有完整的样式预览)。或许社区里有其他人也会这么做,为了不重复造轮子,我把文件正文放上来,或许能有所帮助(居然不能上传附件?)
---
Tag: Obsidian
---
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
块嵌入:
![[主题调试用测试文件#^79f32e]]
无序列表:
- 项目 1
- 项目 2
- 项目 3
- 项目 4
- 项目 5
- 项目 6
有序列表:
1. 项目 1
1. 项目 2
1. 项目 3
1. 项目 4
1. 项目 5
1. 项目 6
> 这是一条引用
**粗体文字**
*斜体文字*
~~删除文字~~
待办展示:
- [ ] 这是未完成的待办
- [x] 这是已完成的待办
[页面引用及方括号样式]
这是一段链接:[Google](https://www.google.com.hk/?gws_rd=ssl) ^79f32e
代码块:
```css
/* Reduce indentation in bullet lists */
ol {
padding-inline-start: 18px;
}
ul {
padding-inline-start: 18px;
list-style-type: disc;
}
/* Long bullet list: connect the same levels of bullets with vertical "lines" */
.cm-hmd-list-indent .cm-tab, ul ul { position: relative; }
.cm-hmd-list-indent .cm-tab::before, ul ul::before {
content:'';
border-left: 1px solid rgba(0, 122, 255, 0.25);
position: absolute;
}
.cm-hmd-list-indent .cm-tab::before { left: 0; top: -5px; bottom: -4px;
}
ul ul::before { left: -11px; top: 0; bottom: 0; /* change "left:" value for align of vert. line */
}
```
表格:
| title1 | title2 |
| ------ | ------ |
| item1 | item2 |
| item3 | item4 |
脚注测试 [^1] ,另一条脚注测试 [^2]
[^1]: 这是一条脚注
[^2]: 这是第 2 条脚注