MarkDown语法汇总及演示
通过一天的整理,把基本的MarkDown的格式梳理一遍,现在分享给大家.
其中文字为MarkDown的编写,图片为写好后的展示.
全文编辑展示请看:
MarkDown编辑展示
全文MarkDown展示效果请看:
MarkDown效果展示
1.
@[TOC](目录)
效果展示:
2.
# ==标题、区块代码:==
# 一级标签
A First Level Header
================
## 二级标签
A Second Level Header
---------------------
>一级标签与二级标签有两种形式.
>其中`(# 一级标签)形式的应用是:先输入#,按空格键后输入想要的内容即可`### Header 3
> This is a blockquote.
> 区块标签,先输入>在写入内容即可
> This is the second paragraph in the blockquote.
>
> ## This is an H2 in a blockquote
效果展示:
3.
# ==文字的强调:==
*斜体*
_斜体_
**加粗**
__加粗__
效果展示:
4.
# ==创建一个表格:==
| 第一列 | 第二列 | 第三列 |
|-----------| -------------:|:-------------|
| 第一列文本居中 | 第二列文本居右 | 第三列文本居左 |>表格的创建最主要的是第二行 : |-----|-----|-----|-----| ,该处代表4列.
:---------: 居中
:---------- 居左
----------: 居右
>想要内容居中还是左右,关键就是在创建表格时第二行在------的左右添加 : , 默认(不添加:的时候)表格是居中的.
效果展示:
5.
# ==列表:==
>对于使用有序与无序列表来说,写上*后面需要打一个空格,再输入想要写的内容.
>无需列表的三种方式. * , + , - ,都可以
>有序列表写对应的数字即可.**无序列表**
* 列1
* 列2
* 列3**加号**
+ 列1
+ 列2
+ 列3**减号**
- 列1
- 列2
- 列3**有序列表**
1. 列1
2. 列2
3. 列3
效果展示:
6.
# ==空行:==
>想要插入多个空行,MarkDown编辑器不添加任何东西时,只能添加一个空行.
>**两种方式:**
>1.`输入 \ 按Enter键后 在输入\ 继续按Enter键,在输入要写的内容,即可插入两个空行.`
>2.`与html相同,使用 <br> ,换行符的意思,添加后即换行.**例如**
滴水石穿,
\
\
非一日之功!锲而不舍<br><br>
朽木不折!
效果展示:
7.
# ==段首段中缩进:==
>1.段首可以使用` `,` `,` `来产生空格.
>*   : 一个全角空格
>*   : 一个全角空格的一半
>* : 一个半角空格
>
>2.段中可以将输入法改为全角(shift+空格)后,即可在文中添加空格.半角空格输入任意个,只起到一个空格的效果. 1+1 = 2;
 1+1
1+1
1 1(` `)
1 1(中间为半角空格)
1 1(` `)
1 1(中间为全角空格)
1 1(` `)
1+1 = 2(全为半角空格)
效果展示:
8.
# ==代码块:==
>三个方式:
>1. 输入四个空格,后输入内容
>2. 一个Tab键,后输入内容
>3. 三个反引号开始,内容写完后三个反引号作为结束.
**添加的什么代码就在每个开始的反引号后面填写好代码语言的名称即可.**<br>```java
public class one {
public static void main(String[] args) {
System.out.println("Helllo World!");
}
}
```>如果在文本中添加一段代码的话,可以用一个反引号开始,写入想要的代码,在输入一个反引号作为结束.
>`throw new IndexOutOfBoundsException(outOfBoundsMsg(index));`
效果展示:
9.
# ==添加链接:==
1. `[展示的名称](想要的链接)`
**示例:**
* [百度](http://www.baidu.com)
* [Google](http://www.baidu.com)
* [Clearlight的博客](https://blog.csdn.net/qq_36852780)2. `直接添加链接`
访问:<www.baidu.com>
www.weibo.com3. `给图片添加链接`
格式: `[添加的图片](网站域名)`
>*其中如何添加图片,请看<a href="#itm2" >插入图片</a> *
>了解如何插入图片后,将插入的图片剪切,复制到 [ ] 里面,后面紧跟( ),括号里面写点击图片想要跳转的网址.网址前>面需要加上`http://`+`域名`[![百度图标](https://s2.ax1x.com/2019/03/21/A3E2Nj.png)](http://www.baidu.com)
<br><br>
效果展示:
10.
# ==字体、字号与颜色:==
>直接参考文章:[微wx笑:CSDN-markdown编辑器语法——字体、字号与颜色](https://blog.csdn.net/testcs_dn/article/details/45719357/)
> [RGB颜色查询对照表](http://www.114la.com/other/rgb.htm)
>\
>**摘抄部分,方便本文阅读:**
>\
><font face="黑体">我是黑体字</font>
\
<font face="微软雅黑">我是微软雅黑</font>
\
<font face="STCAIYUN">我是华文彩云</font>
\
<font color=#0099ff size=7 face="黑体">color=#0099ff size=72 face="黑体"</font>
\
<font color=#00ffff size=72>color=#00ffff</font>
\
<font color=gray size=72>color=gray</font>
效果展示:
11.
# ==&:==
>博客中想要将特定的 打出来,用&ensp;即可在文章中显示出来.
>**格式为:&+想要的内容即可.**&nbsp; : 一个半角空格的长度
效果展示:
12.
# ==分割线:==
>三种方式 :
>********
>---------
>______
效果展示:
13.
# ==删除线:==
>格式:`~~添加删除线的内容~~`
>例 : ~~无效的信息~~
效果展示:
14.
<a id="itm2" target="_blank"></a>
# ==插入图片:==
>csdn支持直接上传图片.
>三种方式:
>* 快捷键: ctrl + shift + G
>* ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190321165458623.png)
>* 直接复制本地图片,然后在编辑处进行粘贴即可.(省去上传的步骤)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190321165753111.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODUyNzgw,size_16,color_FFFFFF,t_70)`图片URL可在网站中的图片右键复制图片地址,粘贴到上图的文本框中插入即可显示.`
**上传下面漫画图片的方式:(不会有CSDN自己的水印)
将图片上传到[路过图床](https://imgchr.com/ )后,复制图片URL链接,粘贴的插入图片的文本框中插入即可.**
![优美图片](https://img-blog.csdnimg.cn/2019032119562715.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODUyNzgw,size_16,color_FFFFFF,t_70)
**上传风景图片的方式是直接去网站中复制图片,后直接在文本框中粘贴而来.(相当于上传到CSDN服务器,故会有自己博客水印)**
![优美图片](https://img-blog.csdnimg.cn/20190321200645782.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2ODUyNzgw,size_16,color_FFFFFF,t_70)
**上传情侣图片方式是在网站中复制图片链接后通过csdn插入图片方式,与第一种相同(不会有水印,但是当图片在原网址图片删除的话,则该图片也会丢失,故将图片保存后上传到<a href="#itm3">==保险的图床==</a>后添加图床中图片的URL)**
![情侣图片](http://i1.umei.cc/uploads/tu/201903/9999/3f158684ea.jpg)>* <a id="itm3">图床意义</a>
就是专门用来存放图片,同时允许你把图片对外连接的网上空间,不少图床都是免费的。
>* 图床推荐编辑
商家在选择图床的时候,请慎重选择免费图床,毕竟众多免费图床网站注册条款里有禁止商用这一条,哪天关闭了图片外链或者商用,势必给用户带来很大的麻烦,很多免费图床总是好景不长,为什么呢?其实很简单,做相册站是要投入的,比如服务器、带宽、人员、技术投资、市场宣传等等!完全免费了,这些小站可能自己都难存活,所以总是不能长久使用!
><br>*摘自 [图床_百度百科](https://baike.baidu.com/item/%E5%9B%BE%E5%BA%8A/10721348?fr=aladdin)*>通过以上的示例显示复制图片后,直接粘贴在编辑的地方是最简单的方式.
`另外:上传本地图片不能大于5M,调整图片大小方法参考:`
[图片太大怎么办 如何对图片进行压缩处理](https://jingyan.baidu.com/article/5225f26ba33ee7e6fa090833.html)**注意:图片描述和图片提示的区别
图片描述是在图片无法加载的时候显示的;
图片提示是在鼠标移动到图片上的时候显示的;**
*注意内容摘自:[CSDN-markdown编辑器插入网上或本地电脑上的图片](https://blog.csdn.net/testcs_dn/article/details/44228327)*
效果展示:
15.
# ==添加锚点,跳到指定位置:==
**锚点是是网页制作中超级链接的一种,又叫命名锚记。**
>使用命名锚记可以在文档中设置标记,这些标记通常放在文档的特定主题处或顶部。然后可以创建到这些命名锚记的链接,
这些链接可快速将访问者带到指定位置。
创建到命名锚记的链接的过程分为两步。
1、创建命名锚记
2、创建 到该命名锚记的链接.
反正就是用于文章快速定位,点击目录便可直接跳转到指定位置的。<br>
>*锚点介绍摘自:[ hugh Lee : markdown中的锚点](https://blog.csdn.net/qq_33530388/article/details/59058061 )*>方法:
>1. 创建锚记:
<a href="#itm" >锚</a>
>2. 创建到该锚记的链接:
<a id="itm">锚点</a>
效果展示:
不亲自尝试一下,永远不能解除心中的疑虑 !
MarkDown语法汇总及演示相关推荐
- Markdown 语法汇总
Markdown语法汇总 前言 我们在平时写作的时候,可能你会倾向于使用 Markdown 这种富文本标记语言,因为它是纯文本格式,而且可以很方便的生成具有很强可读性的 html 文件.比如现在很多写 ...
- Markdown常用语法汇总
简介 Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式. Markdown具有一系列衍生版本,用于扩展Markdown的功能(如表格. ...
- Markdown语法简介
Markdown是一种方便记忆.书写的纯文本标记语言,用户可以使用这些标记符号以最小的输入代价生成极富表现力的文档.它目标是实现易读易写.Markdown的语法全由一些符号所组成.Markdown语法 ...
- 国产的markdown 语法的思维导图和大纲工具!
MarkMind 简介 MarkMind 是一款支持markdown语法的思维导图和大纲工具,主要特色就是在节点内部直接支持markdown语法. Markdown是一种纯文本格式的标记语言.通过简单 ...
- typora代码块语言linux命令,typora工具的使用以及MarkDown语法
typora工具 一.typora是什么 Typora 是一款支持实时预览的 Markdown 文本编辑器.它有 OS X.Windows.Linux 三个平台的版本,并且由于仍在测试中,是完全免费的 ...
- Typora MarkDown语法
Typora MarkDown语法 文章目录 1.快捷键 2.目录 3.标题 4.段落 5.引用 6.强调 7.辅助线 8.列表 9.超链接 10.图片 11.代码块 12.注脚 13.注释 14.分 ...
- 印象笔记(evernote)支持MarkDown语法
2018.12.26 重大更新 Windows 6.16.6 版本已经开始支持 Markdown 了,更新说明如下: Windows 6.16.6 版本发版说明 说明:印象笔记 6.16.6.475 ...
- Markdown语法快速入门(印象笔记)(从入门到精通,只有一步之遥)
前言: 在我们日常的学习中,特别是计算机相关作业的,平时会去写一些学习笔记和博客,而Markdown功能强大,使用Markdown编辑的文章,排版清晰漂亮,并且Markdown语法简单,上手容易. 本 ...
- Markdown(编辑器)工具与使用总结Markdown语法图文全面详解
对于markdown文档格式因网络文章.云笔记的兴起,及开源代码的文档应用,现已变更越来越来流行.markdown不止是HTML的简化版,更重要的是txt的升级版.word的轻量版.是笔记的最佳载体. ...
最新文章
- @AUTORELEASEPOOL
- struts2+jquery之form插件实现异步上传图片并显示
- python函数式编程思想_以python为例,浅谈函数式编程思想
- Docker镜像的基本操作
- 自己实现苹果安装app动画
- python读取串口数据保存到mysql数据库_Python3读取Excel数据存入MySQL的方法
- 几种纯css布局的导航栏
- 面试时说Redis是单线程的,被喷惨了!
- django学习随笔:ManagementUtility
- 报告:上周比特币基金流出9800万美元,ETH、ADA等投资需求上升
- 【Java数据结构】线索二叉树
- 聚焦大数据与智能时代:2016中国大数据应用大会将于7月举行
- ASP.NET中Session的sessionState 4种mode模式
- Apache Shiro框架
- 苹果电脑如何优化MAC系统内存?怎么清理系统垃圾?
- HTML制作简单的页面
- 兔子问题 php,PHP基于递归算法解决兔子生兔子问题php技巧
- c语言实验内容.doc答案,C语言程序设计实验内容与答案.doc
- html添加微信号,html代码点击复制微信号并自动打开微信添加好友
- 最新公布!“中国开发者大调查”第二批中奖名单出炉啦