markdown 上手

2017-12-05  本文已影响0人  BGING

以前自己也记录过很多的笔记,内容和排版都是随意书写,我现在都不知道以前写的东西有什么用 (╥╯^╰╥)。
只有看了下 stormzhang 的博客也有一种想自己写写的想法。我喜欢简单又快速的书写。刚好markdown又能装 B还好用,欣然的喜欢上了。

目录

使用 markdown 的优点
markdown 官方文档
markdown 编辑器推荐

如果你还在纠结用什么 IDE,那选择 markdown干嘛,直接在 wrold 里编辑多好。他的语法不多又很好掌握。多用用,就会了。

markdown 语法介绍

就简要的介绍下,其实在推荐的 IDE 里有的包含 markdown 语法的说明(马克飞象)。

标题

这个简单吧,想标题字号小,你就使劲加 # ,如果加上没有效果,看看是不是 # 号后面没有空格,或者不是在起实行。

列表
引用
图片链接
@插入图片的例子

其实就比插入链接的语法前多了个!号;
添加图片描述:组成图片链接的 [ ] 里的文字前面加上@ 「@插入图片的例子」就会在图片的下面显示对图片描述内容。

粗体和斜体
表格

| Item | Value | Qty |
|: -------- | --------:| :--: |
| Computer | 1600 USD | 5 |

咋眼一看,其实我都不信这是 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个*就好了,下面是例子。


小结

其实常用的就这么几个,你在结合快捷键什么的。其实书写排版就这么简单。希望大家喜欢!

参考:
https://sspai.com/post/25137

上一篇 下一篇

猜你喜欢

热点阅读