MarkDown让你文章炫起来！

  昨天在掘金发文章的时候，发现这个编辑器MarkDown很陌生
然后探索性的写了个< br >惊喜的发现换行了，而习惯的Enter也是没有换行的效果的 接下来按了空格键也没有在右边显示，于是准备切换富文本编辑

• 犹豫时眼睛在页面上乱转居然在左下角发现了神奇的图标 M+ ，我去，这难道就是传说中武功秘籍，以后也能写出和大佬一样的文章收很多小弟了吗！

嘿嘿，公欲善其事必先利其器，赶紧偷偷练起来。

1、最前面一个#号就能写一个大标题

2、最前面两个##就是小标题

• 3、这是一个列表
  复制代码

4、ctrl+B就是粗体文本

5、这就是MarkDown的官方文档，别点我别点我

6、console.log('这就是Inline Code!');

7、我发现这个里面是嵌套不了标题的
founction greet() {
    console.log('这就是Code!')
};
复制代码

但是我发现这完全不够啊，这样是写不出花里胡哨的我想象中的大佬同款。

嗯好吧 先想想自己还要什么样的

• 字体换行
• 字体颜色 哇 酷炫的原谅色
• 首行缩进
• 分割线————————————
• 图片能够变小，夹进文字里面
• 插入特殊符号
  
• 字体大小
• 嵌套

OK 那让我们来解决吧

1. 字体换行   这里提供2种方案:

   a、换行符 < br >
   b、切换成英文输入的时候敲两下空格然后再打一个回车

2. 字体颜色
   

   <font color=#bfa>这里写字体就OK拉</font>

3. 首行缩进 这里提供三种方法
   

   a、  这是一个中字的空白  （！不要遗漏了后面的 ; 哦）
   b、  这是半字的空白
       这也是半字的空白  （不过这个是不断行的）
   c、切换成英文输入敲两下空格  （只能产生一个空格，再多敲也是没用的
   

4. 分割线 这里提供2种最便捷方法：
   

   a、*** 连打三个 * 号即可    
   b、--------------------- 连按很多个 - 号
   官方文档还给出了其他的方案不过个人觉得这两种是比较省力且好记的
   

5. 图片改变大小夹进文字
   

   在修改图片的url后缀的w\h没有用，应该是掘金不支持这个改变
   ┭┮﹏┭┮但是休想让我停止酷炫
   

6. 插入特殊符号
   

   \* 还是类似的反斜杠跟HTML语法类似

7. 字体大小
   

   <font color=#bfa size=40>在属性里面写size就OK</font>
   

8. 嵌套
   

   语法就是>符号

   这是第二层

   这是第三层

   这是第四层
   如图所示这个效果：

9. 有序列表可以用数字.空格语法写
   

   无序列表+
       -
       *
   再加一个空格都能实现

---

补充： 在你要把一段字加粗的时候可以用鼠标把他框起来再按ctrl+B更方便哦！
    欢迎大家补充更多的小技巧

感谢大家！觉得不错的点个赞哟！ლ(′◉❥◉｀ლ)

转载于:https://juejin.im/post/5bb30727f265da0afc2c0f33