瞎扯一扯markdown

markdown是个啥

markdown是啥?markdown其实就是一种标记语言, 标记语言其实就是一种规则, 以这种规则写出来的文本能被渲染器或者阅读器解析, 以另一种方式呈现出来, 比如说html就是一种标记语言, 浏览器能将html转换成相应的网页供人们浏览, markdown其实也是一样的, 以特定的规则书写markdown, 最终就被解析成相应的界面了.

3026741-cc627b4b6a77e9ae.png
image.png

markdown图个啥

markdown的创造目的是为了人们能更好的编写文档, 尤其是在网页上显示的时候.

很久以前, 没有html的时候, 人们都用纯文本书写, 字都一样大,没有段落和层次感, 这种样式实在是太丑了, 不适合查看

后来诞生了html, 人们可以用html组织样式, 大小, 甚至颜色等等等,非常的方便, 可定制性很高, 但是html的书写和修改相对都比较麻烦, 所有人们吧html相对比较常用的样式一些抽出来作为固定的显示方法, 然后用markdown这种更简单的语法去书写, 最终markdown书写出来的文本是可以直接转换成html的, 那么你说我不会html咋办, 也没事, 一样能很简单的学会markdown的语法.

markdown是程序员的首选记录文档,笔记的方法, 但是不只是程序员才需要学习markdown, 所有想要用更高效,更优雅的方法记录文档的孩子都需要这个东西.

markdown怎么写

渲染器

我们说markdown本身是纯文本, 只有经过渲染才能变成实际的样式, 就像代码本是所以我们需要一个渲染器, 一边学,一边看.

在线的markdown编辑器很多, 简书, 作业部落等等, 而且一般都会有示例, 学习还是很容易的.

作业部落cmd markdown

渲染器一般分为左右渲染和实时渲染, 前者是目前的主流, 也就是左边是原文本输入, 右边是渲染的结果

实时渲染我使用过的就只有 Typora, 但是其精简的设计和所见即所得的使用体验让我爱不释手,强推.

不过对于新手来说,我建议先从左右渲染开始, 等熟悉语法之后再使用Typora.

语法

markdown学啥, 其实学的就是一个语法, 语法学会了, 打的多了自然都会了, 但是这样就落了俗套了, 而且这样的教程网上实在太多了, 我也不想多加赘述, 所以我们必须从markdown每种语法的目的出发, 真正了解markdown的设计思想.

开始markdown之旅

假设你现在有些一篇文章论述博主是多么多么帅,我们拿到了一个编辑器

首先我们需要一个大大大的标题来表示我们这片文章的主题

这时候我们需要一个#来表示, 注意# 和文本之间有空格

# 震惊,居然有人能这么帅

然后我们需要一个二级标题来开始我们的论述, 很简单, 两个#, 二级标题的字体比一级标题小一点点, 也就是关于主题的一个论点,或者一个大的段落.有二级标题自然还有三级,四级,五级标题, 不过一般我们用到四级标题就行了.文章不宜有深入的层级.示例如下

## 从盘古开天地说起

然后我们开始简单的陈述, 这时候用最简单的字来写就好了,如

博主这么帅,是自古以来的固有属性, 是无法被剥夺的,从三个点来说吧

然后我们要分点描述博主帅的原因, 原因之间是没有先后关系的,这时候可以用-来写, 如

- 没啥理由
- 帅无罪
- 你没得反驳

注意-和文字之间是有空格的

在第一论点的最后, 我们用加粗的字体来阐述自己的态度, 可以用左右各两个*号来包裹文本, 不用空格,如

**以上, 博主就是那么帅**

要是再浮夸点, 可以用斜体, 其实就是左右各一个* 号来表示

*再说一遍,博主就是那么帅*

以上渲染出来的样子大概就是下面这样, 是不是既美观又富有层次感( 关键是论述还特别有道理).而且我们并没有太多的关注排版, 这一切都交给了渲染器, 这让我们能更加的专注于书写的内容.

3026741-3160dc9ba662e624.png
image.png

感受到markdown的魅力之后我们继续, 来看第二段, 我们要从个人经历来论证博主的帅气, 我们可以这样写

## 从我的经历说起


那天我决定去见博主, 流程如下

1. 我穿衣服
2. 打开门
3. 搭公交
4. 下车
5. 见到博主
6. 帅瞎眼
7. 完

我临终前的愿望

- [ ] 再见一次博主的脸
- [x] 没了

最终的渲染结果如下

3026741-02fb8db8e1ba796f.png
image.png

在这里我们用到了顺序关系的事件, 我们可以直接用编号1. 来表示, 区别在于这部分一般会被渲染器缩进, 查看美观.接着我们用到了代办事项, 用- [ ] 来表示未做, - [x] 来表示已做.

接着, 我们要引经据典来论证博主的颜值, 第三段可以这样写

## 这绝不是我听风就是雨

关于博主的帅, 我绝不是瞎掰, 鲁迅就说过

> 学医救不了中国人

从这句话就能充分体现出鲁迅对博主帅的认同.

另外你可以用这个公式算一算博主的帅气值

$$ E=mc^2 $$

用这个程序跑一下看看博主帅不帅

\`\`\`python
def shuai():
    while true:
        print("博主真的帅")
\`\`\`


还不信的话我给你们发个网址,你们可以去看看[博主的帅照](http://blog.acring.me/)

不然我直接放出来吧

![TIM图片20180202152821.jpg](http://upload-images.jianshu.io/upload_images/3026741-f95fdd4133804742.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)


渲染结果如下

3026741-1a8a33914a7ca917.png
image.png

这里用到了很多方式来论证博主的帅

  1. 引用别人的话

> 可以用来引用别人的话, 这是一种规范, 当然也可以不遵守

  1. 数学表达式

$$xxx$$ 可以用来写各种数学表达式, 渲染成比较容易查看的模式, 不过数学表达式的写法又是一套规则了,有兴趣的可以去了解下

  1. 引用代码
\`\`\`python

\`\`\`

这样子的格式是引用程序代码, 第一个三引号后面表明代码的语言, 渲染器就能帮你高亮代码, 是不是看起来舒服很多.

  1. 创建连接

[]()可以把某段文字加上链接跳转,当点击这段文字时就会跳转到指定的页面, 中括号[]写的是文本, () 小括号里写的是链接,

  1. 创建图片

我们也可以直接在文章中添加想要的图片,可以用 ![]() 的方式相当于在链接的前面加了个感叹号, 不过这时的() 里填的就应该是图片地址了.

最后基本的用法中还有个表格, 不过我编不下去了, 就自己看看吧

3026741-bc13530eee66eff4.png
image.png

| 项目   |     价格 |  数量  |
| ---- | -----: | :--: |
| 计算机  | 1600 |  5   |
| 手机   |   12 |  12  |
| 管线   |    1 | 234  |

效果如下.

项目 价格 数量
计算机 1600 5
手机 12 12
管线 1 234

总结

markdown能让我的写作变得更加有效率和舒服, 不用担心排版的问题,而是更多的专注在内容的层次, 深度,组织结构,我们还可以用些转换工具(typora自带,其它没接触)从markdown文件直接转换 成pdf或者word, 达到一份文件, 各种格式的目的, 极快的加大了我们学习工作的效率, 所以为啥你还不试试用markdown开始你的创作之路呢?

猜你喜欢

转载自blog.csdn.net/weixin_34090643/article/details/87214792