美文网首页程序员IT在线课程
Markdown,让写作成为一种享受

Markdown,让写作成为一种享受

作者: 清水咸鱼 | 来源:发表于2018-11-03 17:36 被阅读141次

Markdown简介

ps:本篇文章是在有道云中书写和调试的,不同平台显示略微有差别!

Markdown概述

Markdown是一种轻量级的简单易学的标记语言,通过简单的标记语法,可以使普通文本内容具有一定标记格式。其文本格式为.md类似于html,只不过标签更简单,更易读易写,可以方便转换为htmlpdf等格式。
Markdown不是一种编程语言,其目标也不会代替html,但是其非常适用于写文档,书写博客等。一旦上手Markdown后,写作会成为一种享受。

Markdown优点

  • 学习成本低,只需要简单掌握十几个符号用法就可以;
  • 纯文本,兼容性强,所有的文本编辑器都支持;
  • 让用户专注于内容而不是排版;
  • Markdown可以随意转换为htmlpdfmd格式的;
  • 标记语法具有良好的可读性。

Markdown缺点

  • 对图片的支持度不像word等那么方便;
  • 不同Markdown编辑器语法有细微差别。

Markdown语法

标题

Markdown中插入不同级别的标题操作非常方便,只需要插入不同数量的#即可。

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

注意: #与标题之间一般需要空一格。
备注:以上为Markdown中演示内容,实际书写中呈大小梯度变化。

列表

列表分为有序列表和无序列表,两者在实现上有些差异。有序列表顾名思义是有逻辑数字顺序的,如1、2、3等,而无序列表仅仅是以一种无差异符号表示内容的并列关系。

无序列表

Markdown中支持多种符号实现无序列表格式化,如-*+,其效果均相同。

---
- aaa
- bbb
- ccc
---
* AAA
* BBB
* CCC
---
+ 111
+ 222
+ 333
---
- aaa    # 不同符号之间也可以混用,外观上相同,但间距变大。。。
* BBB
+ 333
---

Markdown下实现效果


  • aaa
  • bbb
  • ccc

  • AAA
  • BBB
  • CCC

  • 111
  • 222
  • 333

  • aaa
  • BBB
  • 333

备注: 因为-符号操作最方便只需要按一下按键,建议最好使用-符号实现无序列表。

有序列表

同等级有序列表

实现同一等级的有序列表,只需要数字加上点号(小数点和英文格式的句号均可以),且与输出的内容中间空一格即可。

---
1. aaa
2. bbb
3. ccc
---
1. aaa
3. ccc
2. bbb
---
111. AAA     # 多位数字也可以
112. BBB
113. CCC
---

Markdown下实现效果


  1. aaa
  2. bbb
  3. ccc

  1. aaa
  2. ccc
  3. bbb

  1. AAA
  2. BBB
  3. CCC

多级有序列表

目前,在一般Markdown语法中多等级有序列表没有完美的实现方法,但能通过结合无序列表方法折中解决。

- 1\. aaa       # 注意'.'前要加反斜杠转义。。。
    - 1.1 bbb 
    - 1.2 ccc
- 2\. bbb
    - 2.1 aba
    - 2.2 bab
- 3\. ccc
    - 3.1 aca
    - 3.2 cac
        - 3.2.1 eee
        - 3.2.2 ggg

Markdown下实现效果

  • 1. aaa
    • 1.1 bbb
    • 1.2 ccc
  • 2. bbb
    • 2.1 aba
    • 2.2 bab
  • 3. ccc
    • 3.1 aca
    • 3.2 cac
      • 3.2.1 eee
      • 3.2.2 ggg

分割线

Markdown中实现分割线也可以通过-*+三种符号完成。具体实现方法如下:

---
------     # 可以使用三个以上符号,*和+ 效果相同
-  -    -  # 符号之间可以加上多个空格

注意: 使用-插入分割线时,需要与上面的内容之间至少空一行,否则 Markdown会将上一行内容解释为二级标题。




字体修饰

Markdown中字体修饰主要包含:字体加粗斜体下划线大小上色背景色等。

字体

Markdown中无原生语法修饰字体,但我们可以借鉴HTML语法实现相关效果。

<font face="黑体">我是黑体字</font>
<font face="微软雅黑">我是微软雅黑</font>
<font face="STCAIYUN">我是华文彩云</font>

<font face="黑体">我是黑体字</font>
<font face="微软雅黑">我是微软雅黑</font>
<font face="STCAIYUN">我是华文彩云</font>

字体加粗

Markdown中实现字体加粗方式有以下几种(大家选择顺手的就可以~~~):

**加粗**               # 推荐用法
__加粗__               # 英文状态的下划线
<b>加粗</b>  
<strong>加粗</strong>

Markdown下实现效果
加粗
加粗
<b>加粗</b>
<strong>加粗</strong>

  • 字体斜体

Markdown中实现斜体也有以下几种方式:

*斜体*  
_斜体_  
<em>斜体</em>

斜体
斜体
<em>斜体</em>

下划线

Markdown中并无原生语法的实现下划线,但可以借鉴HTMLcss中的用法。

++下划线++     # 有道云中可以实现
<u>下划线</u>  
<span style="border-bottom:2px dashed red;">下划线</span>  
<span style="border-bottom:2px solid red;">下划线</span>  

