最新掘金 Markdown Theme 实战汇总 🚀

172 阅读1分钟
---
theme: channing-cyan
highlight: foundation
# jujin Markdown Theme In Action All In One 🚀
# 最新掘金 Markdown Theme 实战汇总 🚀
---

first level title 👻

一级标题

# first level title 👻

> 一级标题

second level title with icon 🎮

二级标题

## second level title with icon 🎮

> 二级标题

third level title with animation ✅

三级标题

### third level title with animation ✅ 

> 三级标题

其他

list 列表(无序/有序)

  • a
  • b
  • c
  1. 1
  2. 2
  3. 3

strikthrough line

bold text

italic text

quote

this post url link

## 其他

> list 列表(无序/有序)

- a
- b
- c

1. 1
2. 2
3. 3

~~strikthrough line~~

**bold text**

*italic text*

> quote

[this post url link](https://juejin.cn/post/7194850397667164220)

codes

juejininlinecodejuejin inline code 👎 github markdown inline code 👍

$juejin inline code$ 👎 `github markdown inline code` 👍
// js code

// ts code

// code block

```js
// code block

\`\`\`

task list

  • task 1
  • task 2
  • [✅] task 3
  • [❌] task 4
- [x] task 1
- [ ] task 2
- [✅] task 3
- [❌] task 4

table

TitleDescription
Header 1Text 1
Header 2Text 2
Header 3Text 3
| Title | Description |
| -- | -- |
| Header 1| Text 1|
| Header 2| Text 2|
| Header 3| Text 3|

图片

images

![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/0c367de0af4b4ad396c3ba7d515a93d8~tplv-k3u1fbpfcp-watermark.image?)

image.png

images 缩放 50%

image.png
<img
  src="https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/0c367de0af4b4ad396c3ba7d515a93d8~tplv-k3u1fbpfcp-watermark.image?" 
  alt="image.png"
  width="50%"
/>

mermaid 图表

流程图

graph TD
Start --> A --> B --> C --> Stop
Start --> X --> Y --> Z --> Stop2
Start --> D --> E --> Stop
Start2 --> U --> F --> Z --> Stop3

```mermaid
graph TD
Start --> A --> B --> C --> Stop
Start --> X --> Y --> Z --> Stop2
Start --> D --> E --> Stop
Start2 --> U --> F --> Z --> Stop3

\`\`\`

image.png

refs

www.cnblogs.com/xgqfrms/p/1…

cdn.xgqfrms.xyz/theme/index…

codepen.io/xgqfrms/pen…

脚注

footnote,[^1]

footnote2,[^2]

自定义注解, [^custom_note]

自定义注解2, [^自定义注解2]

bignote, [^bignote]



[^1]: This is the first footnote.

[^2]: This is the second footnote.

[^custom_note]: 自定义注解

[^自定义注解2]: 自定义注解2

[^bignote]: Here's one with multiple paragraphs and code.
    
    缩紧 最前面 4 空格  
    换行 最后面 2 空格  
    代码 `js code`.  
    finished!✅ 

footnote,1

footnote2,2

自定义注解, 3

自定义注解2, 4

bignote, 5

Footnotes

  1. This is the first footnote.

  2. This is the second footnote.

  3. 自定义注解

  4. 自定义注解2

  5. Here's one with multiple paragraphs and code.

    缩紧 最前面 4 空格
    换行 最后面 2 空格
    代码 js code.
    finished!✅