跳到正文
澈海秋光
Go back

Markdown 语法示范

编辑页面

这篇文章用来展示本博客支持的各类 Markdown 语法,从基础文本样式到带语法高亮的代码块与提示框。

English version: Markdown Syntax Showcase

Table of contents

Open Table of contents

文本样式

普通段落文字。可以把文字设为 粗体斜体粗斜体删除线,以及 行内代码。链接长这样 这里

也支持脚注。1

列表

无序列表:

有序列表:

  1. 克隆仓库
  2. 运行 pnpm install
  3. 启动开发服务器

任务列表:

引用

简洁是可靠的前提。 — Edsger W. Dijkstra

提示框

支持 Obsidian 风格的提示框(callouts):

Note

这是一条普通提示,读者应当留意。

Tip

善用快捷键可以大幅提升效率。

Warning

这个操作不可撤销,请谨慎执行。

Important

部署前记得检查环境变量。

代码

行内代码:const greeting = "你好,世界。"

带文件名标签的代码块:

export function greet(name: string): string {
  return `你好,${name}`;
}

console.log(greet("世界"));src/utils/greet.ts

高亮某一行([!code highlight]):

function add(a, b) {
  return a + b; 
}example.js

Diff 标注([!code ++] / [!code --]):

function sum(numbers: number[]) {
  let total = 0; 
  return numbers.reduce((acc, n) => acc + n, 0); 
}

词语高亮([!code word:hoicau]):

git clone https://github.com/hoicau/hoicau-index-source.git

表格

命令作用
pnpm dev启动本地开发服务器
pnpm build构建站点并生成 Pagefind 搜索索引
pnpm preview本地预览构建结果

图片

默认 OG 图

分割线


到此为止。可以复制这个文件作为你自己文章的起点。🙂

Footnotes

  1. 这是一条脚注,会渲染在页面底部。


编辑页面
分享这篇文章:

上一篇
Markdown Syntax Showcase