关于『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. 前端存储 - localStorage

    发布自Kindem的博客,欢迎大家转载,但是要注意注明出处 localStorage 介绍 在HTML5中,引入了两个新的前端存储特性: localStorage sessionStorage 这两者 ...

  2. js读取cookie 根据cookie名称获取值的方法

    //方法1 //存在问题:如果cookie中存在 aaaname=aa;name=bb 获取name的值就会出现错误function getCookie(c_name){ if (document.c ...

  3. Java List转为Object组

    代码: private Object[] ListToObject(List<String> list){ Object [] tem = new Object[]{}; int size ...

  4. 在react项目中使用redux-thunk,react-redux,redux;使用总结

    先看是什么,再看怎么用: redux-thunk是一个redux的中间件,用来处理redux中的复杂逻辑,比如异步请求: redux-thunk中间件可以让action创建函数先不返回一个action ...

  5. Linux小工具的应用,grep,sort,wc,cut

    小工具的使用: 1.管道(|):连接多个命令的工具,进程之间通讯的一种方式 用法:命令1 | 命令2 | 命令3....2.grep工具:行过滤,打印出的结果一行一行的 用法:grep options ...

  6. Filebeat和logstash 使用过程中遇到的一些小问题记录

    一.filebeat 收集软链文件日志 1.1.场景 由于我们新部署的Nginx 日志都是采用的软链的形式. lrwxrwxrwx 1 root root 72 Apr 6 00:00 jy.baid ...

  7. 深入剖析 RocketMQ 源码 - 负载均衡机制

    RocketMQ作为一款流行的消息中间件在各大互联网应用广泛,本文主要分析RocketMq在消息生产和消费过程中的负载均衡机制,并创新提出消费端负载均衡策略的改写以实现固定IP消费的可能.

  8. Spring基于注解自动装配

    前面我们介绍Spring IoC装载的时候,使用XML配置这种方法来装配Bean,这种方法可以很直观的看到每个Bean的依赖,但缺点也很明显:写起来非常繁琐,每增加一个组件,就必须把新的Bean配置到 ...

  9. 夯实基础上篇-图解 JavaScript 执行机制

    讲基础不易,本文通过 9 个 demo.18 张 图.2.4k 文字串讲声明提升.JavaScript 编译和执行.执行上下文.调用栈的基础知识.

  10. 一篇文章带你搞懂InnoDB的索引|结合样例

    关注公众号[程序员白泽],带你走进一个不一样的程序员/学生党 前言 前阵子面试的时候,在第三面问到了MySQL索引相关的知识点,并且给出了一些SQL语句分析索引的执行情况.所以今天这篇文章给大家讲讲索 ...