『markdown』入门语法介绍

作者: dejunz | 来源:发表于2016-08-29 17:42 被阅读306次

如果想在网上发发文章,写写博客,那么markdown是非常推荐的一门语言,文字工作者,IT从业者等等都可以花一点时间来学一学,语法简单,使用灵活。

什么是markdown

抛开那些严谨的官方定义,我个人理解markdown就是一种简易的语言,可以舒服的书写及排版文本文字。
  可以用一些规定符号对文字方便的进行格式化和排版,读写都很方便。
  markdown是兼容HTML的,这就能实现很多炫酷的样式啦,搞过前端的朋友肯定很熟悉。

markdown语法介绍

1. 标题

markdown中如何表示标题呢,比如此篇开头的标题:

什么是markdown

实现标题效果,只需要:

#标题名

可以输出1-6个#来对应1-6级标题(其中1级标题字体最大,6级标题字体最小)。


2.引用

学会了标题,有人可能奇怪文章头部以及标题语法中的那种引用区是如何实现的。想要实现引用区,只需要在文字前加入>号:

>曾梦想仗剑走天涯
>看一看世界的繁华

当然你不用每行都加上>,只需要第一行首写一个就能作用整个段落,如下:

>曾梦想仗剑走天涯
看一看世界的繁华

效果相同。


3.列表

  • 无序列表:
  • Java
  • JavaScript
  • Python

想要实现无序列表,需要*+空格+表项,注意*和表项中间是有个空格的:

* Java
* JavaScript
* Python

  • 有序列表:
  1. Java
  1. JavaScript
  2. Python

实现有序列表,只需要将无序列表中*位置替换成数字+句点,即数字+句点+空格+表项。


4.代码区

如果你的文章需要插入代码,那么就要用到代码区块了,效果是这样的:

String helloMarkDown = "hello markdown";

public void deJunz(String words){
    System.out.println(words);
}

deJunz(helloMarkDown);//hello markdown

想要插入代码,只需要在你插入的每行代码前输入四个空格或一个制表符即可,记得要在每行前都缩进,不然会打乱排版。

嫌麻烦?还有一种写法,通过反引号`来标识代码首尾:

首尾使用一个反引号:
String helloMarkDown = "hello markdown"; public void deJunz(String words){ System.out.println(words); } eJunz(helloMarkDown);//不缩进,一个反引号包含首尾(2个效果相同)

首尾使用三个反引号:

String helloMarkDown = "hello markdown";
public void deJunz(String words){
    System.out.println(words);
   }
eJunz(helloMarkDown);//不缩进,三个反引号包含首尾

可见使用三个反引号时效果与首行缩进相同。


5.字体的斜体和加粗

写文章难免需要特殊标记一些文字,比如在上面就能看到一些我加粗的重点文字。

  • 字体倾斜:

我斜啦

斜体可以使用一对*或者_来包裹目标文字:

*我斜啦*
_我斜啦_

  • 字体加粗

我粗啦

粗体可以使用一对**或者__来包裹目标文字,相比斜体多了一个特殊符号:

**我粗啦**
__我粗啦__

用*或_号的效果相同的,随便选择。


6.图片和链接

  • 插入图片:

一般的markdown编辑器的工具栏都有图像化插入操作界面,这里重点介绍下通过语法进行对图片链接进行引用。

语法如下:

![图片介绍](url)

即,叹号+左方括号+描述文字+右方括号+左小括号+链接+右小括号。

通过url显示我的头像,写法如下:

![我的头像](myURL) //myURL就是我头像所在网址,太长在这里简写

效果如图:


我的头像

还有一种引用方法,是先定义图片的id,再进行引用,这两种方法最终都会生成相同的markdown语句,本质是相同的,有兴趣的朋友自己去学习下另一种方法吧,这里不介绍了。

  • 链接:

会了引用图片,链接就简单多啦,语法如下:

[显示文本](url "鼠标指向提示信息")

可以看出,相比图片,少了一个!,但是小括号里多了一个属性,与url通过空格隔开,这个属性的作用是在你鼠标停在链接上时会弹出提示信息,注意,这个属性是可选的,写成如下形式也可以:

[显示文本](url)

这里会链接到我的文章列表:deJunz文章列表

写法:

[deJunz文章列表](URL "dejunz")


Tips

下面是我在使用markdown的一些经验:

1. 转义

有时候我们想单纯打出*[\等功能字符,这是时就需要用到了转义字符\,通过\*就能以文本形式显示出特殊功能字符。

2. 空格

markdown中如何打空格

表示一个空格

3. 列表和标题一起使用
  • 如果标题栏正好是一系无序列表,那么先输入*再输入#,不然无法正确识别。
  • 刺客信条

写法为:

* ###### 刺客信条

  • 若标题为有序列表
    则应先输入#再输入数字和句点。
    若先输入数字和句点再输入#号,可能会这样:
  1. 无主之地

发现数字没有和文本统一格式大小,显然这影响阅读。

正确写法:

#### 1. 无主之地

效果:

1. 无主之地

4. 分隔线

使用连续的* _ -三种字符绘制分隔线,效果相同,如下:


5. 段内代码块

如果想达到这种段内代码块效果:

飞雪连天射白鹿

只需要用单个反引号将目标文字首尾包含。

写法:

飞雪`连天`射白鹿

6. 兼容HTML

markdown兼容HTML(一些操作直接是生成HTML显示的)。

比如换行操作直接输入:

<br />

就可完成换行操作。

<br /><br />


文章内容为个人理解,如有错误欢迎指出。

邮箱:CodingDjz@126.com

相关文章

  • Markdown 入门指南

    Markdown 入门指南 目录Markdown 语法的起源Markdown 语法的种类Markdown trad...

  • 『markdown』入门语法介绍

    如果想在网上发发文章,写写博客,那么markdown是非常推荐的一门语言,文字工作者,IT从业者等等都可以花一点时...

  • Markdown语法

    参考:Markdown语法入门

  • 基本语法

    语法说明 MarkDown基本介绍及使用 MarkDown语法介绍

  • markdown的语法

    markdown的语法示例,具体看图Markdown——入门指南

  • Markdown学习指南

    献给写作者的 Markdown 新手指南 Markdown: Basics (快速入门) Markdown 语法说...

  • Markdown写作语法高级学习

    本文主要是对markdown中使用的公式写法进行介绍,本文属于markdown语法的高级学习,基本入门请参考简书m...

  • Markdown语法

    #markdown语法介绍 >下面是markdown的常用语法介绍 ##段落和换行 一个 Markdown 段落是...

  • MarkDown - 入门语法

    MarkDown - 入门语法 前言 这里是MarkDown百度百科,MarkDown的语法简洁明了、学习容易,而...

  • MARKDOWN学习之路3

    MARKDOWN学习之路3 markdown介绍markdown语法标题语法列表语法区块引用语法字体语法分割线图片...

网友评论

    本文标题:『markdown』入门语法介绍

    本文链接:https://www.haomeiwen.com/subject/vfbxettx.html