云栖社区Markdown指南【2018版】

  1. 云栖社区>
  2. 博客>
  3. 正文

云栖社区Markdown指南【2018版】

小白dora 发布时间:2018-11-27 14:31:58 浏览628 评论0

摘要: Markdown是一套简洁可读性极好的标记语言,非常适合用来写作。云栖社区支持标准语法和GFM语法,更详细的参考如下

看到云栖社区博主们的反馈,社区的编辑器还在优化。对于Markdown使用技巧,可以先参考这里。

目录

Markdown是一套简洁可读性极好的标记语言,非常适合用来写作。
云栖社区支持标准语法和GFM语法,详细参考如下:

社区Markdown编辑器的快捷键菜单栏目前不是很完善,我们的程序员小哥哥还在修复中······
强烈推荐使用以下编辑语法哦~

Markdown编辑界面

选择Markdown编辑界面如下图所示,左侧为编辑区域,右侧为预览区域,您在左侧输入 Markdown 语法的文本,右侧会立即帮您呈现最终结果
01

标题

在 Markdown 中,你只需要在文本前面加上 # 即可,同理、你还可以增加二级标题、三级标题、四级标题、五级标题和六级标题,总共六级,只需要增加 # 即可,标题字号相应降低。参考图如下:
_
注:# 和「一级标题」之间建议保留一个字符的空格,这是最标准的 Markdown 写法

列表

列表格式也很常用,在 Markdown 中,你只需要在文字前面加上 – 就可以了,如果你希望有序列表,也可以在文字前面加上 1. 2. 3. 即可,参考图如下:
_

注:-、1.和文本之间要保留一个字符的空格。

图片+链接

在 Markdown 中输入如下语法即可插入链接或者图片

插入链接可以使用 [显示文本](链接地址) 这样的语法,
例如:[云栖社区]( https://yq.aliyun.com/)

插入图片可以使用 ![](图片链接地址) 这样的语法,
例如:![](https://yqfile.alicdn.com/40be3e19c4c8beac165eb61aa9ca2abe14bd61e6.jpeg)

参考图如下:
_

注:插入图片的语法和链接的语法很像,只是前面多了一个 !

图片尺寸修改

Md图片大小调整通过html标签,例如:

<img src="https://gw.alicdn.com/tfs/TB1kYfJvQvoK1RjSZPfXXXPKFXa-300-300.jpg" width = "300" height = "200" alt="test">

图片居中

<p style="text-align:center">![image](https://gw.alicdn.com/tfs/TB1kYfJvQvoK1RjSZPfXXXPKFXa-300-300.jpg)</p>

效果如下:

image

图注居中

<p style="text-align:center">图1 云栖社区</p>

效果如下:

图1 云栖社区

视频

相关代码和显示效果如下:
_
代码如下:

<video style="text-align:center" width="100%" height="100%" autoplay="autoplay" src="视频链接" controls="true"></video>

引用

在写作的时候经常需要引用他人的文字,在 Markdown 中,你只需要在你希望引用的文字前面加上 > 即可,参考图如下:
_
注:> 和文本之间要保留一个字符的空格

文字加粗、斜体、删除、下划线

Markdown 的粗体,斜体,删除也可以用简单的语法编辑,语法如下:

用两个  *  包含一段文本就是粗体的语法;
用一个  *  包含一段文本就是斜体的语法;
用~~ 包含一段文本就是删除的语法
用<u>**</u>包含一段文本就是下划线的语法

参考图如下:
_

表格

相关代码和显示效果如下:
_

代码

相关代码和显示效果如下:
_

Latex公式

相关代码和显示效果如下:
latex_

结语

以上几种格式是比较常用的格式,针对这些语法做了比较详细的说明;希望我们的指南可以帮助到您,也希望Markdown 是你最佳选择。

【云栖快讯】云栖专辑 | 阿里开发者们的20个感悟,一通百通  详情请点击

网友评论