关于『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语法介绍

三. 标题

(干货开始了)

  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)

效果:

彩蛋:


居中并且带尺寸的图片:

Markdown预览显示:

六. 列表

(一). 无序列表

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

格式:

符号 内容

代码:

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

效果:

  • 张三

    • 男,主犯,有多年作案经验

      • 曾多次因拐卖儿童入狱
      • 相关案件共发生数十起,现正缉拿此法外狂徒
  • 李四

    • 女,从犯,负责哄诱儿童
  • 王五

    • 受害人法定监护人

(二). 有序列表

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

关于『Markdown』:第一弹的更多相关文章

  1. 关于『Markdown』:第二弹

    关于『Markdown』:第二弹 建议缩放90%食用 道家有云:一生二,二生三,三生万物 为什么我的帖子不是这样 各位打工人们! 自从我学了Markdown以来 发现 Markdown 语法真的要比 ...

  2. 关于『进击的Markdown』:第一弹

    关于『进击的Markdown』:第一弹 建议缩放90%食用 比起隐蔽物下的狙击手,Markdown更像冲锋陷阵的阵头兵 简单.粗暴.直接.而且好上手 各位晚上好! 早饭吃了吗您 我 今 天 没 吃 M ...

  3. 关于『HTML5』第一弹

    关于『HTML5』:第一弹 建议缩放90%食用 祝各位国庆节快乐!!1 经过了「过时的 HTML」.「正当时的 Markdown」的双重洗礼后,我下定决心,好好学习HTML5  这回不过时了吧(其实和 ...

  4. 关于『HTML』:第一弹

    关于『HTML』:第一弹 建议缩放90%食用 根据C2024XSC212童鞋的提问, 我准备写一稿关于『HTML』基础的帖 But! 当我看到了C2024XSC130的 "关于『HTML5』 ...

  5. 『MXNet』第一弹_基础架构及API

    MXNet是基础,Gluon是封装,两者犹如TensorFlow和Keras,不过得益于动态图机制,两者交互比TensorFlow和Keras要方便得多,其基础操作和pytorch极为相似,但是方便不 ...

  6. 『PyTorch』第一弹_静动态图构建if逻辑对比

    对比TensorFlow和Pytorch的动静态图构建上的差异 静态图框架设计好了不能够修改,且定义静态图时需要使用新的特殊语法,这也意味着图设定时无法使用if.while.for-loop等结构,而 ...

  7. 关于『HTML5』:第二弹

    关于『HTML5』:第二弹 建议缩放90%食用 咕咕咕咕咕咕咕!!1 (蒟蒻大鸽子终于更新啦) 自开学以来,经过了「一脸蒙圈的 半期考试」.「二脸蒙圈的 体测」的双重洗礼,我终于有空肝 HTML5 辣 ...

  8. 关于『HTML』:第二弹

    关于『HTML』:第二弹 建议缩放90%食用 第二弹! 它来了! 它来了! 我竟然没有拖更,对了,你们昨天用草稿纸了么 开始正文之前提一个问题:大家知道"%%%"是什么意思吗?就这 ...

  9. 关于『进击的Markdown』:第二弹

    关于『进击的Markdown』:第二弹 建议缩放90%食用 众里寻他千百度,蓦然回首,Markdown却在灯火灿烂处 MarkdownYYDS! 各位早上好!  我果然鸽稿了  Markdown 语法 ...

随机推荐

  1. 前端每日实战:96# 视频演示如何用纯 CSS 和 D3 创作一艘遨游太空的宇宙飞船

    效果预览 按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以全屏预览. https://codepen.io/comehope/pen/oMqNmv 可交互视频 此视频是可 ...

  2. HTML 初学整理

    一.HTML简介 HTML的概念 HTML是HyperText Markup Language(超文本标记语言)的简写,超文本标记语言,标准通用标记语言下的一个应用."超文本"就是 ...

  3. 大数据学习之路之ambari的安装

    之前按照正常方式安装的hbase不能插入数据 所以今天来尝试下ambari能不能行 已经打了快照 如果不能还能恢复之前的样子

  4. 一个chome的广告拦截小插件

    先附上下载地址:https://chromecj.com/productivity/2015-03/391.html 可以屏蔽绝大多数广告啊,浏览器用起来神清气爽! 下载完成后有一个名字为这个的文件, ...

  5. vue日历(纯 js,没用任何插件和组件)

    效果图: 代码:   <template> <div class="calender"> <div class="top"> ...

  6. python---单链表的常用操作

    class Node(object): """结点""" def __init__(self, data): self.data = dat ...

  7. VUE(uni-app)+SSM 微信小程序

    环境 jdk:1.8.0_181 tomcat:7.0.100 mysql:8.0.25 工具 ideaIU+Hbuilder 遇到的问题 1.需要跳转到注册在tobar中页面时,需使用 uni.sw ...

  8. C++ 限定符Const和指针

    指向常量的指针 指向常量的指针不能用于其所指对象的值.若想存放常量对象的地址,只能使用指向常量的指针. const int a = 3; //a是个常量,其值不能改变 int *b = &a; ...

  9. JetBrains Rider C# 学习②

    前言 C#从入门到精通 链接:https://pan.baidu.com/s/1UveJI_f-c5Dul3GLIICRHg 提取码:1314 C#入门课程 刘铁猛 链接:https://pan.ba ...

  10. 前端性能优化之js,css调用优化

    规则1:减少HTTP请求     把多个JS请求合并为一个JS请求,把多个CSS请求合并为一个CSS请求.从而减少从客户端向服务器端的请求数.     规则3:添加Expires头     用http ...