感谢张大妈，解锁新技能——使用Markdown编辑文章

提示：本篇文章约1700字，阅读大约需要4-5分钟。

起因

前两天在站内刷到了@ 比克大魔王来了关于在张大妈用Markdown排版的文章，这使得早就羡慕站内各位大佬排版的我立马蠢蠢欲动，由于大魔王并没有在文章中附送Markdown here编辑需要的css文件，我只好开始了互联网搜索之路。

但没有想到的是，站内大佬@纵笔浮生已经写过了非常详细的关于用Markdown对张大妈文章进行排版的文章。不过有一点，这篇文章绝不是文章标题里面提到的“伸手党福音”，想要真正使用Markdown对文章进行排版，必须非常认真地把文章从头到尾读完，认真理解每个代码代表的意义，才能定制出一套属于自己的css文件。

如各位所见，经过昨天一下午的努力，我已经初步定制出一套自己的css文件，并使用Typora写出了第一篇使用Markdown渲染的文章。不过这套css文件还非常简陋，我只加入了张大妈可以识别的格式，其他类似于斜体等无法识别或者效果不明显的格式，并没有加入，希望之后可以慢慢完善。

CSS世界(异步图书出品)60元京东去购买

深入解析CSS(图灵出品)120.9元京东去购买

关于Markdown的教程，我就不在@纵笔浮生大佬面前班门弄斧了，下面贴出她的关于Markdown对大妈文章排版的两篇文章，这两篇文章关于如何使用Markdown进行渲染、以及如何编辑css文件已经讲得足够明白了，不过需要有足够的耐心去读、去实践。

一个小tip：不要一直看文章，跟着大佬的步骤，利用Markdown here可以实时预览代码效果的功能，一步一步自己敲几行代码，看看这几行代码对渲染效果到底带来了哪些改变，这样可以事半功倍，提高学习效率。

如果不想搞这么麻烦，还可以参考@阿文菌大佬的简易教程，这篇文章直接套用了@纵笔浮生大佬的模板，并简单讲了一下Typora图床的配置，属于入门级教程，链接如下，各位可以之际参考。

Markdown绝配——Typora

各位本篇看到的全部内容正是用Typora Mac版编辑完成后，整体复制到张大妈的文本编辑框直接发布的。整体操作只需要四步：

第一步：在Typora整体选中，然后shift+command+C组合键，即选择以Markdown形式复制到粘贴板；

复制到粘贴板

第二步：在张大妈文章编辑框command+v粘贴，这时显示为Markdown的源格式，这时图片已经被自动拉取；

拉取到图片

第三步：右键选择用Markdown转换，整体文章即转化为现在各位看到的格式，同时文章插入的图片已经同步从图床拉取完成；

Markdown转换

最终效果图

第四步：点击发布文章，大功告成。

当然Typora的功能远远不止于此，如果它仅仅是和浏览器安装的Markdown插件只具备Markdown文本互转的功能，那么我何不直接用浏览器进行编辑就好了？

Typora最重要的功能我认为是对用Markdown形式编辑的文章进行实时渲染，也即意味着文章是“所见即所得”。如果直接在张大妈的富文本框里面编辑，如果发现编辑格式错误，还需要使用Markdown多次进行转换，可能还会出现未知的错误。而Typora编辑则不会出现这个问题，Typora可以对整篇文章进行实时渲染，你可以直接预览渲染后的效果，并对渲染错误之处进行即时修改。

同时，Typora提供了丰富的快捷键，而且操作逻辑和我们平时编辑word文档没什么区别。比如加粗操作，只需要选中相应文字，使用快捷键“command+B”即可，而无需输入双**号来对文本进行加粗。

Typora插入图片的功能我要单独另起一章，单独列一下，真的非常方便。

上传图片

之前写nas教程的时候，使用张大妈的富文本编辑器，向文中插入动辄十几张甚至几十张图片是最麻烦的事情。但是有了Typora再搭配图床网站，实在是一件再简单不过的事情。

我这里搭配了七牛图床使用，以满足之后更加进阶的需求，如果需求不大的文章创作者，可以参考@阿文菌大佬的教程，搭配使用sm.ms图床使用即可

总结

作为一个创作者，我们一直在寻找既可以吸引读者又可以提高生产力的方式，比如更换性能更高的电脑、选用更加美观的排版、购买看似昂贵的正版软件。Markdown就是这样一类工具，方便实用，但需要有足够的耐心去学习，最后再次感谢@纵笔浮生大佬的无私分享，希望各位给她的文章多多点赞、收藏，她的文章翔实的内容极大地降低了我的学习成本，可以说，用半天的时间鼓捣出一个可以用的css文件，没有她的帮助我是肯定不能做到的。

当然最后还要感谢张大妈，为我们提供了如此多和实用的硬核文章，使我们可以不断提升自己。

这就是本期的全部内容了，如果这篇文章对您有帮助的话，欢迎您在评论区多多讨论，也欢迎关注、点赞、打赏一键三连，您的支持对我非常重要。

我是冥冰薇，点个关注不迷路，我们下期再见。

作者声明本文无利益相关，欢迎值友理性交流，和谐讨论～