将markdown标记换成html标签,Markdown常用标记
目录
[TOC]
超级好用的Markdown
Markdown是一种标记语言,超级好用超级给力,让我们不用过于关心所编写的文档的格式,用简单的标记语言就能写出漂亮的文档。比如:
漂亮的代码块
Markdown不需要像其他编程语言一样安装什么环境,不需要像Html那样写标签
,简直方便的不得了。我们可以用随意的文档编辑器编写Markdown文档,完成后,还能迅速的将Markdown文档转化为PPT,Word文档,甚至粘贴到博客上面。Markdown用来写blog很好,很多博客网站都支持Markdown。
虽然说能用文本编辑器编写,但是初学者使用工具学习更为直观哦,写的同时就能看到效果,我使用Cmd Markdown 写的,推荐一下,挺不错的。在网上搜索"markdown 编辑器",能搜到很多,选一款自己喜欢的吧。
下面我会告诉大家一些常用的,更详细的请看Cmd Markdown。
阅读指南
下面的每个例子一般都分为三个部分,效果展示、说明部分、标记部分。
效果展示展示markdown生成在页面上的效果;
说明部分会说明易忽略的标记部分,对标记进行说明,如果标记十分简单,也许不会有这一部分;
标记部分会展示前面效果展示的markdown标记的写法,如果有特殊的地方我会标注上,比如空格和Tab,这两个标记是缩进用的,但是在文本上不明显。下面我会特殊说明,
'空格'表示一个空格
'Tab'表示按一次Tab建
效果展示
列表
子列表
说明部分
列表可以用符号 *,+,- 生成;符号后面要加上空格哦
标记部分
标记:
-'空格'列表
'Tab'-'空格'子列表
(上面很不直观,下面的很直观,有空格和Tab的地方我会做说明)
- 列表
- 子列表
字体与效果
(简书不支持嵌入html)
粗字体 和 斜体 和 添加标签
添加标签粗体
添加标签斜体
我要删除之前写过的错误信息:我写错啦,删掉删掉
我是原谅绿,我是和Html标签一起使用的
我是加粗原谅绿
我是斜斜的原谅绿
标签内添加Html是没有效果的哦
标记:
**粗字体** 和 *斜体* 和 `添加标签`
**`添加标签粗体`**
*`添加标签斜体`*
我要删除之前写过的错误信息:~~我写错啦,删掉删掉~~
我是原谅绿,我是和Html标签一起使用的
**我是加粗原谅绿**
*我是斜斜的原谅绿*
`标签内添加Html是没有效果的哦`
标题
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
共有6个级别的标题
标记:
#一级标题
##二级标题
###三级标题
####四级标题
#####五级标题
######六级标题
文字引用
鲁迅说过,吃饭拌肉汁,吃嘛嘛香
拿破仑说过,不喜欢吃麻辣烫的士兵不是好士兵
标记:
>鲁迅说过,吃饭拌肉汁,吃嘛嘛香
>拿破仑说过,不喜欢吃麻辣烫的士兵不是好士兵
段落首行缩进
首行缩进这个有必要说一说,markdown主要面向英文文档,所以没有特殊的'首行缩进'语法。在文本编辑器里面我们一般用一个Tab键,再不济就用空格,我们来看一下Tab和空格在markdown中的效果。
Tab键的效果:
这是Tab键产生的效果;不要怀疑,我确实加了一个Tab键,但是他喵的怎么看不到效果呢。还有,请勿乱用2个Tab键,2个Tab键绝不会出现缩进的效果,下面会说到2个Tab键是代码块。就像下面这样:
如果你离上一行之间有一行空行,那么2个Tab键就是一块代码块。不要怀疑,这就是一块代码块,这块代码块的背景是有淡淡的灰色的,如果你看不到,那可能是你显示器太亮了,代码块里面``(也就是我们添加标签的效果,也不会生效的)
空格键的效果:
这是空格键的效果;好像也没有效果
上面的两种方法都没有效果,现在告诉大家一个方法。很简单,加上就好(简书不支持,很多blog都不支持)
真正的首行缩进
这是真的首行缩进哦。
标记:
这是真的首行缩进哦。
链接
1、链接到网站
如果想要调用链接外链接:百度,格式是[显示内容](链接地址)
标记:
如果想要调用链接[外链接:百度](http://www.baidu.com)
2、展示图片
图片
展示图片的标记格式也和链接到网站的标记格式差不多![图片描述](图片地址)
标记:
![图片](http://upload-images.jianshu.io/upload_images/8072107-d3804a97697b64df.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
列表
1、无序的列表
-生成的列表
子列表1(前面有一个Tab)
我(前面有一个Tab)
很(前面有两个Tab)
好(前面有三个Tab)
看(前面有四个Tab)
不好看
子列表2
*生成的列表1
*生成的列表2
+生成的列表1
+生成的列表2
-、*、+可以生成列表的符号,-、*、+后要加上空格才会生效,子列表前面要加上Tab键,生成子列表的关键就是加上Tab
标记:
- -生成的列表
- 子列表1(前面有一个Tab)
- 我(前面有一个Tab)
- 很(前面有两个Tab)
- 好(前面有三个Tab)
- 看(前面有四个Tab)
- 不好看
- 子列表2
* *生成的列表1
* *生成的列表2
+ +生成的列表1
+ +生成的列表2
2、有序的列表
有序列表一(文字前面有空格哦)
(1).我是子列表,但是我没有层级效果
有序列表二
有序列表三
数字加上.再加上空格,就变成了有序的列表。
标记:
1. 有序列表一(文字前面有空格哦)
(1).我是子列表,但是我没有层级效果
2. 有序列表二
3. 有序列表三
3、有序有层级列表
1.有序列表一
1.1 我是子列表,我有层级效果
1.2
2.有序列表二
3.有序列表三
哈哈,这是我自己想出来的,无序列表上加上数字;如果真的是要数字区分就可以这么做。
标记:
- 1.有序列表一
- 1.1 我是子列表,我有层级效果
- 1.2
- 2.有序列表二
- 3.有序列表三
表格
星期
1
2
3
4
5
6
7
早餐
香蕉牛奶燕麦粥
皮蛋瘦肉粥
蜂蜜小蛋糕
灌汤包
南瓜饼
肉末蛋羹
豆浆油条
中餐
爆炒鸡肝
笋干炒肉
箩卜炒肉
剁椒鱼头
葱油蛏子
风味蹄筋
珍珠丸子
晚餐
牛肉砂锅
虾皮炒海带
牛肉炒西芹
芝麻豆腐
香菇炒肉
土豆丝饼
叉烧肉
标记:
|星期|1|2|3|4|5|6|7|
|---|---|---|---|---|---|---|---|
|早餐|香蕉牛奶燕麦粥|皮蛋瘦肉粥|蜂蜜小蛋糕|灌汤包|南瓜饼|肉末蛋羹|豆浆油条|
|中餐|爆炒鸡肝|笋干炒肉|箩卜炒肉|剁椒鱼头|葱油蛏子|风味蹄筋|珍珠丸子|
|晚餐|牛肉砂锅|虾皮炒海带|牛肉炒西芹|芝麻豆腐|香菇炒肉|土豆丝饼|叉烧肉|
生成目录
1、自动生成目录
(简书不支持)
[TOC]
标记:
[TOC]
代码块
代码块可能由于网站的支持不同,会有不同的效果,但是代码块有三种书写的方式
1、Tab代码块
1、这是代码块,2个tab,这种代码块是没有行数的
4、看!
8、果然没有行数
虽然看不到,但是前面是2个'Tab'
标记:
'Tab''Tab'1、这是代码块,2个tab,这种代码块是没有行数的
'Tab''Tab'4、看!
'Tab''Tab'8、果然没有行数
没有'Tab'的:
1、这是代码块,2个tab,这种代码块是没有行数的
4、看!
8、果然没有行数
2、加强代码块
加强的非特定语言的代码块
标记:(直接写出标记语言会变为代码块,我在前面加上了"/"):
/```
加强的非特定语言的代码块
/```
3、特定的代码块
特定的的代码块也可能由于网站的支持不同,会有不同的效果,也就是加上代码块的名字如````java`
public static void main(String[] args){
System.out.println("这是java语言代码块");
}
标记(直接写出标记语言会变为代码块,我在前面加上了空格):
/ ```java
public static void main(String[] args){
System.out.println("这是java语言代码块");
}
/```
如```flow,这是流程图的代码块,直接生成流程图(简书不支持生成流程图)
st=>start: Start:>https://www.zybuluo.com
io=>inputoutput: verification
op=>operation: Your Operation
cond=>condition: Yes or No?
sub=>subroutine: Your Subroutine
e=>end
st->io->op->cond
cond(yes)->e
cond(no)->sub->io
更多语法参考:流程图语法参考
标记(直接写出标记语言会变为代码块,我在前面加上了空格):
```flow
st=>start: Start:>https://www.zybuluo.com
io=>inputoutput: verification
op=>operation: Your Operation
cond=>condition: Yes or No?
sub=>subroutine: Your Subroutine
e=>end
st->io->op->cond
cond(yes)->e
cond(no)->sub->io
特定的代码块能生成很多图形如`序列图`、`甘特图`等等,请看[Cmd Markdown](https://www.zybuluo.com/mdeditor?url=https://www.zybuluo.com/static/editor/md-help.markdown#7-流程图)
[initLink]:http://www.163.com
将markdown标记换成html标签,Markdown常用标记相关推荐
- js回车换成br标签(<br/>)
js回车换成br标签(<br/>) 在 HTML 中显示换行或者回车,经常遇到 \n 标识符并不能换行,而是以空格代替,因此在这种情况下就需要将字符串中的 回车标识换成 HTML中能够换行 ...
- html必有标记,前段必备Html标签H5有标记-.docx
前段必备Html标签H5有标记- 功能分类标签基础类标签声明必须是 HTML 文档的第一行ALL没有结束标签指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令始终向 HTML 文档添加 ...
- a pycharm 标记多个_轻松学透Markdown的终极教程 #3:Markdown标准标记语法(全)
轻松学透Markdown的终极教程 #3: Markdown标准标记语法(全) 掌握并熟记一些常用的Markdown的标记语法,简单.有趣.实用 其实如果大家选择了一款Markdown编辑器上手的话, ...
- jdk10 换成jdk8_JDK 10的摘要Javadoc标签
jdk10 换成jdk8 JDK 10通过发行JDK-8173425 引入了Javadoc标签{@summary} (" Javadoc需要一个新标签来指定摘要."). 这个新标签 ...
- 将py文件转换成html,(2条消息)自制 Python小工具 将markdown文件转换成Html文件
今天看到了一个Python库,名为markdown.瞬间就给了我一个灵感,那就是制作一个将markdown文件转换成html文件的小工具. 我的实验环境操作系统: Windows 7 64位 旗舰版 ...
- mac如何把html转成word,Mac ---- markdown 转 html\word\pdf
在Mac上,有一个软件,叫iA writer,是一个文字编辑器,可以进行md到word的转换,但它是收费的,RMB68元. 如果只是临时用一下,不想购买,你可以使用pandoc. 在mac下,使用方法 ...
- typora+pandoc:markdown文本转换成word(也可把word转换成markdown哦)
因为想把自己写的博客转换成word,博客是markdown格式,公式什么的又懒得在word里面敲第二遍.于是就找了个方法让.md文本与.doc文本转换.反之也可把word转换成markdown哦.教程 ...
- 将Markdown文件转换成PDF文件
本人酷爱使用Markdown来编写技术文档,但在实际工作中, 往往需要把Markdown文件转换成PDF.尝试使用了非常多个工具,经过实践检验还是Visual Studio Code(下文简称vs ...
- 放弃使用 15 年的 macOS,我决定换成 Linux!
作者 | MARKO SARIC 译者 | 弯月 责编 | 王晓曼 出品 | CSDN(ID:CSDNnews) 在坚持了 15 年后,2018 年 7 月我还是决定放弃 macOS,换成 Linux ...
最新文章
- TI xDAIS的深入理解
- canvas-应用大全
- JS实现动态生成表格并提交表格数据向后端 表格中数据转为json
- java 数组 push pop_JavaScript学习笔记:数组的push()、pop()、shift()和unshift()方法
- 剑指offer之3-10题解
- 生成跨语言的类型声明和接口绑定的工具(Djinni )
- 2017-2018-2 20179317 《网络攻防技术》第七周学习心得体会
- Discretized Streams: An Efficient and Fault-Tolerant Model for Stream Processing on Large Clusters
- rust火箭基地主楼开启方法_Rust 为什么能成为 Stack Overflow 最受欢迎的语言?
- 三探云原生全景图,这次聊聊运行时层
- springboot 控制台输出错误信息_SpringBoot 三招组合拳,手把手教你打出优雅的后端接口...
- gtx780有html接口吗,史上最强显卡供电GTX780入手,纪念给了我人生一堂课的舅妈...
- 中关村 - DIY之如何唯美地阅读电子书
- 用 typescript 做一个贪吃蛇小游戏
- day11-字符流、属性集、缓冲流、转换流、序列化流笔记
- HTTP响应头使用X-Content-Options、X-XSS-Protection、X-Frame-Options
- Java岗大厂面试百日冲刺 - 日积月累,每日三题【Day5,java面向对象程序设计教程课后答案
- VMware虚拟机安装macos Big Sur 11.2.2 (20D80)镜像CDR/ISO下载
- 房地产开发流程(详细)
- 七、.net core(.NET 6)使用Serilog进行配置和实现日志记录