Markdown语法--Obsidian笔记

Markdown 语法–笔记

语法分类:

表示文字层级:-标题、- 段落 - 区块引用 - 代码区块 - 列表 -待办事项
表示文字格式:- 强调 - 表格
表示特殊符号: - 反斜杠 - 符号 - 分割线
表示链接引用 :- 链接 - 图片 -脚注
表示UML的流程图时序图 :- 流程图 - 时序图

文字层级类

1. 标题

#第一级标题 `<h1>`
##第二级标题 `<h2>`
###第三级标题  `<h3>`
####第四级标题  `<h4>`
#####第五级标题  `<h5>`
######第六级标题  `<h6>`

2. 段落

段落的前后要有 空行

空行是没有文字内容。
如想在段内强制换行,用两个以上空格
加上回车(引用中换行省略回车)

3. 区块引用

在段落的每行或者第一行使用符号 > ,可以多个嵌套使用

> 区块引用
> > 嵌套引用
> > > 三级嵌套引用
> > > > 四级嵌套引用

区块引用

嵌套引用

三级嵌套引用

四级嵌套引用

4. 代码区块

代码块:
(3个反单引号)(语言名)
(代码代码代码)
(3个反单引号)

fun main(args: Array<String>) {
   println("Hello World!")
   println("sum = ${sum(34, 67)}")
   println("sum = ${sum(34, 67)}")
   println("sum = ${sum(34, 6, 57, 34)}")
   printSum(237, 57)
   printSum(234, 567, 8)
   vars(1, 4, 6, 78, 0, 6, 9, 8)
  }

5. 列表

  1. 有序列表1
  2. 有序列表2
    1. 有序列表2.1
    2. 有序列表2.2
  1. 有序列表1
  2. 有序列表2
     1. 有序列表2.1
     2.  有序列表2.2
  • 无序列表
  • 无序列表
  • 无序列表
  • 无序列表
  • 无序列表
  • 无序列表
   使用  + 或 - 标记无序列表

6. 待办事项

  • 支持 #标签 ,链接样式
  • 要求包含列表标志(有序表无序表均可,比如 1.[x] 同样可以)
  • 这是一个已经完成的项目
  • [?] 这也是一个已完成的项目(实际上你可以在其中使用任何字符)
  • 这是一个未完成的项目
  • 在预览模式下单击选框可以切换项目完成状态
- [x] 支持 #标签 ,[链接](),**样式**
- [x] 要求包含列表标志(有序表无序表均可,比如 `1.[x]` 同样可以)
- [x] 这是一个已经完成的项目
- [?] 这也是一个已完成的项目(实际上你可以在其中使用任何字符)
- [ ] 这是一个未完成的项目
- [ ] 在预览模式下单击选框可以切换项目完成状态

文字格式类

1. 样式

强调内容两侧分别加上 * 或者 -

  *斜体* ,_斜体_  
  **加粗** , __粗体__
  ***这是倾斜加粗的文字***
  ==这是加高光的文字==
  ~~这是加删除线的文字~~
  <u>这是加下划线的文字</u>
  %%这是注释%% 

斜体 ,斜体
加粗粗体
这是倾斜加粗的文字
这是加高光的文字
这是加删除线的文字
这是加下划线的文字
%%这是注释%%

2. 表格

简化版第二格表头
内容单元格 第一列第一格内容单元格第二列第一格
内容单元格 第一列第二格 多加文字内容单元格第二列第二格
表格2表头2表头3
这玩意据说
可以换行可以换行可以换行
内容左对齐内容内容内容内容内容
内容中间对齐内容内容内容内容内容内容内容内容内容右对齐
// (:,因为有无都是左对齐)---(且这个-数得大于等于三) 


简化版 | 第二格表头
---------| -------------
内容单元格 第一列第一格 | 内容单元格第二列第一格
内容单元格 第一列第二格 多加文字 | 内容单元格第二列第二格 

|表格2|表头2|表头3|
|:---:|:---|---:|
|这玩意据说<br/>可以换行可以换行可以换行|内容左对齐|内容内容内容内容内容|
|内容中间对齐|内容内容内容内容内容内容内容内容|内容右对齐|

链接引用类

1. 链接

我的博客
https://blog.csdn.net/wangchaodee -自动生成链接

