使用Markdown：你的博客可以更漂亮

最新推荐文章于 2024-09-27 09:49:05 发布

阿佟木

最新推荐文章于 2024-09-27 09:49:05 发布

阅读量1.7k

点赞数 2

分类专栏：工具文章标签： markdown 博客经验工作

本文链接：https://blog.csdn.net/sinat_31105623/article/details/53994312

版权

工具专栏收录该内容

1 篇文章

订阅专栏

使用Markdown：你的博客可以更漂亮

先白话几句废话哈：

我要写这篇博客的原因很见到，因为我同桌前两天写博客的时候我看了一眼，实在是太丑了，我觉得像我这种有强迫症的人绝对会迅速打开，感觉页面太low了觉得他技术肯定不行，然后再迅速关掉。然而他实际上写的是一个连我们讲师都研究了很久东西，在此我就不附上链接了，我怕他打我：
吐槽和玩笑话说完了，该讲正题了，CSDN中也有的这个Markdown到底是个啥呢？？？

Markdown是个啥玩意儿？

我伟大的度娘是这样说的：Markdown是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。原谅我有选择性眼瞎癌晚期治不了综合症，我只看到的“格式”两个字。
*Markdown的特点是“轻量、简单、通用”，Markdown 语法的目标是”成为一种适用于网络的书写语言“，它的语法种类很少，只对应 HTML 标记的一小部分，Markdown 的理念是，能让文档更容易读、写和随意改。Markdown 的格式语法只涵盖纯文本可以涵盖的范围。
不在 Markdown 涵盖范围之内的标签，都可以直接在文档里面用 HTML 撰写*（斜体字可忽略，有闲心可以看下）
度娘告诉了我们：“Markdown的语法简洁明了、学习容易，而且功能比纯文本更强，因此有很多人用它写博客”，当然，博客里的功能很多都是Markdown的衍生版本，我就以CSDN为例，因为我今天要说的就是写博客这件事。

深刻剖析一下几张图

先深刻剖析一下这张图
如何切换到Markdown编辑器
这是你要写博客时出现的页面，有很多五颜六色的小图标，我一犯病就不管这些了，我们先切换到MarkDown编辑器页面，看我剖析的多深刻。

然后我们看到了这个页面。

然后它友好的向我们展示了它完美的实例文档，以便于我们能快速的照葫芦画瓢。当然你会问，人家的文档这么牛掰，那我写这是什么鬼，我说了呀，我只是告诉你怎样能写的更漂亮点，实在忍受不了某些欺负我们强迫症病人的懒鬼。

先看看这张图：

这简直就是偷懒必备精品了，初学者有些功能完全不需要掌握的一些比较常用的语言和功能。这个我觉得可以不用再详细的讲了，因为你把鼠标挪动到小图标上它就会告诉你了。点一下，你需要的格式或者功能就能实现了。我们针对这篇文章再进行二次描述吧！

二次描述示例文档

换行

换行符[原声的] : 一行结束时输入两个空格
貌似在这里好像不好用，在有道云笔记里是可以用的。

高亮

在有道云笔记里用着没什么问题，在这里居然没有用，但我还是拿出来分享了下，毕竟还是有很多人都用有道云笔记的。

==text==

展示
==text==

下划线

++加了下划线的内容++

这个在有道云笔记中亲测有用，在这里也没用，果然是衍生出的版本，都是Markdown，但是用法就是不一样。
展示：
++加了下划线的内容++

删除线

~~text~~

展示：

text

标题

 #欢迎使用Markdown编辑器写博客

首先我先谢谢它的热烈欢迎，然后再说一下这个标题问题，按由大到小的顺序排列结果如下：

标题	格式
H1	#Header 1
H2	##Header 2
H3	###Header 3
H4	####Header 4
H5	#####Header 5
H6	######Header 6

有需要的自行调整，在此就不附图了，亲测有效。但如果你说“哎，我老人家就想用这个井号怎么办“？其实只要这个井号前面有任意字符就行了，你看我现在写个”#“，我写出来了吧！你又说了，”我就想单独写个‘#’，前面没有文字“。既然你有这么奇葩的问题，那我就满足你，你在前面加个空格不就完了。。。

链接：

本Markdown编辑器使用[StackEdit][6]修改而来，用它写博客，将会带来全新的体验哦：

展示：
本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：

文本就是这么简单粗暴直接写出来的，然后就是这个蓝色的链接，在这之前我们先写一个链接：最近我读过的一篇我很欣赏的文章：给 Android 开发者的 RxJava 详解在此我先致敬一下。
这就是我打出来链接的那句话，其中括号里的是网址

