VuePress 与 Obsidian 特性比对

提示

本站使用Obsidian进行写作、文件管理，使用VuePress Theme Hope发布文章。二者虽都以Markdown语法为基础，但仍有些许不同及各自特性，本文用来尝试、分析二者功能交集，以便写作。

标注 VS GFM警告

相关信息

如文章开头的被框起来的样式，在Obsidian中被称为标注，在VuePress Theme Hope中被称为GFM 警告，二者语法相似甚至相同，但所表现外观不同。

	Obsidian	VuePress Theme Hope
1	note	note注	1
2	abstract，别名：summary，tldr
3	info	info相关信息	2
4	todo
5	tip	tip提示	3
6	success别名：check，done
7	question,别名：help，faq
8	warning别名：caution，attention	warning注意	4
9	failure别名：fail，missing
10	danger，别名：error
11	bug
12	example
13	quote别名：cite
		caution警告	5
		important重要	6

效果对比
左侧为VuePress Theme Hope，右侧为Obsidian。

> [!note]
> 这是note。

> [!info]
> 这是info。

> [!tip]
> 这是tip。

> [!warning]
> 这是warning。

注

Obsidian的标注还可以添加标题、折叠、嵌套以及自定义样式，也许后面我会尝试自定义一些Obsidian标注样式来实现VuePress Theme Hope存在，但Obsidian没有的样式或是统一二者交集样式。

此外，对于Obsidian，除非使用自定义标注，否则任何不支持的类型都会默认为note类型。

图片缩放

VuePress Theme Hope支持Obsidian的图片缩放语法，具体可见VuePress Theme Hope图片文档、Obsidian文档。

VuePress Theme Hope图片文档摘录：

当在主题选项中设置markdown.obsidianImgSize: true时，可以在图片替代文字后面添加widthxheight，并用|分隔。
width和height都应该是数字，单位为像素，并且都是必需的。设置其中一个为0将按比例缩放另一个。

图片缩放示例

![替代文字|200x200](/example.png)
![替代文字|200x0](/example.jpg)
![替代文字|0x300](/example.bmp)

![图片缩放示例|0x226](https://cn.bing.com/th?id=OHR.BuchsteinRossstein_ZH-CN4924477552_UHD.jpg)

提示

Obsidian文档提及
如果只指定了宽度，图片会根据原始长宽比进行缩放。例如：

![图片缩放示例|100](https://cn.bing.com/th?id=OHR.BuchsteinRossstein_ZH-CN4924477552_UHD.jpg)

经测试，VuePress-Theme-Hope不支持这样写。