1.Markdown Nice

使用方式

Markdown Nice 在线编辑

第一步：点击在线编辑进入编辑页面，在左侧编辑页中编辑完成后点击右侧复制到知乎 复制到稀土掘金

第二步：直接把复制的内容粘贴到掘金编辑器中就ok了

2.其他编辑技巧

背景样式

复制以下代码片段到掘金文章编辑页即可

<div style='background: -webkit-linear-gradient(top, transparent 19px, #ececec 20px), -webkit-linear-gradient(left, transparent 19px, #ececec 20px);background-size: 20px 20px;'>
  这里是文章所有的内容
</div>

markdown代码片段中的diff类型

内容
+ 新增片段
- 删减片段

直接在代码块上加上diff类型即可

封面设计

canca

如何制作GIF动图

such as this

以下两款GIF制作工具

licecap 免费使用-简约
迅捷GIF 免费使用-带水印

but我发现在Markdown nice里面并不能直接把gif图粘贴进去，所以我的做法是

首先在掘金编辑器下

然后把获取的地址粘贴到markdown nice 编辑下就行啦

get ps去水印

实际上就是把水印部分裁剪掉

3.使用总结

• 编辑最好是在掘金的Mark编辑页下编辑，编辑完成后才copy到markdown nice下镀层金再从markdown nice下把镀金过后的复制到掘金下
• 上传的文件（比如图片）最好还是上传到掘金上面
• markdown nice并不能保存你的markdown文件(only本地缓存~~)，而复制到掘金下的内容并不是原mark文件（虽然markdown nice提供了一个如下图所示的sitDown把html转markdown的功能 -- but转义过后的文件也并不能完美的复原）

so 每次写完过后我都把markdown文件导出上传到github上的

• hai~ 正如以上所列，装逼也是得付出代价的

本篇文章主要是记录学习如何写出好看的Mark文章，相关内容出处我也在下方注明，感谢他们的分享

• 参考自
  • 你的掘金文章本可以这么炫（博客美化工具一波带走）
  • 教你写出漂亮掘金文章样式