Markdown的使用笔记

Markdown的使用笔记

Markdown在我看是一种使用几种标记符号就可以完成清晰排版的一种标记语言,是写笔记文章的一大利器,使用简单、方便,上手快,而且可以很好的兼容html,即html中的标签在markdown中也同样试用。这边文章主要是介绍了使用Markdown时的一些常用标记,便于新手学习、使用。也为自己以后忘记了做一个提醒。想要看完整版的Markdown语法可以查看markdown中文版语法。

目录

  • 1.标题
  • 2.链接
  • 3.图片
  • 4.表格
  • 5.列表
  • 6.换行
  • 7.代码
  • 8.链接
  • 9.引用
  • 10.附加内容
  • 10.2.页面跳转
  • 10.2.markdown中特殊符号

1.标题

1.1使用'#'进行标题分级

在Markdown中使用#作为标签的级数,符号‘#’的个数表示标题的级数,总共有六级。

试用示例

#1
##2
###3
####4
#####5
######6

示例结果

1

2

3

4

5
6

1.2使用'='和'-'进行标题分级

在Markdown中使用'='和'-'作为标记标题的符号。
'=':表示一级标题
'-':表示二级标题

试用示例

标题一
======
标题二
------

示例结果

标题一

标题二

2.链接

链接的使用格式如下:

[链接标题](链接地址)

试用示例

[百度](www.baidu.com)

试用结果

百度

注意事项

此处的'()'必须是英文的'()'.

3.图片

Markdown 使用一种和链接很相似的语法来标记图片,有两种形式:行内式和参考式。

3.1行内式

行内式的使用格式如下:

格式1:![图片替代文字](图片地址)
格式2:![图片替代文字](图片地址 "图片标题")

注:图片替代文字相当于html中标签的alt属性,图片地址相当于src属性,"图片标题"相当于title属性。

试用示例

![111](https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=1593486624,3032607273&fm=58&bpow=540&bpoh=540)![111](https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=1593486624,3032607273&fm=58&bpow=540&bpoh=540 "图片1")

试用结果

111

111

3.2参考式

参考式的使用格式如下:

![Alt text][id]
id格式1:[id]:图片地址
id格式2:[id]:图片地址 "图片标题"

试用示例

