以前自己也记录过很多的笔记,内容和排版都是随意书写,我现在都不知道以前写的东西有什么用 (╥╯^╰╥)。
只有看了下 stormzhang 的博客也有一种想自己写写的想法。我喜欢简单又快速的书写。刚好markdown又能装 B还好用,欣然的喜欢上了。
目录
- 使用markdown的优点
- markdown 官方文档
- markdown 编辑的IDE
- markdown 语法介绍
- 小结
使用 markdown 的优点
- 专注你的文字内容而不是排版样式。你可以飕飕的一直往下写。
- 轻松的导出 HTML、PDF 和本身的 .md 文件。
- 纯文本内容,兼容所有的文本编辑器与字处理软件。
- 可读,直观。适合所有人的写作语言。
markdown 官方文档
markdown 编辑器推荐
-
Windows
马克飞象:你可以下载客户端或者是直接在浏览器使用(果冻我正在使用)。支持在线预览,并且写好的文章可以直接同步到印象笔记。
Cmd Markdown:支持在线预览。可以参考这篇知乎专栏
小书匠:功能很强大,问题是部分功能收费... 估计是插件太多,页面有点卡顿。 -
在线编辑(在浏览器编辑)
例如简书、马克飞象、github 等这些都有很好的支持。
如果你还在纠结用什么 IDE,那选择 markdown干嘛,直接在 wrold 里编辑多好。他的语法不多又很好掌握。多用用,就会了。
markdown 语法介绍
就简要的介绍下,其实在推荐的 IDE 里有的包含 markdown 语法的说明(马克飞象)。
标题
![](https://img.haomeiwen.com/i9311184/38717b16c431a3dd.png)
这个简单吧,想标题字号小,你就使劲加 # ,如果加上没有效果,看看是不是 # 号后面没有空格,或者不是在起实行。
列表
![](https://img.haomeiwen.com/i9311184/887f199381f75a37.png)
引用
![](https://img.haomeiwen.com/i9311184/524e86c97c27c491.png)
图片链接
![](https://img.haomeiwen.com/i9311184/a7a5fb6ec51fbfdd.png)
其实就比插入链接的语法前多了个!号;
添加图片描述:组成图片链接的 [ ] 里的文字前面加上@ 「@插入图片的例子」就会在图片的下面显示对图片描述内容。
粗体和斜体
- 用两个 ** 包含文字就是粗体:「你」
- 用一个 * 包含文字就是斜体:「你」
表格
| Item | Value | Qty |
|: -------- | --------:| :--: |
| Computer | 1600 USD | 5 |
![](https://img.haomeiwen.com/i9311184/cc5dc79381402c13.png)
咋眼一看,其实我都不信这是 markdown,说好的简介呢... 还好 IDE 可以直接复制。找找语法提示里面。
1、第一行是标题,反正就是加两个棍子放着,里面加内容
2、第二行是对标题位置的说明,里面是英文的横线,你有几根横线没关系但必须要有
吧,然后用「:」说明标题显示位置(居左,居右,居中);我本来想控制内容的结果发现想多了...
3、第三行就是显示的内容咯。
代码框
这个对于程序员而言还是很重要的,其实就是 一对 ``` ,估计你还不找找,你在中文输入法找到 ~ 然后在英文输入法在按下这个键,就是他了。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Hero</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<app-root></app-root>
</body>
</html>
分割线
连续3个*就好了,下面是例子。
小结
其实常用的就这么几个,你在结合快捷键什么的。其实书写排版就这么简单。希望大家喜欢!
网友评论