主题预览/测试用md文件

我经常会去社区主题页面看看有什么新的主题,并把其中感兴趣的 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 条脚注


2 个赞

这个文件样式很全面呀。我也有测试用的md文件,不过只有6级标题,一个图片,无序和有序列表,引用。因为我用的语法少一些。

这个不错,收藏备用,谢谢分享!