MarkDown基础

MarkDown基本语法


编辑器:Typora❤
操作系统:win10
因为笔者把笔记上传csdn发现了两个编译器的区别会在文中稍微说明


MarkDown基本语法

标题

名称markdown语法html语法快捷键
一级标题#+space+一级标题<h1>一级标题</h1>ctrl + 1
二级标题##+space+二级标题<h2>二级标题</h2>ctrl + 2
三级标题###+space+三级标题<h3>三级标题</h3>ctrl + 3
四级标题####+space+四级标题<h4>四级标题</h4>ctrl + 4
五级标题#####+space+五级标题<h5>五级标题</h5>ctrl + 5
六级标题######+space+六级标题<h6>六级标题</h6>ctrl + 6
  • 说明:
  • 因为Typora已经支持普通的HTML标签,可以直接使用HTML标签,但是建议还是使用MarkDown代码快捷键
  • 另外快捷键提高标题级别为ctrl+=快捷键降低标题级别为ctrl+-

测试代码:

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

效果如下:
示例图片


段落

默认输出的就是段落,只需要按下enter即可,快捷键ctrl + 0


换行

输入enter或 <br/>即可,最好勾选上代码块自动换行.

方法:打开文件→打开偏好设置→勾选代码块自动换行


引用

代码:

> 这是一段引用。

效果:

这是一段引用。


插入列表

有序列表
markdown语法html语法快捷键
1+.+ space+列表内容 +enter<ol><li>列表内容</li></ol>ctrl + shift+ [

代码:

<!--有序列表-->
1. 第一项

效果:

  1. 第一项

说明 :在偏好设置里可以选择有序列表的模式1...2...3.../1...1...1...任选一个就好,默认是1...2...3...


无序清单

语法:

[*+ space+列表内容 +enter]

[++ space+列表内容 +enter]

[-+ space+列表内容 +enter]

快捷键:ctrl + shift+ ]

代码:

<!--无序列表-->
* 第一项
* 第二项
 
+ 第一项
+ 第二项
 
- 第一项
- 第二项
 

效果:

  • 第一项

  • 第二项

  • 第一项

  • 第二项

  • 第一项

  • 第二项

说明 :在偏好设置里可以选择无序列表的符号*/+/-任选一个就好,默认是*


任务清单

语法:

默认未选项:-+space+[+space+]+space + 列表内容

默认选中项:-+space+[+x+]+space + 列表内容

代码:

<!--未完成任务清单-->
- [ ] 事项1
- [x] 事项2

效果:

  • 事项1
  • 事项2

“删除”已完成的任务

  .task-list-done {
      /* styles for completed tasks */
      text-decoration: line-through;
  }
  .task-list-not-done {
      /* styles for incomplete tasks */
  }

插入表格

代码:

|   姓名 |    作品名    |
| -----: | :----------: |
| aniyah | 红色灭亡的梦 |
|   viki |      白      |

效果:

姓名作品名
aniyah红色灭亡的梦
viki

说明:
:---表示左对齐,:---:表示居中,---:表示右对齐,默认左对齐。


插入代码

语法:

名称markdown语法快捷键
单行代码`代码块`ctrl + shift+ `
多行代码块``` [语言种类]
多行代码
```
*[语言种类]可以不写
ctrl + shift+ F

代码:

<!--单行-->
这是一个`单行代码块`<br/>
<!--多行-->
```JAVA
function test() {
	System.out.println("多行代码块");
}
```

效果:


这是一个单行代码块

function test() {
	System.out.println("多行代码块");
}

插入注脚

代码:

莞尔一笑[^释义]

[^释义]: 微笑时美好的样子。美好地笑了一笑,大多形容女性微笑的样子。

效果:
莞尔一笑1

说明:外部注脚的添加详见参考链接


插入目录

代码:

@[toc]

效果:

插入图片

代码:

![示例图片说明](MarkDown语言和Typora配置.assets\2.png)
<img src="MarkDown语言和Typora配置.assets\2.png" width="20%">

效果:
在这里插入图片描述

说明:

  • 图片可以直接拖拽到文档
  • markdown插入图片的语法不能设置属性,需要通过CSS来配合使用,详见MarkDown进阶CSS
  • 另外Typora支持复制图片到本地,详见Typora的图片设置

插入链接

语法:

[Link Text](link-address)

[Link Text](link-address “optional title” )

代码:

[新浪](https://www.sina.com)<br/>
<!--自动链接标准网址--><br/>
<https://www.baidu.com>

效果:

新浪


https://www.baidu.com

访问方法 ?ctrl+单击链接


内部链接

[自定义NAME](# 标题)

代码:

<!--页内跳转到指定标题处-->
[跳转到标题为MarkDown语言的目录](#top)

效果:

跳转到标题为MarkDown语言的目录


参考链接

语法:

[Link Text][Ref]

[Ref] : link-address “optional title”

代码:

[请参考][参1考文档1] 

[参考文档1]: http://support.typora.io/Markdown-Reference/#reference-links  "参考文档"

[再次参考][参考文档1] 

效果:

[请参考][参1考文档1]

再次参考

或者可以缩短,定义Ref为null , 这时Link Text就作标识链接网址.

语法:

[Link Text][]

[Link Text] : link-address

[知乎][]
[知乎]: https://www.zhihu.com/

邮件链接

语法:

[自定义内容](mailto:邮箱地址)

代码:

<!--发送邮件-->
[mailTO@aniyah](mailto:aniyah502@foxmail.com)

效果:

mailTO@aniyah


插入分割线

代码:

***
---

效果:




字体斜体

代码:

*斜体*
_斜体_
<em>斜体</em>

效果:
斜体
斜体
斜体

说明:

*想要输出“*”号时,在“ *”号前加“\”转义即可


字体加粗

代码:

**加粗**
__加粗__
<strong>加粗</strong>

效果:

加粗
加粗
加粗


文本高亮

代码:

==高亮==

效果:

高亮

*需要在偏好设置中勾选高亮才能使用


删除线

代码:

~~删除线~~

效果:

删除线


下划线

代码:

<u>下划线</u>

效果:

下划线


Emoji表情

代码:

:smile::smiley::star:::white_check_mark::negative_squared_cross_mark::triangular_flag_on_post::heavy_exclamation_mark::small_red_triangle::small_red_triangle_down::heart::green_heart::blue_heart::black_heart:

效果:

??⭐️:✅❎?❗️??❤️???

Emoji表情集合URL



  1. 微笑时美好的样子。美好地笑了一笑,大多形容女性微笑的样子。 ↩︎

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值