神兵利器之6miu-MarkDown常用语法

    xiaoxiao2021-03-25  106

    前言

    Markdown编辑器是使用StackEdit修改而来的,但在StackEdit的基础上做了一些细节优化,使得体验更加友好


    区块

    效果:

    区块

    实际上:

    >区块

    缩进

    方法1:把输入法由半角改为全角。 两次空格之后就能够有两个汉字的缩进    方法2:

    效果:

    半方大的空白 或  全方大的空白 或  不断行的空白格 或 

    实际上:

    半方大的空白 或  全方大的空白 或  不断行的空白格 或 

    标题

    效果:

    我是标题

    我是标题

    我是标题

    我是标题

    我是标题
    我是标题

    实际上:

    #我是标题 ##我是标题 ###我是标题 ####我是标题 #####我是标题 ######我是标题

    代码块

    效果:

    public final String TAG = this.getClass().getName();

    实际上:

    ``` public final String TAG = this.getClass().getName(); ```

    强调

    效果:

    没有使用强调 一颗星相当于斜线 两颗星相当于加粗

    实际上:

    没有使用强调 *一颗星相当于斜线* **两颗星相当于加粗**

    无序列表

    效果:

    我是列表1,一颗加号 + 若干个空格我是列表1,一颗减号 + 若干个空格我是列表1,一颗星号 + 若干个空格

    实际上:

    + 我是列表1,一颗加号 + 若干个空格 - 我是列表1,一颗减号 + 若干个空格 * 我是列表1,一颗星号 + 若干个空格

    有序列表

    效果:

    我是有序列表1,一个数字 + 一个英文句点 + 若干个空格我是有序列表1,一个数字 + 一个英文句点 + 若干个空格 我是有序列表1,一个数字 + 一个英文句点 + 若干个空格

    1. 我不是有序列表,英文句点前面 + 一个反斜杠

    实际上:

    1. 我是有序列表1,一个数字 + 一个英文句点 + 若干个空格 2. 我是有序列表1,一个数字 + 一个英文句点 + 若干个空格 3. 我是有序列表1,一个数字 + 一个英文句点 + 若干个空格 1\. 我不是有序列表,英文句点前面 + 一个反斜杠

    链接

    效果:

    这是一个可点击的URL:http://www.csdn.net/

    1、行式链接:

    大家好,欢迎来看我的博客 博客首页 大家好,欢迎来看我的博客,鼠标移上去可以看到标题 博客首页

    链接到同一个主机的资源,可以使用相对路径 本目录下的路径 。

    2、推荐使用参考式链接:

    大家好,欢迎来看我的博客,参考式链接 3、链接名称:

    大家好,欢迎来看我的博客,参考式链接 行式链接方式

    参考式链接方式 可以缩放的图片

    实际上:

    这是一个可点击的URL:<http://www.csdn.net/> **1、行式链接:** 大家好,欢迎来看我的博客 [博客首页](http://blog.csdn.net/iromkoear) 大家好,欢迎来看我的博客,鼠标移上去可以看到标题 [博客首页](http://blog.csdn.net/iromkoear "神奇的标题") 链接到同一个主机的资源,可以使用相对路径 [本目录下的路径](/about/) 。 **2、推荐使用参考式链接:** 大家好,欢迎来看[我的博客][我的博客链接],参考式链接 [我的博客链接]:http://blog.csdn.net/iromkoear "其实我是个标题" <br> **3、链接名称:** 大家好,欢迎来看[我的博客][],参考式链接 [我的博客]:http://blog.csdn.net/iromkoear "其实我是个标题2" *行式链接方式* ![我是图片描述](https://img-blog.csdn.net/20170311003549037?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaXJvbWtvZWFy/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast "我只是张图片") *参考式链接方式* ![我是图片描述][我是图片id] [我是图片id]:https://img-blog.csdn.net/20170311003549037?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaXJvbWtvZWFy/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast "我只是张图片" <br> *可以缩放的图片* <img height="100" width="230" src="https://img-blog.csdn.net/20170311003549037?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaXJvbWtvZWFy/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" title="我还能自由缩放哟"/>

    在github的项目里面用内部图片:

    在整个项目的根目录新建raw目录,将图片放进去,然后使用:

    <img height="500" width="800" src="raw/demo.gif" title="展示图片"/>

    或者

    ![image](raw/demo.gif)

    换行

    可以使用 <p> <br/>

    字体、字号、颜色

    效果:

    我是黑体字 我是微软雅黑 我是华文彩云 黑体 null gray

    实际上:

    <font face="黑体">我是黑体字</font> <font face="微软雅黑">我是微软雅黑</font> <font face="STCAIYUN">我是华文彩云</font> <font color=#0099ff size=12 face="黑体">黑体</font> <font color=#00ffff size=3>null</font> <font color=gray size=5>gray</font>

    表格

    效果:

    教程标题主要内容关于Markdown简介Markdown,Markdown的优缺点Markdown基础Markdown的基本语法,格式化文本、代码、列表、链接和图片、分割线、转义符等Markdown表格和公式Markdown的扩展语法,表格、公式

    实际上:

    教程标题| 主要内容 -------|---------- 关于Markdown | 简介Markdown,Markdown的优缺点 Markdown基础 | Markdown的**基本语法**,格式化文本、代码、列表、链接和图片、分割线、转义符等 Markdown表格和公式 | Markdown的**扩展语法**,表格、公式

    效果:

    姓名年龄性别张三18女小明23男

    实际上:

    | 姓名 | 年龄| 性别| |:--------|---------:|:-------:| | 张三| 18| 女 | | 小明| 23| 男 |

    效果:

    跨行表格:

    我占了三行第一列第二列第三列第一列第二列第三列第一列第二列第三列

    实际上:

    <table><tbody> <tr> <th rowspan="3">我占了三行</th> <th>第一列</th> <th>第二列</th> <th>第三列</th> </tr> <tr> <td>第一列</td> <td>第二列</td> <td>第三列</td> </tr> <tr> <td>第一列</td> <td>第二列</td> <td>第三列</td> </tr> </table>

    效果:

    表格背景色

    方法说明颜色名称颜色此处实现方法利用 -markdown 内嵌 html 语言的优势Hotpinkrgb(240, 248, 255)借助 table, tr, td 等表格标签的 bgcolor 属性实现背景色设置AntiqueWhitergb(255, 192, 203)

    实际上:

    <table><tbody> <tr> <th>方法说明</th><th>颜色名称</th><th>颜色</th> </tr> <tr> <td><font color="Hotpink">此处实现方法利用 -markdown 内嵌 html 语言的优势</font></td><td><font color="Hotpink">Hotpink</font></td><td bgcolor="Hotpink">rgb(240, 248, 255)</td> </tr> <tr> <td><font color="Pink">借助 table, tr, td 等表格标签的 bgcolor 属性实现背景色设置</font></td><td><font color="pink">AntiqueWhite</font></td><td bgcolor="Pink">rgb(255, 192, 203)</td> </tr> </table>

    其他

    颜色列表: -markdown编辑器语法——字体、字号与颜色

    HTML 基础的语法,可试一试在 -markdown 中使用。注意部分 html 在这里是不被支持的。

    参考资料

    -markdown编辑器语法——字体、字号与颜色

    -markdown 表格样式设置(跨行表格,背景色等)

    -markdown基本语法说明

    Markdown简明教程1-关于Markdown

    Markdown简明教程2-基本使用

    Markdown简明教程3-表格和公式

    Markdown简明教程4-制作UML图

    Markdown简明教程5-快速上手

    Markdown使用LaTeX语法编写数学公式大全

    转载请注明原文地址: https://ju.6miu.com/read-25992.html

    最新回复(0)