继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

Markdown简单认识与入门

慕神8447489
关注TA
已关注
手记 1272
粉丝 174
获赞 956

webp

Basic-Markdown-picture.jpg

导语

Markdown是一种具有纯文本格式语法的轻量级标记语言。用来在网页上展示文章,省去排版布局的烦恼。它的设计使其可以使用相同名称的工具转换为HTML和许多其他格式。Markdown通常用于格式化自述文件,在在线论坛中编写消息,以及使用纯文本编辑器创建富文本。

Markdown参考文档

下面我结合实例讲解一些常用的markdown语法简要规则

常用Markdown语法简要规则

一.标题

Markdown可以设置六级标题,只需要在被定义的标题文字前加#,建议在#后加一个字符的空格
# 一级标题
## 二级标题
### 三级标题
#### 四级标题

webp

标题.png


二.表格

webp

表格.png


webp

表格*.png

  • 第二行分离表头与表格内容-符号,个数多少对效果没影响。

  • 表格内容默认左对齐,在 -z左右添加:则卫居中对齐,单独在-右边添加:则为右对齐。

  • 表格最外侧的|,在原生的语法使用时必须包起来,在实际中科不添加

三.链接与图片

  • 插入链接
    [显示文本](URL地址)

  • 插入图片
    [图片上传失败...(image-59c09c-1537923028197)]

webp

图像与链接.png

四.引用

如需要引用某一段文字,只需要在内容前加一个>,建议在>与文本之间加一个空格

webp

引用.png


五.代码

  • 单行代码

单行代码左右用 ` 符号包起来

webp

单行代码.png

  • 多行代码

多行代码在左右用```符号包起来,且```需单独占一行

webp

多行代码.png

[图片上传中...(多行代码.png-8d163c-1537887081541-0)]<html>
   <head>
   <title>HTML SCRIPT</title>
   </head>
   <body>
    <script type="text/javascript">document.write("Hello World!")    </script>
  </body></html>

六.粗体与斜体

  • 加粗
    **这是加粗** 这是加粗

  • 斜体
    *文本* 这是斜体

  • 加粗斜体
    ***这是加粗斜体*** 这是加粗斜体

  • 删除线
    ~~删除线~~ 删除线

加粗,斜体,加粗斜体,以及删除线* ~符号与文本内容之间没有空格

七. 列表

  • 有序列表
    有序列表直接在内容前,使用数字.组合,符合与内容直接有一个字符的空格

1. 有序列表
2. 有序列表
3. 有序列表

webp

有序列表.png

  • 无序列表
    无序列表直接在内容前,使用数字. ,*,+其中的一种,符合与内容直接有一个字符的空格

* 无序列表
* 无序列表
* 无序列表

webp

无序列表.png

  • 嵌套列表
    下一级别列表换行,在与上一级列表内容后退两个字符的位置才能有嵌套的效果

- A
   - A1
   - A2
   - A3

webp

嵌套列表.png

八.分割线

三个或是三个以上的*或是*连在一起
*** ---

webp

分割线.png


学习建议

  • Markdown只需记住常用的几个简要规则就行,开始不熟悉的时候可以打开简书边输入边预览。

  • 灵活运用,前期可以模仿一些比较好的markdown写的博客格式。



作者:YYP_1806
链接:https://www.jianshu.com/p/83af16a447e3


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP