前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >MarkDown语法学习教程,2分钟学会速写个人GitHub,轻量化,快捷,迅速,方便.

MarkDown语法学习教程,2分钟学会速写个人GitHub,轻量化,快捷,迅速,方便.

作者头像
wjl110
发布2022-03-14 17:01:13
2.2K0
发布2022-03-14 17:01:13
举报
文章被收录于专栏:互联网技术专栏

Markdown 语法:

  • 使用 GitHub Flavored Markdown 语法,简称 GFM 语法。
  • 支持表格、TOC、LaTeX、代码块、任务列表、脚注等。
  • 画图库支持 mermaid, viz, ECharts, PlantUML, Sequence, Flow。

Markdown 辅助:

  • 支持截图并粘贴、复制并粘贴、拖拽等方式插入图片并直接显示在编辑器内。
  • 在兼容 Markdown 语法的情况下支持设置图片宽度。
  • 好用的表格插入和 LaTeX 书写辅助。

Markdown 输出:

  • 支持导出为图片、HTML、Epub、PDF、RTF、Docx。
  • 支持发布到 WordPress、支持 Metaweblog API 协议的服务、Wordpress.com、印象笔记(Evernote)、Blogger、Medium、Tumblr、语雀、Ghost、少数派 Matrix。
  • 图片上传服务(图床)支持 Imgur、七牛云、又拍云、腾讯云 COS、阿里云 OSS、SM.MS和自定义的图床服务。

Markdown 笔记:

  • 强大的文档库支持分类树和标签管理文档,文档可归类于多个分类,可以把分类整个导出为 Epub、PDF 和生成静态网站。非常合适用于笔记、个人知识收集、管理和输出。
  • 快速笔记:随意增加笔记及图片等素材,支持以天为单位把增加的素材组合在一个文档内,方便整理及记录历史收集情况。
  • 快速搜索:目前已支持全局快捷键调出搜索。

外部 Markdown 文档:

  • 外部 Markdown 文档使用外部模式管理。外部模式使用目录树的方式编辑和管理你的 Markdown 文档,还能很好的支持 GitBook、Jekyll、Hexo 等等编辑和图片插入。

MWeb 文档:

如果要更详细了解 MWeb,建议你一定要去看一下官网的帮助文档,网址为:https://zh.mweb.im/help.html。我们建议在使用文档库之前,一定要阅读一下 MWeb 文档库详细介绍 这篇文章,以便更好的使用文档库。

帮助我们改进 MWeb

如果你喜欢 MWeb,想让它变得更好,你可以:

  1. 推荐 MWeb,让更多的人知道。
  2. 给我们发反馈和建议:coderforart+2333@gmail.com
  3. 在 Mac App Store 上评价 (如果是在 MAS 上购买的话)。

GFM 语法简介和 MWeb 所支持的扩展语法

回车转为换行

官方的语法规定结尾加 2 个以上空格加换行才会转成换行,也就是 <br /> 标签。MWeb 中有个选项可以直接把换行转成 <br />,不用加上 2 个以上空格,这个选项默认是开启的。如果要关闭,请在设置页面关闭。

任务列表(Task lists)

Markdown 语法:

代码语言:javascript
复制
- [ ] 任务一 未做任务 `- + 空格 + [ ]`
- [x] 任务二 已做任务 `- + 空格 + [x]`

效果如下:

  • 任务一 未做任务 - + 空格 + [ ]
  • 任务二 已做任务 - + 空格 + [x]

图片大小及对齐

官方和 GFM 都不支持图片大小设置,MWeb 引入的特别的语法来设置图片宽度。如:![图片说明-w450](pic.jpg) 这样表示设置图片宽度为 450。其中 -w450 为设置语法,生成 HTML 时会自动移除。w 表示设置宽度。 可以看出,MWeb 引入的语法的特点是兼容原来的语法和仅支持设置宽度。

多行或者一段代码

Markdown 语法:

代码语言:javascript
复制
```js
function fancyAlert(arg) {
  if(arg) {
    $.facebox({div:'#foo'})
  }

}
```