![111][#picex1]
[#picex1]:https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=1593486624,3032607273&fm=58&bpow=540&bpoh=540
![222][#picex2]
[#picex2]:https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=1593486624,3032607273&fm=58&bpow=540&bpoh=540 "图片2"

试用结果

[111][#picex1]
[#picex1]:https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=1593486624,3032607273&fm=58&bpow=540&bpoh=540
[222][#picex2]
[#picex2]:https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=1593486624,3032607273&fm=58&bpow=540&bpoh=540 "图片2"

4.表格

markdown中使用 | 分割不同的单元格,使用-来分割表头和其他行,为了美观,可以使用空格对齐不同行的单元格,并在左右两侧都使用|来标记单元格边界。
在表头下方的分割线标记中加入 : ,即可标记下方单元格内容的对齐方式,: 的位置表示不同的对齐方式,具体如下:

 :---代表左对齐(:在最左边)    :---:代表居中对齐(:在两端)  ---:代表右对齐(:在最右端)

注:此处的:为英文的:。

试用示例

书写形式一:

|序号 |姓名 |班级 |
|:----|:---|:---|
|001 |张三|一班 |

书写形式二:
序号 |姓名 |班级
:----|:---|:---
001 |张三|一班

试用结果

序号姓名班级
001张三一班
序号姓名班级
001张三一班

注:

  1. 在MarkdownPad2中可能无法直接支持表格,需要在Markdown中按照如下方式进行设置:
    工具(Tools) 》选项(Options) 》 Markdown 》Markdown处理器(Markdown Proccessor) 改为 “Markdown(扩展(Extra))”即可。
    具体可见:MarkdownPad2 表格并不显示的问题。
  2. 此时要想实现该小节的试用示例形式,直接使用Markdown中的空4格或者一个制表符(tab)是不行的,需要在这段文字前后加上<code><pre>和</code></pre>

5.列表

Markdown中有两种列表的形式:无序列表和有序列表

5.1无序列表

Markdown中无序列表使用星号(*)、加号(+)或是减号(-)作为列表标记,列表标记与列表内容之间间隔一个空格。

试用示例

形式一: * 列表1
* 列表2
* 列表3形式二:  - 列表4
- 列表5
- 列表6形式三:  + 列表7
+ 列表8
+ 列表9

试用结果

形式一:

  • 列表1
  • 列表2
  • 列表3

形式二:

  • 列表4
  • 列表5
  • 列表6

形式三:

  • 列表7
  • 列表8
  • 列表9

5.2有序列表

Markdown中有序列表标记使用数字接着一个英文句点(.),同样列表标记和列表内容之间应该间隔一个空格。

试用示例1

1. 列表1
2. 列表2
3. 列表3

试用结果1

  1. 列表1
  2. 列表2
  3. 列表3

注意:列表标记上使用的数字并不会影响输出列表的序号,但是建议第一个项目最好还是从 1. 开始,因为 Markdown 未来可能会支持有序列表的 start 属性。

试用示例2

1. 列表1
4. 列表2
6. 列表3

试用结果3

  1. 列表1
  2. 列表2
  3. 列表3

6.换行

在写文章的过程中换行是很常见的一种情况,但是在markdown中正文与正文直接直接换行,是无法起到换行的作用的,常见的换行方法有三种。

6.1在行末加两个空格

在行末加入两个空格相当于在行末插入标签<br>

试用示例

试用结果

6.2在段前空一行

试用示例

这是第一段这是第二段这是第三段

试用结果

这是第一段

这是第二段

这是第三段

注:在段落末尾加两个空格相当于在文末插入<br>,空行相当于将文字包括早标签<p>和</p>中。

7.代码

markdown中对代码的标记可以分为对行内代码的标记和区块代码的标记。

7.1行内代码

对于行内代码可以使用一对反引号(`)将行内代码包起来,使用行内代码的使用。(反引号可以在英文模式下,直接按键盘的左上角数字1旁边的一个键实现)

试用示例

这是行内代码`printf("hello world!")`。

试用结果

这是行内代码printf("hello world!")

若代码中包括反引号(`),可以使用多个反引号开启和结束代码区段。

试用示例

这是行内代码``printf(hello world!`)``。

试用结果

这是行内代码printf(`hello world!`)

若想在代码区块的一开始就插入一个反引号,可以在开始和结束前插入空格实现该效果。

试用示例

这是行内代码`` `printf(hello world!`) ``。
这是行内代码`` `printf(hello world!`)``。
这是行内代码`` `printf(hello world!`)```。
这是行内代码`` `printf(hello world!`)` ``。

试用结果

这是行内代码`printf(hello world!`)

这是行内代码`printf(hello world!`)

这是行内代码`` printf(hello world!)```。

这是行内代码`printf(hello world!`)`

7.2代码区块

Markdown 中要实现代码区块很简单,只要简单地缩进 4 个空格或是 1 个制表符就可以。

试用示例

这是一个普通段落:这是一个代码区块。

试用结果

这是一个普通段落:

这是一个代码区块。

8.链接

(1)文字加粗:markdown中在要加粗的文字首尾分别加上两个**实现文字的加粗。
(2)文字斜体:markdown中在要加粗的文字首尾分别加上一个*实现文字的加粗。
(3)字体设置:使用标签设置文本文字的字体、大小和颜色。

试用示例

**我是加粗字体**  
*我是斜体*  
<font face="黑体">我是黑体字</font>  
<font face="微软雅黑">我是微软雅黑</font>  
<font face="STCAIYUN">我是华文彩云</font>  
<font color=red>我是红色</font>  
<font color=#008000>我是绿色</font>  
<font color=Blue>我是蓝色</font>  
<font size=5>我是尺寸</font>  
<font face="黑体" color=green size=5>我是黑体,绿色,尺寸为5</font>

试用结果

我是加粗字体
我是斜体
我是黑体字
我是微软雅黑
我是华文彩云
我是红色
我是绿色
我是蓝色
我是尺寸
我是黑体,绿色,尺寸为5

9.链接

Markdown使用引用可能只需要在引用的内容前加上>就可以。

试用示例

>这是引用的内容

试用结果

这是引用的内容

10.附加内容

10.1页面跳转

很多时候我们在写文章特别是内容较长的文章的时候希望,前面会有一个导航目录,点击相应的目录时能够跳转到相应的位置。我在写这篇文章的时候就想用到这个功能,于是就在网上查了一些资料。

1.Markdown实现

试用示例

步骤1:生产目录

* [1.语法示例](#title1)
* [1.1图片](#title1.1)
* [1.2换行](#title1.2)

步骤2:在正文中,将章节标题的id对应上去

<h2 id="1">1.语法示例</h2>
这是id为1跳转位置
<h3 id="1.1">1.1图片</h3>
这是id为1.1跳转位置

试用结果

  • 1.语法示例
  • 1.1图片
  • 1.2换行

1.语法示例

这是id为1跳转位置

1.1图片

这是id为1.1跳转位置

1.2换行

这是id为1.2跳转位置
注:某些编辑器可能并不适用,比如简书,但是在博客园是适用的。

2.html标签的实现

1.定义一个锚(id):<span id="jump">跳转到的地方</span>
2.使用markdown语法:[点击跳转](#jump)

10.2Markdown中的特殊符号

由于前面已经说过Markdown可以和html语言很好的兼容,所以html中特殊符号的使用在Markdown中也同样适用。
%E7%89%B9%E6%AE%8A%E7%AC%A6%E5%8F%B7%E7%BC%96%E7%A0%81.jpg

参考资料

[1]Markdown中如何添加特殊符号.https://blog.csdn.net/Logicr/article/details/82414854.
[2]Markdown介绍及使用教程.https://www.jianshu.com/p/7771794c88a1.
[3]Markdown进阶(更改字体、颜色、大小,设置文字背景色,调整图片大小设置居中)
[4]Markdown中文版语法说明.https://www.appinn.com/markdown/

持续更新中……

转载于:https://www.cnblogs.com/shely-Wangfan/p/10296276.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/364187.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

多项式孤儿桶

巨佬制作人们大家好&#xff0c;我是练习多项式两周半的个人练习生lgl。这里总结一下多项式基本操作。 1.多项式加、减、输出 不说了。 时间复杂度$O(n)$。 2.多项式取模 已知多项式$F(x)$&#xff0c;求它对$x^n$取模。 人话&#xff1a;把$n$次及以上的系数清零。 时间复杂度…

python亲密度_Python OpenCV 图像2D直方图,取经之旅第 25 天

Python OpenCV 365 天学习计划&#xff0c;与橡皮擦一起进入图像领域吧。基础知识铺垫在之前的博客中&#xff0c;我们获取图像直方图的方式都是获取一维直方图&#xff0c;简单说就是只获取一个通道的特征&#xff0c;例如灰度&#xff0c;B 通道&#xff0c;R 通道。今天要学…

清除浮动的方式

1、父级div定义伪类&#xff1a;after和zoom <style type"text/css"> .div1{background:#000080;border:1px solid red;}.div2{background:#800080;border:1px solid red;height:100px;margin-top:10px}.left{float:left;width:20%;height:200px;background:#D…

py函数两个返回值_Python 函数为什么会默认返回 None?

Python 有一项默认的做法&#xff0c;很多编程语言都没有——它的所有函数都会有一个返回值&#xff0c;不管你有没有写 return 语句。本文出自“Python为什么”系列&#xff0c;在正式开始之前&#xff0c;我们就用之前讨论过的 pass语句和 …对象 作为例子&#xff0c;看看 P…

行高 line-height

一、行高的定义line-height(行高)&#xff1a;两行文字基线之间的距离1、什么是基线&#xff1f;2、为何是基线&#xff1f;3、需要两行吗&#xff1f;1、什么是基线&#xff1f;我们上学的时候都用过&#xff0c;抄写英文字母的时候。其中有一条红线&#xff0c;这个红线就是基…

实验七报告

一、实验结论 part1&#xff1a;验证性实验 1.验证性实验2 如果事先不知道学生人数&#xff0c;尝试对line29做如下修改后&#xff0c;程序运行结果是否正确&#xff1f;回答问题&#xff0c;并给出运行结果截图。 运行结果正确// 将file1.txt中小写字母转换成大写后&#xff…

XPath语法规则及实例

XPath语法规则及实例 XPath语法规则一、XPath术语&#xff1a; 1.节点&#xff1a;在XPath中&#xff0c;有七种类型的节点&#xff1a;元素、属性、文本、命名空间、处理指令、注释以及文档&#xff08;根&#xff09;节点。 XML文档是被作为节点树来对待的。树的根被称为文档…

WorkPlus超级APP助力企业节省IT人力成本,实现快速移动化

在信息化时代&#xff0c;移动应用已经成为企业发展的重要组成部分。然而&#xff0c;开发和维护原生客户端的成本却相对较高&#xff0c;需要大量的iOS、安卓和桌面端工程师。为了解决这一问题&#xff0c;WorkPlus作为一个功能完备的超级APP&#xff0c;为企业节约了大量的IT…

addEventListener的click和onclick的区别

前两节都和addEventListener的click有关&#xff0c;于是在想它与onclick有什么区别呢&#xff0c;自己调试了一下&#xff0c;网上也有相关资料 事件绑定 onclick绑定方式 优点&#xff1a; - 简洁 - 处理事件的this关键字指向当前元素 缺点&#xff1a; - 不能对事件捕获或…

ApiCloud利用NVTabBar模块快速搭建起APP的框架

废话不说&#xff0c;直接上代码 模块地址&#xff1a;https://docs.apicloud.com/Client-API/Nav-Menu/NVTabBar 代码实例&#xff1a; <!doctype html> <html><head><meta charset"utf-8"><meta name"viewport" content"…

Java 8中新的并行API:Glitz和Glamour的背后

我是一个出色的多任务处理者。 即使我在写这篇文章&#xff0c;我仍然可以为昨天在一个大家都对我陌生的聚会上发表的言论感到尴尬。 好消息是&#xff0c;我并不孤单– Java 8在多任务处理方面也相当出色。 让我们看看如何。 Java 8中引入的关键新功能之一是并行数组操作。 这…

ASP.NET 中执行 URL 重写

作者&#xff1a;overred 来源&#xff1a;原创URL 重写就是把URL地址重新改写&#xff08;汗^_^&#xff09;。详情&#xff1a;http://www.microsoft.com/china/msdn/library/webservices/asp.net/URLRewriting.mspx优点&#xff1a;把url缩短等用法&#xff1a;1.下载ms的…

nine

nine Scarpy爬虫框架https://www.cnblogs.com/kermitjam/articles/10147261.html?tdsourcetags_pctim_aiomsg 高并发的爬虫框架 Runspider只能执行某个 爬虫程序.py文件 将项目根目录导入 Xpath语法 获取内容&#xff08;‘./text()’) 发送请求 ---> 获取响应数据 --->…

使用ActiveMQ –具有故障转移协议的“主/从”配置

介绍 ActiveMQ代理往往是企业中消息传递基础结构的核心部分。 此消息传递基础结构的高度可用性和可伸缩性至关重要。 请阅读此链接 &#xff0c;以了解有关创建经纪人网络以支持各种用例的更多信息。 ActiveMQ的流行用例之一是带有共享数据库的主/从配置。 使用此配置时&#x…

页面那些位置是投放广告的最佳位置

通常好的广告位置并非页面最上方的通栏广告&#xff0c;而是页面第一屏导航条下面中央和左侧的位置&#xff0c;此处放置广告会取得较好的效果。除此之外&#xff0c;页面中屏主要内容附件的位置为左侧和下侧较好&#xff0c;用户会第一时间注意到并关注这些广告。 转载于:http…

如何在Java中将字节数组转换为InputStream和OutputStream

您是否坚持使用编码&#xff0c;因为您有字节数组&#xff0c;并且链中的下一个方法需要InputStream&#xff1f; 不用担心Java有解决方案&#xff0c;您可以使用 ByteArrayInputStream 在Java中将字节数组转换为InputStream 。 此类使用字节数组作为源&#xff0c;并且由于它…

mysql 笔记打包下载_mysql 5.7压缩包安装笔记

重装系统之后准备安装mysql,看到官网上有mysql 5.7.10可以下载就点了,然后就开始了漫长的安装路程,总共折腾差不多一个多小时,最后终于安装成功了,这里把安装过程写下来,给自己做个笔记,也给后来人一个安装提示.1.下载安装包直接点击或者复制之后就可以下载了,不嫌麻烦或者想体…

Java 8 LongAdders:管理并发计数器的正确方法

我只是喜欢新玩具&#xff0c;而Java 8有很多 。 这次我想谈谈我的最爱之一-并发加法器。 这是一组用于管理由多个线程编写和读取的计数器的新类。 新的API有望显着提高性能&#xff0c;同时仍然使事情变得简单明了。 自从多核架构问世以来人们一直在管理并发计数器&#xff0…

JS中ptototype和__proto__的关系

学到原型的时候感觉头都大了/(ㄒoㄒ)/~~ 尤其是ptototype和__proto__ 傻傻分不清 通过多番查找资料&#xff0c;根据自己的理解&#xff0c;总结如下&#xff1a; 一、构造函数&#xff1a; 构造函数&#xff1a;通过new关键字可以用来创建特定类型的对象的函数。比如像Obje…

[最短路]飞行

题目描述 WFYZ的校园很大&#xff0c;这里生活着很多生物&#xff0c;比如住在钟楼上的的鸽子&#xff0c;其中鸽子冉冉和她的妹妹凝凝白天在不同的地方吃虫&#xff0c;而在晚上她们都回到钟楼休息。她俩是两只懒鸟&#xff0c;于是提出了一个计划&#xff0c;尽量减少她们在飞…