文字

加粗：加粗文字

斜体： 斜体文字

删除文字

内容 标记

数学

数学表达式： $-(2^{n-1})$ ~ $2^{n-1} -1$

$\frac {\partial^r} {\partial \omega^r} \left(\frac {y^{\omega}} {\omega}\right) = \left(\frac {y^{\omega}} {\omega}\right) \left\{(\log y)^r + \sum_{i=1}^r \frac {(-1)^ Ir \cdots (r-i+1) (\log y)^{ri}} {\omega^i} \right\}$

19^th

H₂O

位置

内容居中

内容右对齐

列表

• 无序列表1
• 无序列表2
• 无序列表3

1. 有序列表1
2. 有序列表2
3. 有序列表3

• 任务列表1
• 任务列表2
• 任务列表3
• 任务列表4

表单

Tables	Are	Cool
col 3 is	right-aligned	$1600
col 2 is	centered	$12
zebra stripes	are neat	$1

引用

引用内容

引用内容

链接

外部链接

提示

• info badge
• tip badge
• warning badge
• danger badge

图标

• home -
• vscode -
• twitter -

提示

注释

注释内容 link inline code

信息

信息内容 link inline code

提示

提示内容 link inline code

警告

警告内容 link inline code

错误

错误内容 link inline code

重要

重要内容 link inline code

注

note

相关信息

info

提示

tip

注意

warning

警告

caution

重要

important

选项卡

标题1

内容区块

标题2

内容区块

注意

标题1

内容区块

标题2

内容区块

脚注

脚注 1 链接^[1]。

脚注 2 链接^[2]。

行内的脚注^[3] 定义。

重复的页脚定义^[2:1]。

代码

const a = 1
const b = 2
const c = a + b

const obj = {
  toLong: {
    deep: {
      deep: {
        deep: {
          value: 'this is to long text. this is to long text. this is to long text. this is to long text.',
        }
      }
    }
  }
}

代码分组

tab1

const a = 1
const b = 2
const c = a + b

tab2

const a: number = 1
const b: number = 2
const c: number = a + b

代码块高亮

function foo() {
  const a = 1

  console.log(a)

  const b = 2
  const c = 3

  console.log(a + b + c)
  console.log(a + b)
}

代码块聚焦

function foo() {
  const a = 1
}

代码演示

    :::: demo
    ::: code-tabs
    @tab HTML
    ```html
    ```
    @tab javascript
    ``` js
    // js 代码
    ```
    @tab css
    ``` css
    /* css 代码 */
    ```
    ::::

HTML

<h1>Hello Word!</h1>
<p><span id="very">非常</span>强大!</p>

javascript

document.querySelector('#very').addEventListener('click', () => {
  alert('非常强大')
})

css

span {
  color: red;
}

mermaid

流程图

形状

线条

分组

方向

样式

类图

类定义

类关系

实体关系图

时序图

甘特图

plantuml

转换

• Pandoc: 转换引擎。brew install pandoc

• Java & PlantUML.jar: 渲染绘图。

• Graphviz: PlantUML 绘制复杂图形（如类图、状态图）时需要调用它。 brew install graphviz

• pandoc-plantuml-filter: 这是一个 Python 插件，用于在转换过程中自动处理绘图。pip install pandoc-plantuml-filter

转换命令

pandoc "/Users/jinchen/Documents/github/jc-blog/docs/20260315-换算率改为分数.md" \
-f gfm \
-t docx \
--filter /Users/jinchen/.pyenv/versions/3.12.0/bin/pandoc-plantuml \
-o "/Users/jinchen/Documents/output.docx"

---

1. 脚注 可以包含特殊标记

   也可以由多个段落组成 ↩︎

2. 脚注文字。 ↩︎ ↩︎

3. 行内脚注文本 ↩︎

贡献者: 靳琛

上一页Prompt

下一页uml