[最近我读过的一篇我很欣赏的文章：给 Android 开发者的 RxJava 详解](http://gank.io/post/560e15be2dca930e00da1083)

直接打网址就是这个样子的：http://gank.io/post/560e15be2dca930e00da1083，也可以用，就是不那么好看，所以没那个必要时我是不会用滴。”[]”，”()”单独使用这两个括号是没用滴，可是放在一起“”,你看见这个双引号里有东西了吗？为了更真实的显示这个画面，我再来张截图：
我就是这么写博客滴

啥也没有了吧！
还是那个问题，“我就是想让这个两个括号像截图里那样展示，还有那个链接，但是要在Markdown中显示出来”。虽然这个问题对于写博客来讲有毛病，但我还是愿意尽我所能去尝百草治百病，药到命除。然后我们就说说“\”这个符号：

我们先写一个反斜杠，显示的是显示的是“\”,没毛病 ;
在这俩括号前放一个反斜杠，显示的是“[]()“，俩括号出来了；
在这俩括号前放仨反斜杠，然后“\[]()”，就没有然后了，自行脑补。

文档中就是多了个备注，不多说了，注意数字。
网址方面是这样写的，默认不显示的。

[数字]: 网址

列表：

 - **Markdown和扩展Markdown简洁的语法**
 - **代码块高亮**

展示：

Markdown和扩展Markdown简洁的语法
代码块高亮

其中”**粗体**”是用来加重突出文字的，斜体是这样的”*斜体*“。
注意列表的那段，我在前后都写了回车。

再下面是华丽的分割线，一堆小断线，其实写三个就足够了，写多了浪费。前后也是要有回车滴

 -------------------

快捷键

（这个不解释，自行尝试）
- 加粗 Ctrl + B
- 斜体 Ctrl + I
- 引用 Ctrl + Q
- 插入链接 Ctrl + L
- 插入代码 Ctrl + K
- 插入图片 Ctrl + G
- 提升标题 Ctrl + H
- 有序列表 Ctrl + O
- 无序列表 Ctrl + U
- 横线 Ctrl + R
- 撤销 Ctrl + Z
- 重做 Ctrl + Y

引用和内嵌HTML

（我实在不知道那是个什么符号，自己看吧，效果对比下）：

> Markdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档，然后转换成格式丰富的HTML页面。    —— <a href="https://zh.wikipedia.org/wiki/Markdown" target="_blank"> [ 维基百科 ]

以上语句展示的是：

Markdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档，然后转换成格式丰富的HTML页面。 —— [ 维基百科 ]

“维基百科”那儿四个字涉及了HTML（这个Markdown内嵌了HTML，度娘说原初的没有这个），然后你点它它就跳转了。当然这其中”<”和”a”之间是不能放别的东西的，代码的问题我就不解释了，总之：要制约的只有一些 HTML 区块元素――比如这里写图片描述等标签，必须在前后加上空行与其它内容区隔开，还要求它们的开始标签与结尾标签不能用制表符或空格来缩进。Markdown 的生成器有足够智能，不会在 HTML 区块标签外加上不必要的

标签。
注意：在 HTML 区块标签间的 Markdown 格式语法将不会被处理。比如，你在 HTML 区块内使用 Markdown 样式的强调会没有效果。

表格

（核心语句”-|-“），可以使用冒号来定义对齐方式：

| 左对齐     |   右对齐 | 居中对齐  |
| :-------- | --------:| :--: |
| 。。。  | 。。。 |  。。。  |

展示：

左对齐	右对齐	居中对齐
。。。	。。。	。。。

定义列表

Markdown　Extra　定义列表语法：

项目１
: 哈哈（冒号+空格，空格千万不要忘了）

项目２
:   定义 A

展示：

项目１

哈哈

项目２

定义 A

（注意项目与项目之间要有回车隔开）

代码块语法：

(忽略那三根反斜杠，是为了方便展示写的)

\ ``` （这三个点是键盘”1“前面的按钮，我也不知道这是个什么符号，有知道的告诉我一下）
\ （你要写的代码）
\ ```

展示：

@requires_authorization
def somefunc(param1='', param2=0):
    '''A docstring'''
    if param1 > param2: # interesting
        print 'Greater'
    return (param2 - param1 + 1) or None
class SomeClass:
    pass
>>> message = '''interpreter
... prompt'''

这里还有内嵌代码 : alert('Hello World');格式如下：

`alert('Hello World');`

脚注

格式：

生成一个脚注[^footnote].
[^footnote]: 这里是 **脚注** 的 *内容*.

展示：
生成一个脚注1.

数学公式

（不解释，我不会，就照抄吧！）
使用MathJax渲染LaTex 数学公式，详见math.stackexchange.com.

行内公式，数学公式为： $\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$ 。
块级公式：

x = - b \pm b 2 - 4 a c - - - - - - - \sqrt 2 a

$x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a}$

更多LaTex语法请参考这儿.

UML 图

（也不解释了，还是不会）:

可以渲染序列图：

或者流程图：

关于 序列图 语法，参考这儿,
关于 流程图 语法，参考这儿.

离线写博客

即使用户在没有网络的情况下，也可以通过本编辑器离线写博客（直接在曾经使用过的浏览器中输入write.blog.csdn.net/mdeditor即可。Markdown编辑器使用浏览器离线存储将内容保存在本地。
用户可以选择把正在写的博客保存到服务器草稿箱，即使换浏览器或者清除缓存，内容也不会丢失。

注意：虽然浏览器存储大部分时候都比较可靠，但为了您的数据安全，在联网后，请务必及时发表或者保存到服务器草稿箱。

浏览器兼容

目前，本编辑器对Chrome浏览器支持最为完整。建议大家使用较新版本的Chrome。
IE９以下不支持
IE９，１０，１１存在以下问题
1. 不支持离线功能
2. IE9不支持文件导入导出
3. IE10不支持拖拽文件导入

总结：

我也就是大致介绍下，详细的你可以参考Markdown 语法说明 ,我就不多说啥的。还有的不需要解释的我就照抄了，其实有很多办法可以写的更漂亮的，我只是简单说下Markdown，因为Markdown使用范围很广，比如有道云笔记里就有，看云里也有，总之比较常见，虽然衍生出了很多种，但是用起来都差不多，万变不离其宗，好好学吧，孩儿！！！

这里是备注：