Markdown 表格

Markdown 制作表格使用 | 来分隔不同的单元格,使用 - 来分隔表头和其他行。

语法格式如下:

| 表头 | 表头 | 
| ---- | ---- | 
| 单元格 | 单元格 | 
| 单元格 | 单元格 |

以上代码显示结果如下:

表头 表头
单元格 单元格
单元格 单元格

对齐方式

我们可以设置表格的对齐方式:

  • -: 设置内容和标题栏居右对齐。
  • :- 设置内容和标题栏居左对齐。
  • :-: 设置内容和标题栏居中对齐。

实例如下:

| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |

以上代码显示结果如下:

左对齐 右对齐 居中对齐
单元格 单元格 单元格
单元格 单元格 单元格

7. 支持图表

这个就需要添加obsidian第三方插件 echarts + Dataview 实现

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
{
"backgroundColor": "#212121",
"title": {
"text": "「晚晴幽草轩」访问来源",
"subtext": "2019 年 6 月份",
"x": "center",
"textStyle": {
"color": "#f2f2f2"
}
},
"tooltip": {
"trigger": "item",
"formatter": "{a} <br/>{b} : {c} ({d}%)"
},
"legend": {
"orient": "vertical",
"left": "left",
"data": [
"搜索引擎",
"直接访问",
"推荐",
"其他",
"社交平台"
],
"textStyle": {
"color": "#f2f2f2"
}
},
"series": [
{
"name": "访问来源",
"type": "pie",
"radius": "55%",
"center": [
"50%",
"60%"
],
"data": [
{
"value": 10440,
"name": "搜索引擎",
"itemStyle": {
"color": "#ef4136"
}
},
{
"value": 4770,
"name": "直接访问"
},
{
"value": 2430,
"name": "推荐"
},
{
"value": 342,
"name": "其他"
},
{
"value": 18,
"name": "社交平台"
}
],
"itemStyle": {
"emphasis": {
"shadowBlur": 10,
"shadowOffsetX": 0,
"shadowColor": "rgba(0, 0, 0, 0.5)"
}
}
}
]
}

这个就需要添加obsidian第三方插件 echarts + Dataview 实现

备注:上述 echarts 图表📈,其数据,须使用严格的 JSON 格式;您可使用 JSON.stringify(data),将对象传换从而得标准数据,即可正常使用。

这个就需要添加obsidian第三方插件 echarts + Dataview 实现