Hsu's Blog!

主页
博客
  • 分类
  • 标签
我的
  • 友链
  • 更新日志
关于
搜索
0

markdownGFM

发表于 7/30/2023
更新于 7/30/2023
快速开始
预计阅读 2.13 分钟
725 字

Github扩展Markdown (GFM)

本文只作简要介绍(且只包含HsuBlog可渲染的扩展),更多内容可参见GitHub官方文档。

Github扩展Markdown或简称GFM是GitHub上的Markdown方言或变种。它在标准Markdown语法的基础上增加了一些扩展功能,使得Markdown更加适合于网页显示和代码相关的内容展示。

任务列表

您可以创建任务列表,用-后跟[ ]和[x]来代表未完成和已完成的任务。

markdown
- [x] 已完成任务
- [ ] 未完成任务
- [x] 已完成任务
- [ ] 未完成任务
  • 已完成任务
  • 未完成任务

代码高亮

在标准的Markdown中,我们可以创建代码块。但在GFM中,我们还可以为代码块指定语言,从而实现代码高亮。

javascript
function sayHello() {
    console.log("Hello, GFM!");
}
function sayHello() {
    console.log("Hello, GFM!");
}

表格

GFM允许您创建表格,用|来分隔列,并使用-来创建表头,同时您可以通过在标题行中的连字符的左侧,右侧或两侧添加冒号(:),将列中的文本对齐到左侧,右侧或中心。

markdown
| 表头左 | 表头中 | 表头右 |
| :----- | :----: | -----: |
| 内容左 | 内容中 | 内容右 |
| 内容左 | 内容中 | 内容右 |
| 表头左 | 表头中 | 表头右 |
| :----- | :----: | -----: |
| 内容左 | 内容中 | 内容右 |
| 内容左 | 内容中 | 内容右 |
表头左表头中表头右
内容左内容中内容右
内容左内容中内容右

PS: 为了更快的创建表格,可以使用图形化界面

自动链接

GFM会自动将URL转化为链接:

https://github.com: https://github.com

删除线

使用两个~包裹文字可以创建删除线。

markdown
这是一个~~删除线~~示例。
这是一个~~删除线~~示例。

这是一个删除线示例。

表情符号

GFM支持使用表情符号的简写。例如:

:smile:: 😀

更多表情可查看表情符号简码列表

相关文章
评论
author-avatar
枢衡Krahsu
一个前端开发者,退役OIer,Robomaster菜鸟
87
文章
9
分类
10
标签
自定义部分
这里是自定义内容部分
啥都可以放
文章内容
  1. Github扩展Markdown (GFM)
  2. 任务列表
  3. 代码高亮
  4. 表格
  5. 自动链接
  6. 删除线
  7. 表情符号
© 2022-2023 By 枢衡KraHsu
由 Astro v2.10.3 构建 | 主题 HsuBlog
Design & Build with ❤ by 枢衡KraHsu
搜索
扩展搜索HelloWorld
你可以使用类似 unix 的格式:扩展搜索