写博客,建议你学习使用MarkDowm

简介: 学习使用MarkDowm

🍎道阻且长,行则将至。🍓


@Toc


一.初见Markdown

Markdown是一种普通文本标记语言,简称md,例如我们使用Typora写的文档后缀名就是 “.md”。对于标记语言我们最常见的可能就是HTML了,就是网页常用的语言,那么Markdown就是类似的这种语言。

我们在CSDN写博客的时候有两种文本编辑器:富文本和Markdown编辑器,而默认的是富文本。那么这两种编辑器有什么不一样?

1.富文本和Markdown

所谓 富文本 就是像你在word、WPS里面写文档一样,想设置格式、修改格式、张贴内容只需要通过鼠标键盘控制软件,选择你需要的功能就能成为你想要的格式,这最大的特点就是所谓的 所见即所得。而标记语言例如HTML我们都知道是有一定编写规则、纯代码化的,你需要的格式都是一个个代码设置出来的,就不是所见即所得了。Markdown也是如此,你所见的只不过是==一行行带有标记的语言==。

2.为什么还要用Markdown

既然富文本如此便捷使用,那我们怎么还要学习使用Markdown?我认为的原因有这几个

  • 纯文本。Markdown是纯文本的编写方法,这样可以让你在写作的时候更加专注于写作本身,而且很多情况下只需要敲打你的键盘,使用标记来调整你的格式,而富文本的格式调整多用鼠标,所以可以在一定程度上提高效率。
  • 语法易。其实语法也没那么难,我们写作常用的格式无非就那么几个,而且这个标签不像HTML那么复制,可能看看两遍就记住了,记不住的在CSDN右边也有语法说明查阅,写个两篇博客就记住了。
  • 可读性和兼容性。可能这个才是更重要的吧,作为一个文字编辑来说可读性还是很高,而且在CSDN也开启了同步预览模式,这也是弥补了不能所见即所得的一个问题吧。这个文档格式是完全标准的,无论你把这个Markdown文本贴到哪去都不会出现格式乱码,而其他富文本就不一定了,就像以前的WPS和Word存在一些不兼容现象。

推荐你们试试 -_-
image.png


二.进入Markdown

这一节整理了我们写文最常用的几个格式。我区分为了文本、表格、图片几块。

1.文本类

文本类主要包括了标题、正文、序列、代码块、超链接等。

1.1标题

标题是使用#来设置的,一个有六级标题,几个#就是几级,从大到小为一级到六级。其中一到三级可以生成目录,使@[Toc](目录)就可以在编写位置生成目标了。

示例:
# 一级标题
## 二级标题

1.2正文

普通的正文部分直接写就ok了。
对于其他特殊类型:

  • 1.斜体 *内容*

内容

  • 2.加粗 **内容**
    内容
  • 3.标记 ==内容==

==内容==
==p:注意这几个符号后面无空格~!==
例如:== a==

  • 4.删除段 ~~内容~~

内容

  • 5.上下标~下~ ^上^

正常 ==~下~== 正常 ^上^ 正常

  • 6.分割线 --- *** 三个以上的减号或者星号

  • 7.序列

无序+ - * ,就是前面一个个黑点的序列,后面的数是我写的。
有序1. ,点后面有个空格,序号只是格式,后面的序号尽管出现无序也会自动排序。
可选序列 - [x] - []

   - [x] 选
 - [ ] 不选
  • 8.引用块 >
引用
  • 9.代码段
用三个`包裹,在```后面可以表示对应的代码类型,如java、xml等

代码内容

  • 10.超链接

链接: [link](链接)
链接: link


2.表格类

就是使用竖线|分割列,横线-减号分割主键。在横线==哪边加:冒号就居哪,两边加就是居中==。

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

| Column 1 | Column 2      |
|:--------:| -------------:|
| centered 文本居中 | right-aligned 文本居右 |
项目 Value
电脑 $1600
手机 $12
导管 $1
Column 1 Column 2
centered 文本居中 right-aligned 文本居右

3.图片类

图片在这个编辑器里其实也可以直接复制粘贴。

