markdown使用效果

效果 (源码

markdown

markdown标题

使用#号标记 1-6级标题

markdown段落

Markdown 段落没有特殊的格式,直接编写文字就好,段落的换行是使用两个以上空格加上回车。
当然也可以在段落后面使用一个空行来表示重新开始一个段落。

字体

斜体文本
斜体文本
粗体文本
粗体文本
粗斜体文本
粗斜体文本

分割线

你可以在一行中用三个以上的星号、减号、底线来建立一个分隔线,行内不能有其他东西。你也可以在星号或是减号中间插入空格。下面每种写法都可以建立分隔线:


删除线

如果段落上的文字要添加删除线,只需要在文字的两端加上两个波浪线 ~~ 即可

删除线

脚注

脚注是对文本的补充说明
Markdown脚注的格式如下:
[^要注明的文本]

以下实例演示了脚注的用法

创建脚注格式类似这样 1

markdown列表

有序列表 有序列表使用数字并加上 . 号来表示

  1. 2
  2. 3
  3. 4

无序列表 无序列表使用星号(*)、加号(+)或是减号(-)作为列表标记,这些标记后面要添加一个空格,然后再填写内容:

  • 橘子
  • 香蕉
  • 苹果

列表嵌套

列表嵌套只需在子列表中的选项前面添加四个空格即可:

  1. one
    • 橘子
    • 苹果
  2. two
    • 西瓜
    • 菠萝

区块

Markdown 区块引用是在段落开头使用 > 符号 ,然后后面紧跟一个空格符号:

dog
duck
cat

另外区块是可以嵌套的,一个 > 符号是最外层,两个 > 符号是第一层嵌套,以此类推:

1

1.1

1.1.1

2

2.1

2.1.1

区块中使用列表

  • 貂蝉
  • 西施
  • 杨玉环
  • 王昭君

列表中使用区块

  • one

    C
    C++

  • two

    java
    python

markdown代码

如果是段落上的一个函数或片段的代码可以用反引号把它包起来(`)

print()函数

代码区块

代码区块使用4个空格或者一个制表符(Tab键)

<?php
echo 'helloworld'
>

你也可以用 ```包裹一段代码,并指定一种语言(也可以不指定)

$(document).ready(function(){
    alert('helloworld');
});

markdown链接

链接名称
或者
<链接地址>
这是一个链接 菜鸟教程

https://www.runoob.com

高级链接

我们可以通过变量来设置一个链接,变量赋值在文档末尾进行:
这个链接用 1 作为网址变量 Google
这个链接用 runoob 作为网址变量 Runoob
然后在文档的结尾为变量赋值(网址)

Markdown

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-I4pYkohy-1602783190560)(图片地址)]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HERIk9Zb-1602783190564)(图片地址 “可选标题”)]
开头一个感叹号
接着一个方括号,里面放上图片替代的文字
接着一个普通括号,里面放上图片的网址,最后还可以用引号包住并加上选择性的 ‘title’ 属性的文字。

RUNOOB 图标

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YHWrQpy1-1602783190572)(http://static.runoob.com/images/runoob-logo.png “RUNOOB”)]
当然,你也可以像网址那样对图片网址使用变量:

这个链接用 1 作为网址变量 RUNOOB.
然后在文档的结尾为变量赋值(网址)

markdown表格

Markdown 制作表格使用 | 来分隔不同的单元格,使用 - 来分隔表头和其他行。

表头表头
单元格单元格

对齐方式

-: 设置内容和标题栏居右对齐。
:- 设置内容和标题栏居左对齐。
:-: 设置内容和标题栏居中对齐。

左对齐。。。右对齐 。。。居中对齐
单元格单元格单元格
单元格单元格单元格

高级技巧

转义

Markdown 使用了很多特殊符号来表示特定的意义,如果需要显示特定的符号则需要使用转义字符,Markdown 使用反斜杠转义特殊字符
文本加粗
** 正常显示星号 **

支持的HTML元素

不在 Markdown 涵盖范围之内的标签,都可以直接在文档里面用 HTML 撰写。

目前支持的 HTML <kbd> <b> <i> <em> <sup> <sub> <br>等
使用 Ctrl+Alt+Del 重启电脑

公式

当你需要在编辑器中插入数学公式时,可以使用两个美元符 $$ 包裹 TeX 或 LaTeX 格式的数学公式来实现。提交后,问答和文章页会根据需要加载 Mathjax 对数学公式进行渲染。
KaTeX parse error: Can't use function '$' in math mode at position 249: … \end{vmatrix} $̲{$tep1}{\style{…

a=1
a=2
方形
圆角
条件a
结果1
结果2
横向流程图
a=1
a=2
方形
圆角
条件a
结果1
结果2
竖向流程图
Created with Raphaël 2.2.0 开始框 处理框 判断框(是或否?) 输入输出框 结束框 子流程 yes no
Created with Raphaël 2.2.0 开始框 处理框 判断框(是或否?) 输入输出框 结束框 子流程 yes no
对象A 对象B 对象B你好吗?(请求) 对象B的描述 对象A的描述(提示) 我很好(响应) 你真的好吗? 对象A 对象B 标题:复杂使用

对象A 对象B 小三 C 对象B你好吗?(请求) 对象B的描述 对象A的描述(提示) 我很好(响应) 你好吗 对象B找我了 你真的好吗? 我们是朋友 没人陪我玩 对象A 对象B 小三 C 标题:复杂使用

张三 李四 王五 王五你好吗? 与疾病战斗 loop [健康检查] 合理 食物 看医生... 很好! 你怎么样? 很好! 张三 李四 王五 标题:复杂使用

%% 语法示例
        gantt
        dateFormat  YYYY-MM-DD
        title 软件开发甘特图
        section 设计
        需求                      :done,    des1, 2014-01-06,2014-01-08
        原型                      :active,  des2, 2014-01-09, 3d
        UI设计                     :         des3, after des2, 5d
    未来任务                     :         des4, after des3, 5d
        section 开发
        学习准备理解需求                      :crit, done, 2014-01-06,24h
        设计框架                             :crit, done, after des2, 2d
        开发                                 :crit, active, 3d
        未来任务                              :crit, 5d
        耍                                   :2d
        section 测试
        功能测试                              :active, a1, after des3, 3d
        压力测试                               :after a1  , 20h
        测试报告                               : 48h

  1. 菜鸟教程 – 学的不仅是技术,更是梦想!!! ↩︎

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Theliars

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值