Markdown? 什么鬼?
Markdown是一种纯文本格式的标记语言,现在用typecho写博客,Markdown语法还不太熟悉,特意整理一番,方便翻阅 ~~ 那么现在开始吧 ->
优点:
- 因为是纯文本,所以只要支持Markdown的地方都能获得一样的编辑效果,可以让作者摆脱排版的困扰,专心写作。
- 操作简单。比如:WYSIWYG编辑时标记个标题,先选中内容,再点击导航栏的标题按钮,选择几级标题。要三个步骤。而Markdown只需要在标题内容前加#即可
缺点:
- 需要记一些语法(当然,是很简单。五分钟学会)。
- 有些平台不支持Markdown编辑模式。
1.标题
在想要设置为标题的文字前面加#来表示
一个#是一级标题,二个#是二级标题,以此类推。支持六级标题。
注:标准语法一般在#后跟个空格再写文字。
# 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
·······
这是一级标题
这是二级标题
这是三级标题
这是四级标题
·······
2.字体
要加粗的文字左右分别用两个*号包起来
要倾斜的文字左右分别用一个*号包起来
要倾斜和加粗的文字左右分别用三个*号包起来
要加删除线的文字左右分别用两个~~号包起来
**这是加粗的文字**
*这是倾斜的文字*
***这是斜体加粗的文字***
~~这是加删除线的文字~~
这是加粗的文字
这是倾斜的文字
这是斜体加粗的文字这是加删除线的文字
3.引用
我们可能希望对某段文字进行强调处理,Markdown提供了一个特殊符号>用于段首进行强调,被强调的文字部分将会高亮显示。引用也可以嵌套,如加两个 >> 三个>>> n个...
>这是引用的内容
>>这是引用的内容
这是引用的内容
这是引用的内容
4.分割线
三个或者三个以上的 - 或者*都可以。(⊙o⊙)…颜色有点浅,好像都差不多的。。
---
***
5.图片或链接
添加图片或链接,引用图片和链接的唯一区别就是在最前方添加一个感叹号.
[点击跳转至百度](http://www.baidu.com)
![图片](https://itggg.cn/cdn/admin.svg)
6.列表
Markdown支持有序列表和无序列表两种形式,注意:- + 跟内容之间都要有一个空格。无序列表使用或+或-标识,符号后加空格。有序列表使用数字加.
- 列表内容
+ 列表内容
* 列表内容
1.列表内容
2.列表内容
3.列表内容
- 列表内容
- 列表内容
- 列表内容
1.列表内容
2.列表内容
3.列表内容
7.代码块
使用反引号`进行包裹即可。如果是行内代码引用,使用单个反引号进行包裹,整段代码用三个包裹,并在后面标记语言,很多人不知道怎么输入反引号。在英文模式下,找到键盘最左侧esc键下面的第一个键点击即可。
行内代码
<!DOCTYPE HTML> 这是HTML ```HTML
<html class="no-js">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>编辑 Markdown 编辑器语法指南 - Flat tire - Powered by Typecho</title>
<meta name="robots" content="noindex, nofollow">
</body>
</html>
<?php $this->need('includes/hero.php'); ?> 这是PHP ```PHP
<div class="All_Page_width">
<div class="All_Page_title">
#标签云
</div>
<?php $this->widget('Widget_Metas_Tag_Cloud', 'sort=count&ignoreZeroCount=1&desc=1&limit=50')->to($tags); ?>
<div class="Tags_Cloud">
<?php $this->content(); ?>
<?php if ($tags->have()) : ?>
<?php while ($tags->next()) : ?>
8.插入表格
1)|、-、:之间的多余空格会被忽略,不影响布局。
2)默认标题栏居中对齐,内容居左对齐。
3)-:表示内容和标题栏居右对齐,:-表示内容和标题栏居左对齐,:-:表示内容和标题栏居中对齐。
4)内容和|之间的多余空格会被忽略,每行第一个|和最后一个|可以省略,-的数量至少有一个。
name | 价格 | 数量
-|-|-
香蕉 | $1 | 5
苹果 | $1 | 6
草莓 | $1 | 7
name | 价格 | 数量 |
---|---|---|
香蕉 | $1 | 5 |
苹果 | $1 | 6 |
草莓 | $1 | 7 |
name | 111 | 222 | 333 | 444
:-: | :-: | :-: | :-: | :-:
aaa | bbb | ccc | ddd | eee
fff | ggg| hhh | iii | 000
name | 111 | 222 | 333 | 444 |
---|---|---|---|---|
aaa | bbb | ccc | ddd | eee |
fff | ggg | hhh | iii | 000 |
9.空格和换行
和HTML语言一致,
</br>
你 好 (空格)
</br>
你好 (换行)
你 好 (空格)
你好 (换行)
10.键盘按钮
使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑
使用 Ctrl+Alt+Del 重启电脑
11.各种标签
11.1 高亮提示文本
[ scode type="share"]这是灰色的短代码框,常用来引用资料什么的[/scode]
[ scode type="yellow"]这是黄色的短代码框,常用来做提示,引起读者注意。[/scode]
[ scode type="red"]这是红色的短代码框,用于严重警告什么的。[/scode]
[ scode type="lblue"]这是浅蓝色的短代码框,用于显示一些信息。[/scode]
[ scode type="green"]这是绿色的短代码框,显示一些推荐信息。[/scode]
11.2 标签tag
[ tag]默认白色文字[/tag]
[ tag type="primary"]紫色文字[/tag]
[ tag type="info"]蓝色文字[/tag]
[ tag type="warning"]黄色文字[/tag]
[ tag type="danger"]红色文字[/tag]
[ tag type="success"]绿色文字[/tag]
[ tag type="dark"]黑色文字[/tag]
默认白色文字
紫色文字
蓝色文字
黄色文字
红色文字
绿色文字
黑色文字
11.3 计划表
[goal title="计划"]
[item check="true"] 每天早睡 [/item]
[item check="false"] 每天早起 [/item]
[/goal]
11.4 进度条
[goal title="计划"]
[item progress="50%"] 阅读10本书 [/item]
[item start="2021-01-02" end="2021-10-1"] 每天锻炼30分钟 [/item]
[/goal]
阅读10本书 :
每天锻炼30分钟 :