还在用Word编辑文档?OUT啦

前言

日常工作中,我们通常习惯使用Office软件来编辑我们的文档。编辑过程中,你有没有遇到以下问题:

  • 编辑中,经常需要我们在编辑好图文后,利用鼠标来选择一定的样式对文档进行排版。从而不可避免的需要在鼠标、键盘操作之间来回切换。
  • 更有甚者,当我们看到一篇文档的排版非常漂亮并想要使用的时候,不得不一对照该文档的格式进行操作应用。
  • 我们在复制文档的时候经常希望将文字希望连带格式一并复制粘贴过来,而这个时候往往出现格式丢失或者扭曲的现象。

那有没有一种方法可以解决以上问题?
我们可以通过Markdown来定义文档,然后使用外部工具进行排版。本文的编辑便是使用Markdown完成,然后通过Markdown here插件进行的排版。

image

什么是Markdown?

Markdown是一种标记性语言,它规定了建立标题、插入列表、插入图片、插入公式等的规则,只要我们遵循
这些规则写好文档,就可以使用外部样式工具来建立各种样式的文章。

由于Markdown简单易用且可以应用各种已经定义好的样式,普遍被科研工作者、新媒体文章作者和开发人员所使用。

Markdown的目标是易于阅读,创作和编辑文章。

Markdown编辑工具

编辑Markdown文档,可以直接使用文本编辑器。但是,不能直观的感受编辑效果。我们可以选择可以边编辑边查看效果的编辑软件,从而获取编辑什么,看到什么的体验。以下推荐几款常用Markdown编辑软件。

Visual Studio Code

Visual Studio Code作为软件开发人员工具,也可以同时方便快捷编辑Markdown

image

Typora

Typora作为一款Markdown编辑器,可以边编辑边查看效果,同时提供了丰富的样式选择。

image

Markdown编辑

使用Visual Studio Code作为编辑器,选择文件-》新建文件,再选择文件-》保存,将文件保存为.md为后缀的文件,如还在用Word编辑文档?OUT啦.md

image

接下来,介绍下Markdown的语法规则。

标题

Markdown有六种标题,使用一到六个#号 + 一个空格 + 标题表示,一级标题使用1个#,二级标题使用2个#,以此类推。

每个例子后面的内容可以直接复制粘贴到编辑器中,然后就可以看到效果。

例:

# 一级标题  
## 二级标题  
### 二级标题  
#### 二级标题  
##### 二级标题  
###### 二级标题  

效果如下图:

image

段落

段落的前后要有空行,所谓的空行是指没有文字内容。
若想在段内强制换行应该使用两个以上空格加上回车(引用中换行省略回车)。

例:

第一个段落第一行
第二行(显示在第一行后面)

第二个段落第一行  
第二行(另起一行)

注意:上述写法中,第二个段落第一行后面有2个空格,如下图所示。

image

效果如下:

第一个段落第一行
第二行(显示在第一行后面)

第二个段落第一行
第二行(另起一行)

引用

引用以> + 空格开始。

例:

> 百日依山尽,黄河入海流

效果如下:

百日依山尽,黄河入海流

引用还可以层叠嵌套,以2个或者更多个连续> + 空格表示嵌套引用。

例:

> 百日依山尽,黄河入海流  
>> 王之涣  
>>> 唐  

效果如下:

百日依山尽,黄河入海流

王之涣

代码区块

代码区块的建立是在每行加上4个空格或者一个制表符。

例:

    function test() {  
        console.log('ok');  
    }

效果如下:

function test() {
    console.log('ok');
}

注意:代码区块需要和前面的普通段落之间存在空行。

斜体和粗体

斜体

将文字包裹在*或者_字符中,表示文字是斜体。

例:

*斜体*  
_斜体_  

效果如下:

斜体
斜体

粗体

将文字包裹在**或者__字符中,表示文字是斜体。

例:

**粗体**  
__粗体__  

效果如下:

粗体
粗体

列表

无序列表

使用*+、或-再加一个空格标记无序列表。

例:

* 第一项  
这是第一项下的一段文字。  
+ 第二项   
- 第三项    
    - 第三项子项1  
    - 第三项子项2  
        - 第三项子项2的子项1  

效果如下:

  • 第一项
    这是第一项下的一段文字。
  • 第二项
  • 第三项
    • 第三项子项1
    • 第三项子项2
      • 第三项子项2的子项1

有序列表

有序列表的标记方式是将上述无序列表的符号换成数字,并辅以.再加一个空格

例:

1. 第一项    
   1. 第一子项  
   2. 第二子项  
2. 第二项    
3. 第三项  

效果如下:

  1. 第一项
    1. 第一子项
    2. 第二子项
  2. 第二项
  3. 第三项

注意:无序和有序列表都可以混合嵌套使用。

链接

