# 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 六级标题 **加粗** *斜体* _斜体2_ ***加粗斜体*** **_加粗斜体2_** ~~删除线~~ ==高亮== > 引用 # 其他 MD 语法 ## 代码块 `行内代码` 代码块高亮： ```python # 代码块 def func_echo(s: str): print(s) class HelloPrinter: printer: Callable[[str]] def __init__(self, printer: Callable[[str]]): self.printer = printer def call(self, s: str): self.printer(s) p = HelloPrinter(func_echo) p.call("hello world!") ``` 大围栏 ````markdown ``` def func_echo(s: str): print(s) ``` ```` 行内反引号围栏： `` ` `` 或者 ``` `` ``` 的模式 ```markdown `段落反引号内的行内反引号` ``` #### Rehype Pretty 语法：名称显示，captions 显示： ```python title="main.py" caption="这是一段描述" # 代码块 def func_echo(s: str): print(s) class HelloPrinter: printer: Callable[[str]] def __init__(self, printer: Callable[[str]]): self.printer = printer def call(self, s: str): self.printer(s) p = HelloPrinter(func_echo) p.call("hello world!") ``` 高亮 ```python {1-3,5}#a {4}#b {7} /printer/#c "Callable"#a /func_echo/#1 # 代码块 def func_echo(s: str): print(s) class HelloPrinter: printer: Callable[[str]] def __init__(self, printer: Callable[[str]]): self.printer = printer def call(self, s: str): self.printer(s) p = HelloPrinter(func_echo) p.call("hello world!") ``` 行号 ```python showLineNumbers{998} # 代码块 def func_echo(s: str): print(s) ``` ## 列表 - 无序列表 - 无序列表 - 无序列表 - 无序列表 1. 有序列表 2. 有序列表 3. 有序列表 1. 有序列表 2. 有序列表 1. 有序列表 2. 有序列表 - [ ] 未完成 - [x] 已完成 - [x] 已完成 - [ ] 未完成 - 交叉嵌套 - [ ] 未完成 - [x] 已完成 1. 有序列表 2. 有序列表 - [ ] 交叉嵌套 2 1. 有序列表 2. 有序列表 - 无序列表 - 无序列表 1. 交叉嵌套 2. 交叉嵌套 - 无序列表 - 无序列表 - [ ] 未完成 - [x] 已完成 ## Quote Block > 这是一个 Quote Block > > 里面可以有多行数据 ## 链接 [链接](https://blog.ryo-okami.xyz) [站内链接](/ideas/using-chart-js) ## 图片图片： ![图片](https://blog.ryo-okami.xyz/content/articles/2022-07-31-why-homogeneous/OnOneLineWillStillOneLine_ManimCE_v0.16.0.post0.gif) 站内图片： ![站内图片](/content/articles/2022-07-31-why-homogeneous/OnOneLineWillStillOneLine_ManimCE_v0.16.0.post0.gif) ## 表格 | 表头 | 表头 | 表头 | | -------- | -------- | -------- | | ~~删除~~ | ==高亮== | **加粗** | | 单元 | 单元 | _斜体_ | ## 脚注下标[^1] [^1]: 注释 # 插件 ## Katex 行间公式 $$ \begin{aligned} \dot{x} & = \sigma(y-x) \\ \dot{y} & = \rho x - y - xz \\ \dot{z} & = -\beta z + xy \end{aligned} $$ 行内公式 $E=mc^2$ ## Mermaid mermaid 流程图 ```mermaid graph LR A[方形] --> B(圆角) B --> C{条件} C -->|a=1| D[结果1] C -->|a=2| E[结果2] C -->|a=3| F[结果3] ``` 另一个 mermaid 流程图，同样类型不会冲突 ```mermaid graph TD A((圆)) --> B([圆边]) B --> C[(DB)] ``` mermaid 时序图 ```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
prevail... John-->>Alice: Great! John->>Bob: How about you? Bob-->>John: Jolly good! ``` ## Jessie Code 几何图形简单 Jessie Code ```jessiecode A = point(1, 0); B = point(-1, 0); C = point(0.2, 1.5); L_AB = line(A, B); L_AC = line(A, C); K_ABC = circle(A, B, C); ``` 可以有多个 Jessie Code 代码块 ```jessiecode $board.setView([-1.5, 2, 1.5, -1]); // Triangle ABC A = point(1, 0); B = point(-1, 0); C = point(0.2, 1.5); pol = polygon(A,B,C) << fillColor: '#FFFF00', borders: << strokeWidth: 1, strokeColor: '#C0C000' >> >>; // Perpendiculars and orthocenter i1 pABC = perpendicular(pol.borders[0], C) << dash: 2, strokeWidth: 1, strokeColor: '#560092' >>; pBCA = perpendicular(pol.borders[1], A) << dash: 2, strokeWidth: 1, strokeColor: '#560092' >>; pCAB = perpendicular(pol.borders[2], B) << dash: 2, strokeWidth: 1, strokeColor: '#560092' >>; i1 = intersection(pABC, pCAB, 0); // Midpoints of segments mAB = midpoint(A, B); mBC = midpoint(B, C); mCA = midpoint(C, A); // Line bisectors and centroid i2 ma = segment(mBC, A) << strokeWidth: 1, strokeColor: '#009256' >>; mb = segment(mCA, B) << strokeWidth: 1, strokeColor: '#009256' >>; mc = segment(mAB, C) << strokeWidth: 1, strokeColor: '#009256' >>; i2 = intersection(ma, mc, 0); // Circum circle and circum center c = circumcircle(A, B, C) << strokeColor: '#000000', dash: 3, strokeWidth: 1, center: << name: 'i_3', withlabel:true, visible: true >> >>; // Euler line euler = line(i1, i2) << strokeWidth: 2, strokeColor:'#C01B37' >>; ``` Function Graph 也可在 Jessie Code 中使用 ```jessiecode FFunc = function(x) { return sin(x); }; F = functiongraph(FFunc, -10, 10); P1 = point(0, 0); P2 = point(1, 2); a = function () { return P2.X() - P1.X(); }; b = function () { return P2.Y() - P1.Y(); }; GFunc = function(x) { return b() * sin(PI * ( x - P1.X() ) / 2 / a() ) + P1.Y(); }; G = functiongraph(GFunc, -10, 10); InterFunc = function(i, x) { return FFunc(x) * i / 10 + GFunc(x) * (1 - i / 10); }; H1 = functiongraph(function(x) { return InterFunc(1, x); }, -10, 10) << strokeOpacity: 0.5 >>; H2 = functiongraph(function(x) { return InterFunc(2, x); }, -10, 10) << strokeOpacity: 0.5 >>; H3 = functiongraph(function(x) { return InterFunc(3, x); }, -10, 10) << strokeOpacity: 0.5 >>; H4 = functiongraph(function(x) { return InterFunc(4, x); }, -10, 10) << strokeOpacity: 0.5 >>; H5 = functiongraph(function(x) { return InterFunc(5, x); }, -10, 10) << strokeOpacity: 0.5 >>; H6 = functiongraph(function(x) { return InterFunc(6, x); }, -10, 10) << strokeOpacity: 0.5 >>; H7 = functiongraph(function(x) { return InterFunc(7, x); }, -10, 10) << strokeOpacity: 0.5 >>; H8 = functiongraph(function(x) { return InterFunc(8, x); }, -10, 10) << strokeOpacity: 0.5 >>; H9 = functiongraph(function(x) { return InterFunc(9, x); }, -10, 10) << strokeOpacity: 0.5 >>; ``` 可以以 frontmatter 形式指定 board 参数 ```jessiecode --- boundingbox: [-1, 2, 2, -1] grid: true axis: false --- A = point(0, 0); B = point(1, 0); C = point(0, 1); L_AB = line(A, B); L_AC = line(A, C); K_ABC = circle(A, B, C); ``` ## Heading 引用点击能够跳转： [文章内标题引用](#一级标题) [跨文章标题引用](/ideas/using-chart-js#react-chartjs-2) # Obsidian ## Wikilink ### 站内短引用 [[2022-08-13-introduction-for-k8s]] 可以去掉路径中的日期 [[introduction-for-k8s]] 作为 page path 引用带 label [[2022-08-13-introduction-for-k8s|其他文章]] 带 fragment [[2022-08-13-introduction-for-k8s#部署一个-pod|其他文章]] 带路径 [[articles/2022-08-13-introduction-for-k8s|其他文章]] Page path 全路径 [[/articles/introduction-for-k8s|其他文章]] file path 全路径 [[public/content/articles/2022-08-13-introduction-for-k8s|其他文章]] 一行多个 [[2022-08-13-introduction-for-k8s|其他文章]] [[2022-08-20-introduction-for-k8s-2|其他文章2]] 同一文章内其他 fragment [[#其他 MD 语法]] > 目前未实现 Obsidian Anchor 直接引用到块或标题 ## Rich Content 短引用 ### 图片短引用短引用图片，纯文件名 ![[test-img-show-image.png]] 短引用图片，带注释 ![[test-img-show-image.png|这是一张图片]] 短引用图片，带路径 ![[blog-syntax/test-img-show-image.png]] 短引用图片，带路径和注释 ![[blog-syntax/test-img-show-image.png|这是一张图片]] 短引用图片，全路径 ![[/content/ideas/blog-syntax/test-img-show-image.png]] ### Excalidraw 短引用短引用 Excalidraw （旧版 json 格式） ![[Drawing 2024-04-13-json.excalidraw]] 短引用 Excalidraw （新版 md 格式，未压缩） ![[Drawing 2024-04-13-md-json.excalidraw]] ## Callouts > [!note] > > Note 级 > [!info] > > Callout 里是正常的 markdown 语法 > ```markdown > > [!info] > > > > Callout 里是正常的 markdown 语法 > ``` > [!tip] 标题 > > Tip 级带标题 > [!faq]- 可折叠 Callout > > 是的，这是 faq 级 callout 。可折叠 Callout 在折叠时隐藏内容。 > [!faq]+ 默认打开的可折叠 Callout > > 可折叠 Callout 也可以设置为默认打开。 > [!question] 可以嵌套吗？ > > > [!todo] 是的，可以。 > > > [!example] 你可以使用多层嵌套。 > > > 在最里面也可以使用 markdown 语法 > > > [!tip]- 还可以嵌套其他 Obsidian 语法 > > 比如==高亮==，也可以嵌套 wikilink [[introduction-for-k8s]] > > > > 或者嵌套 Embeded 图片 > > > > ![[test-img-show-image.png]] > > > > 也可以嵌套 mermaid 图表 > > > > ```mermaid > > graph TD > > A[Start] --> B[Process] > > B --> C[End] > > ``` > > > > 也可以嵌套 Excalidraw > > > > ![[Drawing 2024-04-13-json.excalidraw]] > > > > 也可以是 Tag #Tag1 #Tag2 > > > > #单行Tag > > [!abstract]- > Abstract 级 > [!summary]- > Summary 级, 是 abstract 的 alias > [!tldr]- > TL;DR 级, 是 summary 的 alias > [!info]- > Info 级 > [!todo]- > Todo 级 > [!tip]- > Tip 级 > [!hint]- > Hint 级, 是 tip 的 alias > [!important]- > Important 级, 是 tip 的 alias > [!success]- > Success 级 > [!check]- > Check 级, 是 success 的 alias > [!done]- > Done 级, 是 success 的 alias > [!question]- > Question 级 > [!help]- > Help 级, 是 question 的 alias > [!faq]- > Faq 级, 是 question 的 alias > [!warning]- > Warning 级 > [!caution]- > Caution 级, 是 warning 的 alias > [!attention]- > Attention 级, 是 caution 的 alias > [!failure]- > Failure 级 > [!fail]- > Fail 级, 是 failure 的 alias > [!missing]- > Missing 级, 是 failure 的 alias > [!danger]- > Danger 级 > [!error]- > Error 级, 是 danger 的 alias > [!bug]- > Bug 级 > [!example]- > Example 级 > [!quote]- > Quote 级 > [!cite]- > Cite 级, 是 quote 的 alias 自定义 callout 类型 > [!reasoning] > LLM Reasoning > [!query] > User Query > [!ai] > AI Generated Content > [!think] > Further thinking by writer > [!idea] > Idea 级, 是 think 的 alias ## 标签文字里可以有 #Tag ，会被渲染成标签。 #Tag 一行可以有多个 #Tag/Tag2 #Tag3 如果存在于 Tag 索引，则可点击 #Linux > [!info] Tag 可以与其他组件结合 > 就像 #Tag 这样

博客语法渲染测试

用 Next.js 重构 blog ，TODO list