关于『Markdown』:第一弹

 

关于『Markdown』:第一弹

 

建议缩放90%食用

 

声明: 在我之前已有数位大佬发布 "Markdown" 的语法知识点, 在此, 仅整理归类以及补缺, 方便阅读.
感谢 C2024XSC212 童鞋,感谢这位大佬对本文提出的建议🎉🎉,让大家都能使用到更严谨的文章✨✨(再次感谢大佬)

 

话说回来,
终于煲完了"HTML基础系列" (那有没有进阶系列呢?)


进阶系列的话大概率不会有了, 毕竟HTML4.01已经淡出了大众视野
啊, 当然假如我学会了HTML5难一点的部分, 进阶篇也不是不行, 主要因为我懒

 

 

Markdown基础系列再一次揭幕啦🎊🎊🎊


呜呜呜,原帖因为内部服务器错误看不到了,求老师修一下叭,呜呜呜
e

 

废话讲完了, 开始正文

 

  要为大家带来 (正当时的) Markdown了呢🤪~  


 

  正文开始  



一. 什么是 Markdown

  (这段可以直接略过, 没什么用)  

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


二. 下载和使用

  (CSDN真香)  

  • 我使用的是 CSDN 自带的 Markdown编辑器 (之前写文章也有些用的这个, 简单,不用下载,真香)
  • 如果没有CSDN账号的同学可以申请一个, 或者使用浏览器是 chrome 浏览器(谷歌浏览器)的同学可以安装一款叫做 Markdown Here 的插件
  • 推荐一款“作业部落 Cmd Markdown”->官网网址,(支持在线!)
  • 以及某位大佬推荐的MWeb->官网网址(Mac用户端看过来)
  • 和 Typora->官网网址




Markdown语法介绍


三. 标题

  (干货开始了)  

  1. 使用 # 表示标题,其中 # 号必须在行首
  2. 使用 === 或者 — 表示

代码:

//使用 # 号,建议使用这种
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

//使用 === 或 ---
一级标题
===
二级标题
---

效果:

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题



一级标题

二级标题




四. 文本样式

(一). 分割线

  • 使用三个或以上的 - 或 * 或 _表示,且这一行只有符号,注意不要被识别为二级标题即可

代码:

//打空格是为了防止被误识别成其他奇怪的东西(比如二级标题,尤其是上一行有文本时,一般不会误识)
- - -
* * *
_ _ _

效果:






(二). 斜体

  • 使用 * 或_表示斜体

代码:

*这是一个斜体文本* //建议使用这种
_这是另一个斜体文本_

效果:


这是一个斜体文本


这是另一个斜体文本



(三). 粗体

  • 使用 ** 或 __表示粗体

代码:

**这是一个粗体文本** //建议使用这种
__这是一个粗体文本__

效果:


这是一个粗体文本


这是一个粗体文本



那粗体和斜体的标记能一起写吗?


既然这么问了, 当然可以啊


代码:

***这是一个加粗的斜体文本***

效果:


这是一个加粗的斜体文本



(四). 删除线(中划线)

  • 使用 ~~ 表示删除线

代码:

~~这是一个惨遭毒手的文本~~

效果:


这是一个惨遭毒手的文本



(五). 高光

  • 使用 == 表示标记高光

代码:

==高光时刻==

效果:


高光时刻




(六). 下角标

(应该是这么叫的)

  • 使用 ~ 表示标记下角标

代码:

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)

效果:


罗翔老师


彩蛋:


居中并且带尺寸的图片:


luoxiang


Markdown预览显示:


luoxiang




六. 列表

(一). 无序列表

  • 使用+ 或 - 或 * 表示无序列表,可套娃

格式:

符号 内容

代码:

+ 张三
	+ 男,主犯,有多年作案经验
		+ 曾多次因拐卖儿童入狱
		+ 相关案件共发生数十起,现正缉拿此法外狂徒
- 李四
    - 女,从犯,负责哄诱儿童
* 王五
	* 受害人法定监护人

效果:

  • 张三
    • 男,主犯,有多年作案经验
      • 曾多次因拐卖儿童入狱
      • 相关案件共发生数十起,现正缉拿此法外狂徒
  • 李四
    • 女,从犯,负责哄诱儿童
  • 王五
    • 受害人法定监护人



(二). 有序列表

  • 使用1. (点后有空格哦)表示有序列表,可套娃
  • 注意事项:
    • 在使用列表时,只要是数字后面加上英文的点,就会无意间产生列表
    • 比如2017. 12. 30 这时候想表达的是日期,有可能被误认为是列表 (这我真被误认过,可能是我手的问题)
    • 解决方式:在每个点前面加上 \ 就可以了

格式:

数字. 内容

代码:

1. 张三
2. 李四
3. 王五

效果:

  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』:第二弹

posted @ 2022-05-16 22:21  北柒kylin  阅读(25)  评论(0编辑  收藏  举报