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$次及以上的系数清零。 时间复杂度…
阅读更多...
焦头烂额

焦头烂额

好久没有蹭公司的饭了&#xff0c;今天堕落了一把&#xff0c;和师弟师妹们一起蹭饭&#xff0c;唉&#xff0c;事情有点多&#xff0c;不知道干哪个好&#xff0c;后天回家&#xff0c;感觉GF好像不大愿意&#xff0c;虽然表面没说。。。 转载于:https://www.cnblogs.com/leol…
阅读更多...
python亲密度_Python OpenCV 图像2D直方图，取经之旅第 25 天

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

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

Spring MVC，Thymeleaf，Spring Security应用程序中的CSRF保护

跨站点请求伪造&#xff08;CSRF&#xff09;是一种攻击&#xff0c;它迫使最终用户在当前已通过身份验证的Web应用程序上执行不需要的操作。 如果您使用Spring Security 3.2及更高版本&#xff0c;在Spring MVC / Thymeleaf应用程序中防止CSRF攻击相当容易。 怎么测试&#x…
阅读更多...
清除浮动的方式

清除浮动的方式

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…
阅读更多...
centos7 samba配置完成后不管怎么登陆都会显示密码错误的解决方案

centos7 samba配置完成后不管怎么登陆都会显示密码错误的解决方案

添加系统用户 useradd samba 添加samba用户 smbpasswd -a samba 激活samba用户 smbpasswd -e samba 1.winr运行secpol.msc打开本地安全策略 2.安全策略->本地策略->安全选项 3.右侧找到 网络安全:LAN管理器身份验证级别 打开 &#xff0c;选择 仅发送NTLMv2响应&#xf…
阅读更多...
rabbitmq简单运用

rabbitmq简单运用

<?php /*** 生产者*/$connection new AMQPConnection([host > 192.168.23.130,port > 5672,login > rabuser,password > 123456 ]);$connection->connect() or die(连接失败);try{$exchange_name trades;$route_key /trade;//投递消息到中间件$channel …
阅读更多...
JPDL3.1规范手册

JPDL3.1规范手册

JPDL3.1规范手册jBPM业务程序定义语言&#xff08;jBPM Process Definition Language (JPDL)&#xff09;Blog: http://blog.csdn.net/shendl/2006-10-13前言&#xff1a;这是jBPM3.1指南第16章的翻译。但不仅仅是简单的翻译而已。其中加入了我对jBPM的JPDL规范和技术的理解。我…
阅读更多...
py函数两个返回值_Python 函数为什么会默认返回 None？

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

Python 有一项默认的做法&#xff0c;很多编程语言都没有——它的所有函数都会有一个返回值&#xff0c;不管你有没有写 return 语句。本文出自“Python为什么”系列&#xff0c;在正式开始之前&#xff0c;我们就用之前讨论过的 pass语句和 …对象 作为例子&#xff0c;看看 P…
阅读更多...
Apache CXF 3.0：JAX-RS 2.0和Bean验证1.1最终一起

Apache CXF 3.0：JAX-RS 2.0和Bean验证1.1最终一起

即将发布的出色的Apache CXF框架3.0版 &#xff08;当前处于里程碑2阶段&#xff09;带来了许多有趣且有用的功能&#xff0c;越来越接近提供完整的JAX-RS 2.0支持。 Bean Validation 1.1的支持是我们中许多人期盼已久的功能之一&#xff1a;简单而简洁的模型可为您的REST服务层…
阅读更多...
windows.onload和body的onload属性的区别

windows.onload和body的onload属性的区别

关于windows.onload和body的onload属性的区别网上有些说法说的也不太统一,现在系统说下: 先看共同点: 都是body内容体加载结束执行&#xff1b; window.onload 内部方式可以 推荐的 body onload属性&#xff1a; 内联或者内嵌方式可以&#xff0c; 内部也可以 首先,这两个onlo…
阅读更多...
行高 line-height

行高 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…
阅读更多...
Lambda表达式和流API：基本示例

Lambda表达式和流API：基本示例

该博客文章包含基本Lambda表达式和Stream API示例的列表&#xff0c;我在2014年6月在Java用户组– Politechnica Gedanensis &#xff08;格但斯克技术大学&#xff09;和Goyello的实时编码演示中使用了这些示例。 Lambda表达式 句法 最常见的示例&#xff1a; Runnable runn…
阅读更多...
示波器1m和50欧姆示阻抗匹配_阻抗匹配，示波器，50欧姆电阻，他们之间是什么关系？（第一回）...

示波器1m和50欧姆示阻抗匹配_阻抗匹配，示波器，50欧姆电阻，他们之间是什么关系？（第一回）...

首先思考这样一个问题&#xff0c;下面这个测量实验中&#xff0c;示波器的测量结果是多少&#xff1f;是和信号源一样的5V吗&#xff1f;先别着急回答&#xff0c;假如里面的信号源和示波器不是理想型 &#xff0c;而是和现实中一样带有内部阻抗的元件&#xff0c;见下图&…
阅读更多...
Ajax jquery的库的简化版本

Ajax jquery的库的简化版本

Ajax jquery的库的简化版本 (function(){ //面向外界的唯一变量接口&#xff01; var myajax window.myajax {}; //作者、版本号等等信息 myajax.author "考拉"; myajax.version "1.0.0"; //这个对象有两个属性&#xff0c;get、pos…
阅读更多...
10月23日java web培训日记

10月23日java web培训日记

分析了客户端身份认证的例子程序&#xff0c;讲解到Digest认证时&#xff0c;顺便提了一下SSLServerSocket&#xff0c;要求学员们能够通过SSLServerSocket的创建过程阐述工厂模式 为了更好地读懂AuthenticateServlet这个Servlet&#xff0c;要先明白两次请求的处理代码都放在了…
阅读更多...
全局参数使用

全局参数使用

1. $_SERVER[HTTP_ACCEPT] 返回来自当前请求的请求头。 场景&#xff0c;校验提交的数据前&#xff0c;看是不是 post请求 if ($_SERVER["REQUEST_METHOD"] "POST") { echo "请求方式是post" } 转载于:https://www.cnblogs.com/kaibindirver/p/…
阅读更多...
XPath语法规则及实例

XPath语法规则及实例

XPath语法规则及实例 XPath语法规则一、XPath术语&#xff1a; 1.节点&#xff1a;在XPath中&#xff0c;有七种类型的节点&#xff1a;元素、属性、文本、命名空间、处理指令、注释以及文档&#xff08;根&#xff09;节点。 XML文档是被作为节点树来对待的。树的根被称为文档…
阅读更多...
Spring测试上下文缓存+ AspectJ @Transactional + Ehcache的痛苦

Spring测试上下文缓存+ AspectJ @Transactional + Ehcache的痛苦

您在使用AspectJ Transactionals和Spring吗&#xff1f; 您是否有多个SessionFactory&#xff0c;也许一个用于嵌入式数据库进行单元测试&#xff0c;一个用于实际数据库进行集成测试&#xff1f; 您是否遇到这些例外之一&#xff1f; org.springframework.transaction.Cannot…
阅读更多...
最新文章

Copyright @ 2022~2023