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

来源:互联网 发布:wow台服数据库 编辑:程序博客网 时间:2024/06/04 01:11

使用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 定义列表语法:

项目1: 哈哈(冒号+空格,空格千万不要忘了)项目2:   定义 A

展示:

项目1
哈哈
项目2
定义 A

(注意项目与项目之间要有回车隔开)


代码块语法:

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

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

展示:

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

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

`alert('Hello World');`

脚注

格式:

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

展示:
生成一个脚注1.


目录

[TOC]来生成目录(因为我内容的原因,看着目录有点丑),把它写在合适的位置,这个是可点击的:

  • 使用Markdown你的博客可以更漂亮
    • 先白话几句废话哈
        • Markdown是个啥玩意儿
        • 深刻剖析一下几张图
    • 二次描述示例文档
        • 换行
        • 高亮
        • 下划线
        • 删除线
    • text
        • 标题
        • 链接
        • 列表
        • 快捷键
        • 引用和内嵌HTML
        • 表格
        • 定义列表
        • 代码块语法
        • 脚注
        • 目录
        • 数学公式
        • UML 图
        • 离线写博客
        • 浏览器兼容
    • 总结


数学公式

(不解释,我不会,就照抄吧!)
使用MathJax渲染LaTex 数学公式,详见math.stackexchange.com.

  • 行内公式,数学公式为:Γ(n)=(n1)!nN
  • 块级公式:

x=b±b24ac2a

更多LaTex语法请参考 这儿.


UML 图

(也不解释了,还是不会):

可以渲染序列图:

Created with Raphaël 2.1.0张三张三李四李四嘿,小四儿, 写博客了没?李四愣了一下,说:忙得吐血,哪有时间写。

或者流程图:

Created with Raphaël 2.1.0开始我的操作确认?结束yesno
  • 关于 序列图 语法,参考 这儿,
  • 关于 流程图 语法,参考 这儿.

离线写博客

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

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


浏览器兼容

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

总结:

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


这里是备注:


  1. 这里是 脚注内容. ↩
1 0