Markdown下实现效果
++下划线++
<u>下划线</u>
<span style="border-bottom:2px dashed red;">下划线</span>
<span style="border-bottom:2px solid red;">下划线</span>

字体大小

借鉴HTML语法可以在Markdown中调整字体大小。

<font size=4>字体大小</font>  
<font size=6>字体大小</font>

<font size=4>字体大小</font>
<font size=6>字体大小</font>

字体上色

借鉴HTML语法也可以在Markdown中实现字体上色效果。

<font color=gray size=4>字体上色</font>  
<font color=red size=4>字体上色</font>

Markdown下实现效果

<font color=gray size=4>字体上色</font>
<font color=red size=4>字体上色</font>

字体背景色

Markdown中也无原生语法的实现下划线,但有道云中可以通过以下方式实现:

==字体背景色==    # 有道云中可以,其他平台还未测试

Markdown下实现效果
==字体背景色==

代码

行代码

单行代码引用使用单个符号(符号位于ESC键下方),实现代码着色。Markdown`下实现效果

`行代码`,`Markdown` 

行代码,Markdown

代码块

将代码置于```(三个)符号之间,实现代码块突出显示。Markdown`下实现效果

```    # 显示需要,Markdown中不需要加
代码块
代码块
```    # 显示需要,Markdown中不需要加
代码块
代码块

引用

Markdown中引用的符号是>,使用时>与引用内容间要空一格。大概可分为普通引用和嵌套引用,具体使用方法如下:

普通引用

Markdown下实现效果

> 引用内容1  
引用内容2      # 引用内容后不空行的话,后面均为引用内容,只需要在第一行加上'>'符号即可。
引用内容3

> 引用内容a  
> 引用内容b  
> 引用内容c

引用内容1
引用内容2
引用内容3

引用内容a
引用内容b
引用内容c

嵌套引用

在引用中加入不同数量的>符号可以表示不同等级。
Markdown下实现效果

> 引用1    #从少到多可以直接实现,如果多到少则不能实现(ps有道云)。
>> 引用2  
>>> 引用3  

引用1

引用2

引用3

引用内修饰

引用内容内也可以加入字体加粗、代码引用等语法修饰,突出显示内容。
Markdown下实现效果

> **加粗**  
> *斜体*  
> `代码`  

加粗
斜体
代码

链接

[百度](http://www.baidu.com) 
[百度](http://www.baidu.com "这是备注")  # 可以添加备注
<http://www.baidu.com/>                  # 自动链接  
<fangj@163.com>                          # 也可以通过链接方式自动生成电子邮件

百度
百度
http://www.baidu.com/
fangj@163.com

图片

Markdown中图片插入的方式与和链接非常相似,差别只是在[]前加上
如果要在网络上分享文章,需要提前将图片放到图床上,获得图片的链接,当然也可以直接在网络上寻找图片。如果只是在本地查看,则可以根据图片相对路径或绝对路径插入到文中。

![星空](https://img.haomeiwen.com/i6727859/8e5f4133d91a25f0.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![星空](https://img.haomeiwen.com/i6727859/47357d134d44a033.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 "备注")  # 也可以备注信息

星空

参考链接

献给写作者的 Markdown 新手指南
front-end-study from github
Markdown使用笔记
CSDN-markdown编辑器语法——字体、字号与颜色
Learning-Markdown (Markdown 入门参考)

相关文章

  • Markdown,让写作成为一种享受

    Markdown简介 ps:本篇文章是在有道云中书写和调试的,不同平台显示略微有差别! Markdown概述 Ma...

  • Typora For Markdown 简介及语法

    简介 Markdown 的目标是实现「易读易写」。 Markdown 是一种轻量级标记语言,让写作者专注于写作而不...

  • 让写作成为享受

    这是“快乐的驴子说”,第53篇说 又是几近午夜。 或许是受到灯光的影响,亦或是受到键盘敲击,发出声响的烦扰,儿子莽...

  • 和我一起学markdown1

    Markdown 语法 markdown背景特点 markdown优点 markdown是一种用于写作的纯文本标记...

  • 自制永久免费的私有图床,替代iPic,你值得拥有

    Markdown写作者的痛点 使用Markdown 可以有一种沉浸式写作体验。 Markdown 可以专注于文字本...

  • 超越自己的极限

    写作久了,干点单调的工作让手忙起来,让头脑休息。单调枯燥的工作更累人,此时写作就成为一种休息和享受。 如何引爆你的...

  • 简书markdown知道这些够用了吧

    参考简书上使用Markdown(超详细)献给写作者的 Markdown 新手指南让写作更优雅——Markdown指...

  • 简书+markdown 更加自由放心的写作

    学会了用markdown写作之后,我更加热爱写作了,码字变成一种享受的事情。但对我这种整理控和安全控来说,非常重要...

  • Markdown学习

    Markdown学习 Markdown是一种用来写作的轻量级 标记语言,它用简洁的语法代替排版,让用户更专注于内容...

  • markdown 使用介绍

    markdown Markdown 是一种轻量级的「标记语言」,它有着兼容性极强的排版。它可以让写作更注重于内容,...

网友评论

    本文标题:Markdown,让写作成为一种享受

    本文链接:https://www.haomeiwen.com/subject/klokxqtx.html