效果如下:

代码语言:javascript
复制
function fancyAlert(arg) {
	if(arg) {
		$.facebox({div:'#foo'})
	}

}

这个语法目前在 MWeb 中使用,必须前后空一行,才会正确解析。我觉得,在写 Markdown 文档过程中,运用空行很有必要,基本上,块级元素(标题、列表、引用、代码块、表格、段落等),都建议前后空一行。

表格

Markdown 语法:

代码语言:javascript
复制
第一格表头 | 第二格表头
--------- | -------------
内容单元格 第一列第一格 | 内容单元格第二列第一格
内容单元格 第一列第二格 多加文字 | 内容单元格第二列第二格

效果如下:

第一格表头

第二格表头

内容单元格 第一列第一格

内容单元格第二列第一格

内容单元格 第一列第二格 多加文字

内容单元格第二列第二格

删除线

Markdown 语法:

代码语言:javascript
复制
加删除线像这样用: ~~删除这些~~

效果如下:

加删除线像这样用: 删除这些

LaTeX

Markdown 语法:

代码语言:javascript
复制
块级公式:
```math
x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a}
```

行内公式: ``\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N``

效果如下(在设置页面中启用 LaTeX 才会看到效果):

块级公式:

代码语言:javascript
复制
x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a}

行内公式: \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N

注意:为了兼容 MWeb 3,也支持

\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N

和块级语法

x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a}

但是建议用新的语法。

MWeb 画图

mermaid

mermaid 是比较流行的画图库,它支持流程图、顺序图和甘特图,它的官网为:https://mermaidjs.github.io/ ,在 MWeb 中使用 mermaid 的语法就是声明代码块的语言为 mermaid,代码块中再写上 mermaid 的画图语法即可,你可以把下面的语法复制到 MWeb 中查看效果。

代码语言:javascript
复制
```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 <br/>prevail...
    John-->Alice: Great!
    John->Bob: How about you?
    Bob-->John: Jolly good!
```

效果如下:

echarts

echarts 是百度出品的 js 画图库,它的网址为:https://echarts.apache.org/zh/index.html,功能非常强大,MWeb 支持 echarts 的一些基本的用法,太高级的不支持。你可以将以下语法复制到 MWeb 中进行尝试。你也可以去 https://echarts.apache.org/examples/zh/index.html 这个网址查看一些例子,要注意的是 MWeb 只能解析 option = {} 这种简单的,不过应该是足够使用了。

代码语言:javascript
复制
```echarts
option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line'
    }]
};
```

效果如下:

代码语言:javascript
复制
option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line'
    }]
};

脚注(Footnote)

Markdown 语法:

代码语言:javascript
复制
这是一个脚注:[^1]

效果如下:

这是一个脚注:1

注释和阅读更多

阅读更多的功能只用在文档库生成静态网站或发布到 Wordpress 博客时,插入时注意要后空一行。

  1. 这里是脚注信息 ↩︎
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Markdown 语法:
  • Markdown 辅助:
  • Markdown 输出:
  • Markdown 笔记:
  • 外部 Markdown 文档:
  • MWeb 文档:
  • 帮助我们改进 MWeb
  • GFM 语法简介和 MWeb 所支持的扩展语法
    • 回车转为换行
      • 任务列表(Task lists)
        • 图片大小及对齐
          • 多行或者一段代码
            • 表格
              • 删除线
                • LaTeX
                • MWeb 画图
                  • mermaid
                    • echarts
                      • 脚注(Footnote)
                        • 注释和阅读更多
                        相关产品与服务
                        对象存储
                        对象存储(Cloud Object Storage,COS)是由腾讯云推出的无目录层次结构、无数据格式限制,可容纳海量数据且支持 HTTP/HTTPS 协议访问的分布式存储服务。腾讯云 COS 的存储桶空间无容量上限,无需分区管理,适用于 CDN 数据分发、数据万象处理或大数据计算与分析的数据湖等多种场景。
                        领券
                        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档