[github](https://blog.csdn.net/wangchaodee)   
<https://blog.csdn.net/wangchaodee> - 自动生成链接  

2. 图片

类似于链接,只需要加一个 ! 号
集合类

调整图片大小 csdn 上貌似未支持

![集合类  ](../images/Java-Collections.jpg)  
![集合类 |200 ](../images/Java-Collections.jpg)  

3. 脚注

[脚注序号1]
[脚注序号1]: 解释文字

[^脚注序号或文字]
[^之前用的脚注序号或文字通常文章末尾写下这段文字]: 解释文字

4. 反向链接

Obsidian的精髓
链接一篇笔记 : [[算法-排序算法总结]]

![[算法-排序算法总结## 选择排序 ]]

[[算法-排序算法总结]]
![[算法-排序算法总结## 选择排序 ]]

5. 目录 TOC

[TOC] // 不过部分markdown不支持 , Typroa支持

@[toc]   // [TOC] 

不支持的如obsidian 可以用 # obsidian-plugin-toc 插件 来自动插入目录

1. [[#语法分类:|语法分类:]]
1. [[#文字层级类|文字层级类]]
	1. [[#文字层级类#1. 标题|1. 标题]]
	1. [[#文字层级类#2. 段落|2. 段落]]
	1. [[#文字层级类#3. 区块引用|3. 区块引用]]
	1. [[#文字层级类#4. 代码区块|4. 代码区块]]
	1. [[#文字层级类#5. 列表|5. 列表]]
	1. [[#文字层级类#6. 待办事项|6. 待办事项]]
1. [[#文字格式类|文字格式类]]
	1. [[#文字格式类#1. 样式|1. 样式]]
	1. [[#文字格式类#2. 表格|2. 表格]]
1. [[#链接引用类|链接引用类]]
	1. [[#链接引用类#1. 链接|1. 链接]]
	1. [[#链接引用类#2. 图片|2. 图片]]
	1. [[#链接引用类#3. 脚注|3. 脚注]]
	1. [[#链接引用类#4. 反向链接|4. 反向链接]]
	1. [[#链接引用类#5. 目录 TOC|5. 目录 TOC]]
1. [[#特殊符号类|特殊符号类]]
	1. [[#特殊符号类#1. 反斜杠|1. 反斜杠]]
	1. [[#特殊符号类#2. 符号|2. 符号]]
	1. [[#特殊符号类#3. 分割线|3. 分割线]]
1. [[#UML图|UML图]]
	1. [[#UML图#1.时序图|1.时序图]]
	1. [[#UML图#2. 流程图|2. 流程图]]

特殊符号类

1. 反斜杠

\反斜杠

   \\反斜杠

2. 符号

Ctrl+A

  `` Ctrl+A ``

3. 分割线

分割线用三个或以上* - 或 _

****
----
____



UML图

可以借助mermaid 来画部分UML类型的图 如时序图 、流程图

1.时序图

Alice Bob John Hello John, how are you? Fight against hypochondria loop [Healthcheck] Rational thoughts prevail! Great! How about you? Jolly good! Alice Bob John
```mermaid
sequenceDiagram
    participant Alice
    participant Bob
    Alice->>John: Hello John, how are you?
    loop Healthcheck
        John->>John: Fight against hypochondria
    end
    Note right of John: Rational thoughts <br/>prevail!
    John-->>Alice: Great!
    John->>Bob: How about you?
    Bob-->>John: Jolly good!

```

2. 流程图

从上到下演示:

-   TB - top to bottom
-   TD - top-down/ same as top to bottom
-   BT - bottom to top
-   RL - right to left
-   LR - left to right
	```mermaid
	flowchart TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;
	```

上下图

A
B
C
D

3. 节点类型及连接关系

节点类型:

流程图节点有矩形 '[]',圆角矩形 '()',不对称矩形 '>]',菱形 '{}',圆形 '(())'。在每个节点前面需要唯一标识该节点ID
	```mermaid
	flowchart TD
	    a[矩形];
	    b(圆角矩形);
	    c>不对称矩形];
	    d{菱形};
	    e((圆形));
	```
矩形
圆角矩形
不对称矩形
菱形
圆形

连接关系:

- 实线 '---'、加粗实线 '==='、虚线 '-.-'
- 带箭头实线 '-->'、带箭头加粗实线 '==>',带箭头虚线 '-.->'
```mermaid
flowchart LR
    a[a] --- a1[a1];
    b[b] === b1[b1];
    c[c] -.- c1[c1];
    d[d] --> d1[d1];
    e[e] --text--> e1[e1];
​```

图示:

yes
a
a1
b
b1
c
c1
d
d1
e
e1

参考资料

https://publish.obsidian.md/help-zh
https://mermaid.js.org/intro/

  • 0
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值