如何简单优雅的排版博文(markdown篇)

原创 leasin 随笔 markdown 122阅读 2019-04-12 16:38:20 举报

该文不针对任何人和事,只是看到站内很多朋友的排版,看得有点不是很舒服,所以想更改排版的朋友可以看一下

什么是markdown

Markdown是一种轻量级标记语言,创始人为约翰·格鲁伯(英语:John Gruber)。它允许人们“使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档”。[4]这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。

由于Markdown的轻量化、易读易写特性,并且对于图片,图表、数学式都有支持,当前许多网站都广泛使用 Markdown 来撰写帮助文档或是用于论坛上发表消息。例如:GitHub、reddit、Diaspora、Stack Exchange、OpenStreetMap 、SourceForge等。甚至Markdown能被使用来撰写电子书

——wiki

以上是来自wiki的描述,其实可以简单的理解为另一种形式的.txt,.doc……差不多是这个意思,这样应该就可以理解了吧。

为什么要用markdown

  • "记事本打开的不怎么好看啊"
  • "我去,word打开怎么这么卡,这么多功能怎么用来着?"
  • "我的word是2013","我的是2016","我的是wps",……🤦‍♂️
  • "排版,全选!格式刷!选中!右键,调字体,调大小,调颜色!……心累"
  • ……

markdown,没有以上的问题,它是属于一种简约美的风格,全球统一,上手简单(记住常用6,7个符号就够了),文章后缀一般为.markdown.md,不过有一点对于平常不用的人来说不太好,因为要下载一个markdown编辑器,但是,反过来说,只要你有电脑,就一定会有记事本吧(又叫notepad),一定要用到office或者wps吧,所以个人认为这个不是很过分,下一个软件而已(因为有人很反感下载软件,在此说明下)。

markdown工具

在此呢,我觉得没必要一个一个找,然后记录下来,直接放上一个链接,大家可以去这里看下,反正我下过好多,也卸载了好多。工欲善其事必先利其器,有时候编辑器的使用也是影响记录和写作东西的心情的一个重要因素,哈哈。

个人使用的是typora,用了也挺久的。

使用

下面是使用方法,同学们注点意,开车了!

1. 标题

在想要设置为标题的文字的前面加#,想设置为几级标题,就写几个#,最多六级。

注意,#和文字中间有个空格,这样才会变成标题,连着写就是普通文字了。

2. 字体

斜体

在要加粗的文字两边用一个*包括起来

加粗

在要加粗的文字两边用两个*包括起来

加粗的斜体

在要加粗的文字两边用三个*包括起来

删除线

在要加粗的文字两边用两个~包括起来

下面看下他们长什么样子:

这是加粗的文字
这是倾斜的文字`
这是加粗的斜体文字
这是加删除线的文字

3. 引用

如果你想引用一段文字,像我上面引用了wiki,在要引用的文字前面加一个>就好了,当然了,引用也可以嵌套,也就是加两个>>,加三个>>>……

至于文字和符号中间加不加空格,看具体的编辑器了,有的是加不加都支持。

下面是效果:

引用一号

引用二号

引用三号

4. 分割线

比如我现在想画一条分割线,很简单,三个或三个以上的-或者*都可以

下面是效果图:


5. 图片

记录东西的时候会经常用到图片,word里叫图文混排(如果没记错的话),markdown里面这样使用:

一个感叹号,一个中括号后面跟一个小括号,不带空格,都是英文输入法的哦,中括号里写图片的说明文字,小括号里写图片的地址,有的编辑器支持本地图片,也支持复制图片自动生成地址,看你使用哪个编辑器了,不过一般网上浏览的话,最好还是放网络地址比较好。有同学问了,那我的图片在本地,怎样变成一个网络地址呢,这种情况可以了解一下图床,很简单,我们在最后面说。

写法如下:

下面是效果:

me

6. 超链接

超链接就是简单的图片格式:

下面是效果:

百度传送门

7. 列表

无序列表

一个-或者+或者*都可以,内容和符号中间有空格

效果:

  • todo1
  • Todo2

有序列表

数字加一个英文的点就好

效果:

  1. todo1
  2. Todo2

一般情况下,写了第一个,完事之后,直接回车就可以继续写第二个,依次往后排,如果你想跳出列表,回车两次就可以了。

列表嵌套

在上面的基础上,上下级敲空格三下,然后就可以写嵌套的列表了,不过也有另一种,回车到下一个列表之后,敲一下tab,就可以写嵌套的列表了。

下面是效果:

  • todo1
    • Todo11
  • todo2
    • Todo22
  1. todo1
    1. todo11
  2. todo2
    1. Todo22

8. 表格

表格稍微有点复杂,不过现在的编辑器很多都有快捷键了

语法:

说明:

第二行分割表头和内容。

有一个就行,为了对齐,多加了几个
文字默认居左,

  • 两边加:表示文字居中
  • 右边加:表示文字居右

下面是效果:

头1头2头3
内1内2内3

9. 代码

使用一个反引号,就是esc下面的那个按键,把内容包起来,就是单行代码。

效果:单行代码

使用三个反引号就是多行代码:

现在有的很多编辑器支持你去选择你的代码是什么语言,手动的话需要这样改一改:

这样就是用javascript解析

10. 待办事项(Todo)

如果你需要下面这样:

todo

你可以使用这个:

不过老版本的貌似不支持。

11. 流程图等

流程图的话,属于markdown的进阶操作了,一般的话,用到的不是特别多。

还有其他的比如:流程图、标签、注头注脚、laTex公式、序列图、内嵌图标……

下面是一个供参考的地址:

markdown-画图

Markdown里面使用mermaid画流程图(基础)

关于 Markdown 的一些奇技淫巧

图床

简单说,图床就是一个仓库,你可以把你的本地图片扔进去,会生成一个可以访问的网络地址,没了。跟我一样,都不喜欢废话,那,上链接:

盘点一下免费好用的图床

嗯,图片就交给它了

我用的是一个图床工具,叫picGo,一个别人还在研发阶段的图床工具,目前挺好用,如果有想用的,点这里:picGo传送门

结尾

差不多就这些了,个人再澄清一下,不针对某人某事,只是个人看法,推荐一下markdown,毕竟简约美挺好看的😁。

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复