关于『Markdown』:第一弹
关于『Markdown』:第一弹
建议缩放90%食用
声明: 在我之前已有数位大佬发布 "Markdown" 的语法知识点, 在此, 仅整理归类以及补缺, 方便阅读.
感谢 C2024XSC212 童鞋,感谢这位大佬对本文提出的建议🎉🎉,让大家都能使用到更严谨的文章✨✨(再次感谢大佬)
话说回来,
终于煲完了"HTML基础系列" (那有没有进阶系列呢?)
进阶系列的话大概率不会有了, 毕竟HTML4.01已经淡出了大众视野 啊, 当然假如我学会了HTML5难一点的部分, 进阶篇也不是不行, 主要因为我懒
Markdown基础系列再一次揭幕啦🎊🎊🎊
呜呜呜,原帖因为内部服务器错误看不到了,求老师修一下叭,呜呜呜
废话讲完了, 开始正文
要为大家带来 (正当时的) Markdown了呢🤪~
正文开始
一. 什么是 Markdown
(这段可以直接略过, 没什么用)
- Markdown 是一种可以使用普通文本编辑器编写的纯文本标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式
二. 下载和使用
(CSDN真香)
- 我使用的是 CSDN 自带的 Markdown编辑器
(之前写文章也有些用的这个, 简单,不用下载,真香) - 如果没有CSDN账号的同学可以申请一个, 或者使用浏览器是 chrome 浏览器(谷歌浏览器)的同学可以安装一款叫做 Markdown Here 的插件
- 推荐一款“作业部落 Cmd Markdown”->官网网址,(支持在线!)
- 以及某位大佬推荐的MWeb->官网网址(Mac用户端看过来)
- 和 Typora->官网网址
Markdown语法介绍
三. 标题
(干货开始了)
- 使用 # 表示标题,其中 # 号必须在行首
- 使用 === 或者 — 表示
代码:
//使用 # 号,建议使用这种
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
//使用 === 或 ---
一级标题
===
二级标题
---
效果:
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
一级标题
二级标题
四. 文本样式
(一). 分割线
- 使用三个或以上的 - 或 * 或 _表示,且这一行只有符号,注意不要被识别为二级标题即可
代码:
//打空格是为了防止被误识别成其他奇怪的东西(比如二级标题,尤其是上一行有文本时,一般不会误识)
- - -
* * *
_ _ _
效果:
(二). 斜体
- 使用 * 或_表示斜体
代码:
*这是一个斜体文本* //建议使用这种
_这是另一个斜体文本_
效果:
这是一个斜体文本
这是另一个斜体文本
(三). 粗体
- 使用 ** 或 __表示粗体
代码:
**这是一个粗体文本** //建议使用这种
__这是一个粗体文本__
效果:
这是一个粗体文本
这是一个粗体文本
那粗体和斜体的标记能一起写吗?
既然这么问了, 当然可以啊
代码:
***这是一个加粗的斜体文本***
效果:
这是一个加粗的斜体文本
(四). 删除线(中划线)
- 使用 ~~ 表示删除线
代码:
~~这是一个惨遭毒手的文本~~
效果:
这是一个惨遭毒手的文本
(五). 高光
- 使用 == 表示标记高光
代码:
==高光时刻==
效果:
高光时刻
(六). 下角标
(应该是这么叫的)
- 使用 ~ 表示标记下角标
代码:
H~2~O 不读 一氧化二氢
效果:
H2O 不读 一氧化二氢
(七). 上角标
(应该是这么叫的)
- 使用 ^ 表示标记上角标
代码:
2^10^ = 1024
效果:
210 = 1024
等效替代:
代码:
$2^{10}=1024$ &
效果:
2 10 = 1024 2^{10}=1024 210=1024
(八). 文字引用
- 使用 > 表示,可套娃
格式:
>内容
代码:
> 张三
>> 张三很刑, 出不来
> 这样是出不来的(我指的是嵌套)
>>> 还可以再刑一点
>
> 这样就能出来(我指的是嵌套)
> 李四
>> 张三的同伙, 她不刑, 出的来
>
> 这样就出来了
效果:
张三
张三很刑, 出不来
这样是出不来的(我指的是嵌套)还可以再刑一点
这样就能出来(我指的是嵌套)
李四张三的同伙, 她不刑, 出的来
这样就出来了
五. 超链接与图片
(一). 超链接
格式:
[文字描述](链接)
代码:
[洛谷传送门](luogu.com.cn)
效果:
(二). 图片
1. 图片
格式:
![文字描述](链接)
代码:
![罗翔老师](https://img0.baidu.com/it/u=3277855126,4178491524&fm=26&fmt=auto&gp=0.jpg)
效果:
2. 带尺寸的图片
格式:
![文字描述](链接 =宽x长)
代码:
![罗翔老师](https://img0.baidu.com/it/u=3277855126,4178491524&fm=26&fmt=auto&gp=0.jpg =200x90)
效果:
注:咱这搞不了带尺寸的图片 (希望OJ搞一下Markdown拓展语法的解析,要接受新事物嘛)
Markdown预览显示:
3. 居中的图片
格式:
![文字描述](链接 =宽x长#pic_center)
代码:
![罗翔老师](https://img0.baidu.com/it/u=3277855126,4178491524&fm=26&fmt=auto&gp=0.jpg#pic_center)
效果:
彩蛋:
居中并且带尺寸的图片:
Markdown预览显示:
六. 列表
(一). 无序列表
- 使用+ 或 - 或 * 表示无序列表,可套娃
格式:
符号 内容
代码:
+ 张三
+ 男,主犯,有多年作案经验
+ 曾多次因拐卖儿童入狱
+ 相关案件共发生数十起,现正缉拿此法外狂徒
- 李四
- 女,从犯,负责哄诱儿童
* 王五
* 受害人法定监护人
效果:
- 张三
- 男,主犯,有多年作案经验
- 曾多次因拐卖儿童入狱
- 相关案件共发生数十起,现正缉拿此法外狂徒
- 男,主犯,有多年作案经验
- 李四
- 女,从犯,负责哄诱儿童
- 王五
- 受害人法定监护人
(二). 有序列表
- 使用1. (点后有空格哦)表示有序列表,可套娃
- 注意事项:
- 在使用列表时,只要是数字后面加上英文的点,就会无意间产生列表
- 比如2017. 12. 30 这时候想表达的是日期,有可能被误认为是列表
(这我真被误认过,可能是我手的问题) - 解决方式:在每个点前面加上 \ 就可以了
格式:
数字. 内容
代码:
1. 张三
2. 李四
3. 王五
效果:
- 张三
- 李四
- 王五
(三). 计划列表
应该是叫这名字吧
格式:
- [ ] 内容
代码:
- [ ] 计划任务
- [ ] 完成任务
效果:
- 计划任务
- 完成任务
七. 代码块
其实上面已经用过很多次了
1. 代码块
- 代码块:缩进 4 个空格或是 1 个 Tab
代码:
#include <cstdio>
int main(){
printf("yes");
return 0;
}
效果:
#include <cstdio>
int main(){
printf("yes");
return 0;
}
这种方法写出的代码没有高亮 (好丑) 很难分辨且观赏感不佳.
2. 行内代码块
- 行内代码块:如果在一个行内需要引用代码,只要用反引号`引起来就好(和 ~ 同一个键, Esc下面就有)
代码:
`<table>`
效果:
<table>
3. 高亮代码块
- 高亮代码块:- 使用 ``` 表示
格式:
```语言
代码块
```
代码 (代码里不能套娃):
```C++
#include
int main(){
printf(“yes”);
return 0;
}
```
效果:
#include <cstdio>
int main(){
printf("yes");
return 0;
}
语言写与不写高亮是不同的(不同语言的高亮也是不同的), 写了的如上↑↑↑, 没写的如下↓↓↓(看你喜欢)
代码 (代码里不能套娃):
```
#include
int main(){
printf(“yes”);
return 0;
}
```
效果:
#include <cstdio>
int main(){
printf("yes");
return 0;
}
4. 代码块里面包含html代码
- 在代码区块里面, & 、 < 和 > 会自动转成 HTML 实体
- 这样的方式让你非常容易使用 Markdown 插入范例用的 HTML 原始码,只需要复制粘贴上,剩下的 Markdown 都会帮你处理
- 简书代码块里不支持HTML
心电监测都没这么贴心
代码 :
<p><font color="blue" size="5px">因为生来一无所有,所以一切都有无限可能</font></p>
效果:
因为生来一无所有,所以一切都有无限可能
第一弹到顺利结束了呢
Markdown基础系列顺利揭幕啦~ []( ̄▽ ̄)*
有点短, 别介意哈(*  ̄▽ ̄ *)
(我还能再苟苟)
关于『Markdown』:第一弹 就酱紫结束啦~ 叭叭🌺🌺🌺 ~(′▽`~)
下一篇:关于『Markdown』:第二弹