主打就是一个 5 分钟学会 Markdown

📺 已制作视频

主打就是一个 5 分钟学会 Markdown

成为一个程序员的标志是什么?我认为是从排斥 Markdown 到接受它

为什么是 Markdown?

Markdown 到底有什么好处,能够让它成为全世界程序员群体最流行的笔记方式

首先,我们先了解 Markdown 是什么?

Markdown 是一门正儿八经的编程语言,比如要对文本加粗,只需要在文字前后加两个星号 **,比如:**我很粗**,效果如下:我很粗

你说这有什么优势?我一个富文本加粗按钮分分钟秒杀。

But,从操作来说,富文本加粗的过程是这样的:

  1. 手移动到鼠标上;
  2. 鼠标选中要加粗的那一行文本;
  3. 鼠标移动到加粗按钮;
  4. 点击按钮;
  5. 手放回键盘。

对比下,Markdown 加粗的过程仅靠键盘输入即可完成,并且加上程序员(排除部分水货)打字速度飞快,以及对编程语法的高接受度,这几样原因共同促使了 Markdown 在编程界的出圈。

常用语法

Markdown 的常用语法看起来挺多的,但多用几遍就很熟悉了:

  1. 加粗**加粗**
  2. 斜体: *斜体*
  3. 删除~~删除~~
  4. 无序列表
- 我是第一行
- 我是第二行
- 我是第三行

效果如下:

  • 我是第一行
  • 我是第二行
  • 我是第三行
  1. 有序列表
1. 我是第一行
2. 我是第二行
3. 我是第三行

效果如下:

  1. 我是第一行
  2. 我是第二行
  3. 我是第三行

  1. 分割线:---,效果如上

  2. 文字引用

> 引用我

效果如下:

引用我

  1. 地址链接,点我点我[Yopth](https://yopth.github.io/)
  2. 图片引用:![Alt](https://i-blog.csdnimg.cn/blog_migrate/8f1b213356ed81d5a706d52c6ab7cb6d.png)
    Alt
  3. 行内代码:var msg = 'Hello World

笔者用 Markdown 写的本文,不太好演示代码块,上图片:

用反引号包括起来内联代码

  1. 块级代码:
var msg = 'Hello World
console.log(msg)

前后三个反引号,第一行可以加上指定语言,比如这上图的 javascript

再加上六级标题:

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

以上的语法基本解决 80% 的常用场景,剩下的就是 20% 不常用的。

20% 不常用的

这些 20% 不常用的(对个人来说),笔者平时在用这些的时候,也都是得查一下笔记或者百度一下,这里简单描述一下 Markdown 的高级不常用用法:

表格

项目     | 价格
-------- | -----
电脑  | $1600
手机  | $12
导管  | $1

效果如下:

项目价格
电脑$1600
手机$12
导管$1

Markdown将文本转换为 HTML。

LaTeX 数学公式

KaTex 文档

Gamma公式展示 $\Gamma(n) = (n-1)!\quad\forall
n\in\mathbb N$ 是通过 Euler integral

$$
\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.
$$

Gamma公式展示 Γ ( n ) = ( n − 1 ) ! ∀ n ∈ N \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N Γ(n)=(n1)!nN 是通过 Euler integral

Γ ( z ) = ∫ 0 ∞ t z − 1 e − t d t   . \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. Γ(z)=0tz1etdt.

插入甘特图

Gantt 文档

2014-01-06 2014-01-07 2014-01-08 2014-01-09 2014-01-10 2014-01-11 2014-01-12 2014-01-13 2014-01-14 2014-01-15 2014-01-16 2014-01-17 已完成 进行中 计划中 现有任务 Adding GANTT diagram functionality to mermaid

插入UML图

UML 文档

张三 李四 王五 你好!李四, 最近怎么样? 你最近怎么样,王五? 我很好,谢谢! 我很好,谢谢! 李四想了很长时间, 文字太长了 不适合放在一行. 打量着王五... 很好... 王五, 你怎么样? 张三 李四 王五

插入Mermaid流程图

Mermaid 文档

链接
长方形
圆角长方形
菱形

插入Flowchart流程图

Flowchart 参考文档

Created with Raphaël 2.3.0 开始 我的操作 确认? 结束 yes no

插入classDiagram类图

Class Diagram 参考文档

Cool
Where am i?
«interface»
Class01
int chimp
int gorilla
size()
AveryLongClass
Class09
C2
C3
Class07
Object[] elementData
equals()
Class10
>>service>>
int id
size()

注脚

一个具有注脚的文本。[^1]

[^1]: 注脚的解释

效果如下

一个具有注脚的文本。1

用什么软件写 Markdown 呢?

Markdown 软件非常多,大体上分为两类,一种是双屏编辑器,即一边编写 Markdown,另一边是预览,比如 VSCode:

还有各类博客平台,比如 CSDN、博客园、掘金等等。

另外一种是实时渲染,输入后立即显示样式,比如 Typora

还有 Zettlr、飞书文档等等。

笔者用过很多 Markdown 编辑软件,除了上面之外还有语雀、印象笔记、Notion等等,我之前甚至重度使用有道云笔记和 Typora,但 Markdown 有一个非常大的痛点——图片。是的,Markdown 是需要自己去处理图片的,它其实只接受一个图片 URL,所以就需要自己去维护一个图床,也就是图片的存储并得到一个 URL。

维护图床是一个头疼的事情,一开始是放在本地,用相对路径去引用,但是当我想将写好的 Markdwon 发表到博客平台上后,我发现图片要全部手动上传一遍,非常辛苦。

后来就试着用 GitHub 当图床,但是 GitHub 大家都懂的,容易图片加载失败,仓库容量也有上限

之后就是白嫖一些免费的图床平台,后来发现也是容易加载失败,图片大小卡得很严,要想稳定还是得花钱购买它的服务。

为了几张照片要花费时间精力去维护一个图床有点不值当,于是直接用博客平台了,现在主力就是在 CSDN 上写 Markdown,由 CSDN 自己去维护图床,虽然 CSDN 的编辑器和样式挺 ugly 的,但程序员不都往往最后来一句——“能用就行”。


  1. 注脚的解释 ↩︎

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值