前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Markdown基础语法

Markdown基础语法

作者头像
闲花手札
发布2021-08-24 14:42:05
4530
发布2021-08-24 14:42:05
举报
文章被收录于专栏:闲花手札

#Markdown基础语法

Markdown简介

Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。

优点:

1、因为是纯文本,所以只要支持Markdown的地方都能获得一样的编辑效果,可以让作者摆脱排版的困扰,专心写作。

2、操作简单。比如:WYSIWYG编辑时标记个标题,先选中内容,再点击导航栏的标题按钮,选择几级标题。要三个步骤。而Markdown只需要在标题内容前加#即可 3、支持HTML语法

缺点:

1、需要记一些语法(当然,是很简单)。 2、有些平台不支持Markdown编辑模式。 3、若想写HTML语法需要用到’ 比如:<h1>这是一个标题</h1>的代码为

代码语言:javascript
复制
`<h1>这是一个标题</h1>`
Hexo是使用Markdown编辑的。

一、标题

在想要设置为标题的文字前面加#来表示

一个#是一级标题,二个#是二级标题,以此类推。支持六级标题。

注:标准语法一般在#后跟个空格再写文字。

示例:

代码语言:javascript
复制
# 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题

效果:

这是一级标题

这是二级标题

这是三级标题

这是四级标题
这是五级标题
这是六级标题

二、字体

加粗

要加粗的文字左右分别用两个*号包起来

也可<b>加粗内容</b>

斜体

要倾斜的文字左右分别用一个*号包起来 也可<i>倾斜内容</i>

斜体加粗

要倾斜和加粗的文字左右分别用三个*号包起来 也可<b><i>加粗倾斜内容</i></b>

删除线

要加删除线的文字左右分别用两个~~号包起来(删除线用HTML语法比较麻烦建议使用Markdown语法)

示例:

代码语言:javascript
复制
**这是加粗**
*这是倾斜*
***这是斜体加粗***
~~这是加删除线~~

效果:

这是加粗的文字

这是倾斜的文字

这是斜体加粗的文字

这是删除线

三、引用

在引用的文字前加>即可。引用也可以嵌套,如加两个>>三个>>>

n个…(貌似理论可以一直加下去)

示例:

代码语言:javascript
复制
>这是引用的内容
>>这是引用的内容
>>>>>>>>>>这是引用的内容

效果:

这是引用的内容 这是引用的内容 这是引用的内容

四、分割线

三个或者三个以上的 - 或者 * 都可以。

示例:

代码语言:javascript
复制
---
----
***
*****

效果:



五、图片

语法:

代码语言:javascript
复制
![图片alt](图片地址 ''图片title'')

图片alt就是显示在图片下面的文字,相当于对图片内容的解释。
图片title是图片的标题,当鼠标移到图片上时显示的内容。title可加可不加

使用HTML语法<img src="图片地址" alt="" title=""><>

六、超链接

语法:

代码语言:javascript
复制
[超链接名](超链接地址 "超链接title")
title可加可不加

使用HTML语法<a href="超链接地址" title="">超链接名</a> 示例:

