如何进行Markdown简易分析

发布时间:2021-11-25 22:39:50 作者:柒染
来源:亿速云 阅读:148

这篇文章给大家介绍如何进行Markdown简易分析,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

Markdown是一种可以使用普通文本编辑器编写的标记语言,通过类似HTML的标记语法,它可以使普通文本内容具有一定的格式。

Markdown的语法简洁明了、学习容易,而且功能比纯文本更强,因此有很多人用它写博客。世界上最流行的博客平台WordPress和大型CMS如Joomla、Drupal都能很好的支持Markdown。完全采用Markdown编辑器的博客平台有Ghost和Typecho。

贴上了一段百度知道上关于Markdown的介绍。这两天刚刚接触Markdown,发现为写博客省去了很多排版的时间,学习曲线和并不陡,很容易就能上手,而有一些网站如CSDN和简书也都支持直接在web中使用Markdown(遗憾的是51cto至今尚未支持)。下面介绍一下Markdown的基本用法,你会发现分分钟就能掌握“写完即排版”的技术了。

1. Markdown编辑器

Markdown的编辑器有很多种,一个比较全的编辑器列表请参考这里。读者可以从中选择自己认为比较顺手的一款,使用编辑器的好处是可以一边写一边查看对应的格式。Windows系统上推荐使用Markdown Pad,所谓的一边写一边查看对应格式的效果如图-1所示:

如何进行Markdown简易分析

图-1 Markdown Pad

2. 语法

有了编辑器,再学习Markdown的一些简单语法,写作 + 排版,so easy~ 下面列出一些非常常用的Markdown语法:

2.1 标题

Markdown中共分六级标题,分别对应HTML中的<h2></h2> ~ <h7><h7>:

#               一级标题
##              二级标题
###             三级标题
####            四级标题
#####           五级标题
######          六级标题
2.2 链接

使用如下方式声明一个链接:

[链接文字描述](链接URL "链接TITLE")

其中,"链接TITLE"为可选,用于在鼠标悬停在连接上时显示提示文字。生成后,对应的HTML代码为:

<a href="链接URL" title="链接TITLE">链接文字描述</a>
2.3 图片

使用如下方式声明一个图片:

![图片加载失败时的描述信息](图片URL)

不难看出,图片与链接的区别在于[]前面是否有!。生成后,对应的HTML代码为:

<img alt="图片加载失败时的描述信息" src="图片URL" />

这里的图片URL不能使用本地路径,需要Internet上的URL,可能需要使用一些图床工具,将本地图片上传后获取图片的URL,不多介绍。

2.4 分割线

三个*即可画出一条华丽的分割线,当然*后不要跟其他内容,直接换行即可:

我是分割线之上的内容

***

看什么看,我在下面
2.5 加粗和斜体
2.5.1 加粗

**包围的文字会加粗显示:

**谁能比我粗**

相当于

<b>谁能比我粗</b>
2.5.2 斜体

*包围的文字会斜体显示:

*谁能比我斜*

相当于

<em>谁能比我斜</em>
2.6 列表
2.6.1 有序列表

阿拉伯数字加半角的.可以创建有序列表,.和文字内容之间要有空格:

1. 首先,天了噜
2. 其次,哭瞎惹
3. 再次,萌萌哒
4. 最后,啪啪啪

这里要注意的一点是,无论以哪个阿拉伯数字开头,有序列表最终的展现形式都会从1.开始,无论之后以何种数字排序,展现形式都会按如下顺序 1. --> 2. --> 3.--> ...,因为其对应的HTML代码为

<ol>
    <li></li>
    <li></li>
    <li></li>
<ol>

即:

3. 首先,我想从3开始
5. 其次,我并不想按顺序编号
9. 最后,想怎么编就怎么编

# 最终展现方式:
1. 首先,我想从3开始
2. 其次,我并不想按顺序编号
3. 最后,想怎么编就怎么编

当然,这一点只做了解,我们只要按顺序排下来就好了。

2.6.2 无序列表

以中划线-开头,空格后输入文字内容即可构建无序列表:

- 莫道秋江离别难
- 两岸猿声啼不住
- 尔曹身与名俱灭
- 满城尽带黄金甲
2.7 代码

程序猿/媛、攻城狮/屎写东西时难免要引入一两段代码装一下,看一下这个B怎么装:

2.7.1 单行代码

用` `(该符号与波浪线~在同一个键位)包裹的部分会以单行代码的形式显示:

`print "Hello, World"`
2.7.2 代码块

使用连着的三个~包裹代码即可:

~~~

没见过中文代码?让你长长姿势

~~~

另外,也可以直接使用TAB键创建代码块,读者可以自己试验一下。

2.8 引用

最上面从百度知道上借来的内容即为引用,使用引用很简单,只需用到>即可:

> 这里是抄袭的内容
> 不好意思,喝多了,这明明是原创
2.9 表格

可以在Markdown中使用表格,但表格并不被Markdown标准语法支持,需要在编辑器中开启额外的解释模式才能识别,下面创建一个四行三列的表格:

|姓名|性别|职业|
|:---|:---:|---:|
|张三|男|猿人|
|李四|女|媛人|
|王五|不详|CEO|

其中,第一行指定表头,表头内容会加粗显示;第二行指定每一列的对其方式,:---为左对齐,:---:为居中,---:为右对齐,-的数量并不影响输出结果,读者可以自己尝试一下;其余各行为普通数据行,列与列之间以|分隔,最终显示效果:

如何进行Markdown简易分析

Markdown常用的格式基本上就这么多,相信读者通读本文再加上自己的实践后可以比较轻松的掌握。Markdown支持直接在编辑时直接使用HTML结合CSS,调整字号、颜色等属性,读者可以尝试一下下面这段文字会被解释成什么样式:

### <div >补充</div>

当然,对于非专业人员来说,Markdown默认的样式已经基本足够,过多的嵌套自己的样式也容易降低可读性。此外,Markdown的很多样式并非只有一种书写方式,比如2.2.7中提到的代码块就有两种书写方式,再比如无序列表不仅可以使用-,也可以使用*+,又比如链接可以分为行内形式和参考形式。

关于如何进行Markdown简易分析就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

推荐阅读:
  1. MarkDown 入门攻略
  2. markdown 入门

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

markdown

上一篇:如何理解select两级联动查询

下一篇:C#如何实现基于Socket套接字的网络通信封装

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》