图片:  ![提示文本](链接)
有格式图片:  ![提示文本](链接 =【图片大小尺寸:axb、ax、xb  ,ab是数值】)
            ![提示文本](链接 #【图片位置:pic_left、pic_center、pic_right】)

==混合格式需要先#=,注意#前面无空格,=前面有空格。==
图片: [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zluX6GIN-1678693757315)(https://img-home.csdnimg.cn/images/20220524100510.png)]

带尺寸的图片: [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OtiaGDIa-1678693757318)(https://img-home.csdnimg.cn/images/20220524100510.png#pic_center =60x60 )]


三.再看Markdown

为了让内容更好看一点,文本还有一些标签,字体大小颜色等,在了解一下快捷键。

1.字体与颜色

<font face="楷体">楷体</font>
<font face "黑体">黑体</font>
<font color=yellow>字体</font>
<font color=red>字体</font>
也可以使用#类颜色
<font size=5>大小</font>

楷体
黑体
字体
字体
大小8
大小5
大小4

2.文本背景

md默认不支持字体背景色,可以通过html的table来实现字体背景色.

<table><tr><td bgcolor=yellow>背景色yellow</td></tr></table>
背景色yellow

3.文字对齐

居中和居右。

居中对齐

<p align="right">居右对齐</p>

-----------------------------居中对齐

----------------------------------------居右对齐

缩进:&emsp;
 缩进了!

4.页内跳转

在位置添加跳转点/描点:<a id="req"></a>
添加点击跳转:[上一节](#req)
#后面的内容匹配到id跳转。

5.快捷键

上面也是可以预览快捷键方法的。
image.png

Markdown 快捷键
撤销 Ctrl /⌘+Z
重做 Ctrl /⌘+Y
加粗 Ctrl /⌘+B
斜体 Ctrl /⌘+I
标题 Ctrl /⌘+Shift +H
有序列表 Ctrl /⌘+Shift +O
无序列表 Ctrl /⌘+Shift +U
待办列表 Ctrl /⌘+Shift +C
插入代码 Ctrl /⌘+Shift +K
插入链接 Ctrl /⌘+Shift +L
插入图片 Ctrl /⌘+Shift +G
查找 Ctrl /⌘+F
替换 Ctrl /⌘+G

☕物有本末,事有终始,知所先后。🍭

☞我的博客

相关文章
|
小程序 Java 机器人
我的第一篇博客文章
马上快大三了,但我对编程颇有兴趣,所以,我决定从这篇博客开始记录我的编程之旅!!!
|
C语言 C++
第一篇博客
第一篇博客
51 0
|
Java 大数据 C语言
第一篇博客——初来乍到
第一篇博客——初来乍到
92 0
|
数据安全/隐私保护 云计算 开发者
开始写博客 | 学习笔记
快速学习 开始写博客
开始写博客 | 学习笔记
|
数据可视化 Java Linux
易秋博客
进来一起学习吧!
易秋博客
|
安全 Java 程序员
坚持写技术博客,我得到了什么?
最开始写博客的目的只是为了记录自己的学习,比如上面的这条,通过Inception V3模型实现花朵识别,用的是tensorflow框架实现了一个植物的识别,但是对于代码我理解并不够,因此我写下了自己对每行代码的注释,保存下来并发布。后来删除的原因是,我觉得这篇博客写的太没有博客的样子了。后来断断续续写了十来篇,然后就没有然后了。
|
搜索推荐 Java 程序员
为何建议技术人写写博客呢?
每逢佳节倍思亲,今天是中秋佳节,也是国庆,你是在回家的路上还是已经到家了呢?还是在苦逼的加班呢!今天不谈技术,我们聊一聊技术人写博客这件事。
我的第一篇博客
我的第一篇博客
1134 0
|
存储 程序员
写博客的个人建议
最近新公司的领导们很注重大家写博客。三番五次的再群里各种劝大家写博客,各种鸡汤各种喂,身为一个刚刚入职不久的渣渣程序猿。果断干了各种鸡汤,还要给大家再来一碗。 写博客利器 下面列的是我写博客经常用到各种利器,仅供参考 使用markdown 你如果经常上github这个神奇的网站。
1326 0