代码语言:javascript
复制
[Lu's Blog](https://islu.cn"Lu's Blog")

效果:

[Lu’s Blog](https://islu.cn"Lu's Blog”)

七、列表

无序列表

语法: 无序列表用 - + * 任何一种都可以

代码语言:javascript
复制
- 列表内容
+ 列表内容
* 列表内容

注意:- + * 跟内容之间都要有一个空格

使用HTML语法

代码语言:javascript
复制
<ul>
<li>列表内容<li>
<li>列表内容</li>
</ul>

效果:

  • 列表内容
  • 列表内容
  • 列表内容

有序列表

语法: 数字加点

代码语言:javascript
复制
1. 列表内容
2. 列表内容
3. 列表内容

注意:序号跟内容之间要有空格

使用HTML语法

代码语言:javascript
复制
<ol>
<li>列表内容<li>
<li>列表内容</li>
</ol>

效果:

  1. 列表内容
  2. 列表内容
  3. 列表内容

列表嵌套 上一级和下一级之间敲三个空格即可(一下Tap键也可)

  • 一级无序列表内容 + 二级无序列表内容

八、表格

语法:

代码语言:javascript
复制
表头|表头|表头
---|:--:|---:
内容|内容|内容
内容|内容|内容

第二行分割表头和内容。
- 有一个就行,为了对齐,多加了几个
文字默认居左
-两边加:表示文字居中
-右边加:表示文字居右
注:原生的语法两边都要用 | 包起来。此处省略

HTML语法过于麻烦 建议使用Markdown 示例: 姓名|技能|排行 –|:–:|–: 刘备|蹦迪|大哥 关羽|骑马|二哥 张飞|打拳|三弟 效果:

姓名

技能

排行

刘备

蹦迪

大哥

关羽

骑马

二哥

张飞

打拳

三弟

九、代码

语法:

单行代码:代码之间分别用一个反引号包起来

代码语言:javascript
复制
`代码内容`

代码块:代码之间分别用三个反引号包起来,且两边的反引号单独占一行

代码语言:javascript
复制
1
2
3
4
5
代
码
块
内
容
注多行代码也可回车+tap

单行代码 示例:

代码语言:javascript
复制
`这是单行代码`

效果 这是单行代码

多行代码

示例:

代码语言:javascript
复制
1
2
3
4
5
6
这
是
多
行
代
码

效果

代码语言:javascript
复制
这
是
多
行
代
码

十、流程图

代码语言:javascript
复制
flow
st=>start: 开始
op=>operation: My Operation
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op
```
建议使用画图工具(百度脑图)画完后上传图片比较简单

流程图

写作工具

①MarkdownPad

MarkdownPad被很多人称赞为windows下最好用的Markdown编辑器之一,不过仅支持windows。它有免费版和收费版(MarkdownPad Pro),一般情况下免费版就够用了,想用pro版的可以自行网上下载,强大的国人crack无处不在的~ ~。

MarkdownPad支持键盘快捷键和工具栏操作,即可添加标记也可移除,支持即时HTML预览、支持自定义配色方案、字体、大小和布局、支持音乐视频,可以导出HTML和PDF。

MarkdownPad是独立的软件。

更多介绍及下载:http://markdownpad.com/

②Typora(亲测)

Typora也是非常用名,非常好用的markdown编辑器,它的设计理念很不一样,是真正的即时预览型编辑器,不同于左右两个窗口的编辑器。Typora的设计理念就是极致简洁,它将「写字」和「预览」这两件事情合并了。

如果要修改已经写好的markdown标记可以点击切换到“源代码模式”。

Typora 同样支持 Windows、OS X 和 Linux多个操作系统,支持数学编辑,可与 Word 直接格式转换,可以进行多种文档格式转换。Typora 流畅度和反应速度很快,特别适合那些手速快的人。

Typora是独立的软件。

更多介绍及下载:https://www.typora.io/

③Hbuilder X

先hexo s启动本地服务器预览 可以通过Hbuilder X内置浏览器观察文章内容 实现边写变预览便于修改

④更多

markdown编辑器产品非常多,以上只是本人接触过的一些,相信还有很多很好的markdown存在,橘生淮南则为橘,橘生淮北则为枳,找到适合自己的才是最好的。

注:如果看完还是有不明白或者要补充的地方可以留言或私聊在窗口右下角私聊我
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021-04-07,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Markdown简介
    • 优点:
      • 缺点:
      • 一、标题
      • 这是一级标题
        • 这是二级标题
          • 这是三级标题
        • 二、字体
          • 加粗
          • 斜体
          • 斜体加粗
          • 删除线
        • 三、引用
          • 四、分割线
            • 五、图片
              • 六、超链接
                • 七、列表
                  • 八、表格
                    • 九、代码
                      • 十、流程图
                        • 写作工具
                          • ①MarkdownPad
                          • ②Typora(亲测)
                          • ③Hbuilder X
                          • ④更多
                      领券
                      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档