链接有两种形式:行内式和参考式。
行内式指直接在后面给出链接地址。
而参考式则是在文末给出链接地址的别名,在文章中直接使用链接地址的别名。

行内式

例:

[IntelliJ IDEA常见乱码场景及解决方案
](http://mp.weixin.qq.com/s?__biz=MzIxNDMxOTI5OA==&mid=100000001&idx=1&sn=817324d30eb8d0d3f427b6fb94bb4032&chksm=17a828ac20dfa1baeedc203cd11e1f98f8d2927ba871497f1ea04f6c09256aba7912c589a71f#rd "乱码场景及解决方案")

效果如下:

IntelliJ IDEA常见乱码场景及解决方案

参考式

例:

[IntelliJ IDEA常见乱码场景及解决方案
][wrong_code]

效果如下:

IntelliJ IDEA常见乱码场景及解决方案

wrong_code为文末定义的别名。如下图:

image

图片

添加图片的形式和链接相似,只需在链接的基础上前方加一个!

例:

![Window](https://mmbiz.qpic.cn/mmbiz_png/5pjFicjjUJ5dC58dC3yUKrGemTcy4G4h2ZsJJic2GhYdiaIxKtcdNKuSOllk5XMSLv1K2VexnEadSytibJJout4Grg/0?wx_fmt=png)

效果如下:

Window

例:

![PyCharm][pycharm]

pycharm为文末定义的别名。如下图:

image

效果如下:

分割线

分割线使用三个或以上的连续*、-或者_。

例:

***  
---  
___  

效果如下:


特殊字符

反斜杠

反斜杠\相当于反转义作用,使符号成为普通符号。

例:

显示\-

效果如下:

显示-

符号`

符号`起到标记作用。

例:

`mark`

效果如下:

mark

代码

使用三个```包裹。在```后面标注所使用的编程语言。

例:


image

效果如下:

image

删除线

使用删除线的文字使用~~包裹。

例:

~~删除线~~

效果如下:

删除线

表格

表格各列之间使用|分割;
表格表头和数据行之间使用多个-分割。

关于表格数据对齐方式:

  • :在一列的左端表示左对齐;
  • :在一列的右端表示右对齐;
  • :在列的两端都有表示居中对齐;

默认为左对齐。

例:

| 姓名 | 语文 | 数学 | 英语 |  
|----------|:--------:|---------:|:---------|  
| 张三      |    85   | 80      | 90      |  
| 王五      |    80   | 90      | 80      |  
| 李义山      |    90   | 100      | 90      |  

效果如下:

姓名 语文 数学 英语
张三 85 80 90
王五 80 90 80
李义山 90 100 90

任务列表

任务列表以[][x]分别表示代办任务和已完成任务。在[][x]之前应该有无序列表或者有序列表规则。

例:

- [x] 支持@提及, #引用, [github](https://github.com/), **格式**, 和<del>标签</del>   
- [x] 要求列表语法(无序、有序列表都可以)  
- [x] 已完成任务  
- [ ] 未完成任务  

效果如下:

  • 支持@提及, #引用, github, 格式, 和<del>标签</del>
  • 要求列表语法(无序、有序列表都可以)
  • 已完成任务
  • 未完成任务

Latex公式

科研人员常使用的Latex公式包裹在$$中。

例:

$$(x-y)^2\equiv(-x+y)^2\equiv x^2-2xy+y^2$$

效果如下:


image

直接嵌入HTML标记

可以直接嵌入HTML标记。

例:

<ol>
    <li>1</li>
    <li>2</li>
</ol>

<strong>粗体</strong>

效果如下:

<ol>
<li>1</li>
<li>2</li>
</ol>

<strong>粗体</strong>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,558评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,002评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,036评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,024评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,144评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,255评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,295评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,068评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,478评论 1 305
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,789评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,965评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,649评论 4 336
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,267评论 3 318
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,982评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,223评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,800评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,847评论 2 351

推荐阅读更多精彩内容

  • 关于Markdown 一整个学期下来,我觉得让我收获最大之一的是学会markdown语言。我们平常都是使用Word...
    Dacade阅读 935评论 0 2
  • 本章导航: 1. 介绍 markdown 的基础知识与如何编写 。 2. 转换字体。 导言 Markdown 的设...
    水之心阅读 2,724评论 0 16
  • 原文2015年2月20日记于 Day One 船长 各位伙伴,年过的可好?各位每天都有进步么? 今天我准备开始跟大...
    手拿蒲扇的熊猫阅读 892评论 0 3
  • SeaClass R软件包提供了分析分类问题的工具。特别是,可以使用专用工具来解决不平衡数据集的问题。SeaCla...
    Liam_ml阅读 311评论 0 7
  • 今天反思自己对待爱情不够乐观不够宽容。 女朋友有了细腻脆弱紧张的感情,自己的第一反应竟然是不允许这种情况发生,不允...
    小小浩888阅读 716评论 0 0