“入坑”自媒体写作，我有干货与你分享

typora

这里必须强力推荐一款编辑器typora了，是因为它真的很好用。

在typora，你可以选择各种主题：

利用这些主题，你可以专注于把控文章质量，写好之后直接复制到微信公众号，知乎等平台上的编辑器中，效果非常棒！

mdnice等在线编辑器

如果不想用本地的markdown编辑器，也有在线的备选项，搜索“在线markdown编辑器”就好了。

这里推荐一个mdeditor，但是一般的在线markdown编辑器都没有主题功能，如果你需要做出个性化的效果，可能这些还不够。

所以必须要推荐我现在很喜欢的一款编辑器mdnice了。mdnice可以说是把CSS的威力发挥得淋漓尽致了，支持的主题很多，也可以自行定义主题（如果你会使用CSS语言的话，可以尝试一下），下面这个主题是我自己定制的，个人觉得效果还行。

mdnice也支持一键复制到微信公众号，掘金，知乎等平台，可以满足多数人的需求。

并且mdnice支持缓存你的历史修改版本，这样也可以从一定程度上防止写作内容丢失了！

还有一款类似的编辑器，做得也挺好的，就是主题太少了点。附上链接：https://lab.lyric.im/wxformat/#

之前还用过一款md2all，不过好像停更了，链接是：http://md.aclickall.com/

语雀

有一次我本地用typora写作，结果系统崩了，没保存到，心态有点炸。最近我开始慢慢地在语雀上写个大概的草稿，然后可以导出markdown格式，转到typora或者mdnice再细致改改。有云同步的功能还是保险啊。

我在公司写文档也基本上是用语雀的(之前还试过自己搭gitbook，不过没语雀给力)，这是阿里内部孵化的很好的一款工具，强烈推荐！

说了这么多编辑器，并不是说选择哪一款就可以解决所有问题，一般来说，结合起来使用，效果更棒，可以自行体会下！

素材

---

搞清楚了如何选择编辑器，接下来的重点就是素材的收集和处理了。灵活地运用素材，会让你的文章显得很饱满，生动有趣！

无版权图

首先要说的就是图片素材，写作的过程中，我们大部分时候会希望插入一些优质的图片，或是风景图，或是卡通，或是人物图。找图片素材自然要上一些靠谱的网站了，我这里也推荐一些，有些是否能商用要仔细看看，反正个人用途基本上没问题的。

• https://wallhaven.cc/ 这个是我用得最多的，并且支持原图在线裁剪。

• https://www.pexels.com/zh-tw/

• https://pixabay.com/zh/photos/

• https://stocksnap.io/

图标

有时候我们可能也不需要找很大的图片素材，如果只是寻找一个小图标的话，上iconfont就基本上解决了，支持导出主流的图片格式，并且可以自定义修改颜色，大小等。对了，iconfont是前端工程师日常开发中一个很重要的工具哦！

动图

如果需要录制一些GIF动图，比如操作引导之类的，就需要一个比较方便的工具了。我这里使用的是GifCam，如果您有更好的工具，请不吝赐教。

录屏

如果要录视频的话，可以选择FSCapture，除了录屏之外，还可以实现截图，滚动截图等能力哦，可谓是小而美。

之前还用过一款超级录屏，也是不错的。

当然还有一个神器OBS Studio，接触过直播的应该都知道（别问我为什么知道）。

表情包

有时候还是要来点表情包活跃下气氛的，除了日常搜集的表情包，我们有时候可能希望制作一些跟我们写作主题相关的表情，这个时候就要搜一下表情包制作了，这种工具很多，自行筛选即可。这里也简单地列举几个吧：

• https://fabiaoqing.com/diy

• https://app.xuty.tk/static/app/index.html

• https://www.52doutu.cn/diy/

Emoji

插入emoji也是个基本操作了，但是很多平台的编辑器还不支持直接识别emoji编码，直接复制上去是不行的，会被认定为普通文本。

而typora编辑器是支持emoji的，只要把emoji编码复制上去，马上就呈现出来了。

所以我们可以先在typora编辑器里面把emoji弄好，然后复制到其他平台上的富文本编辑器，就可以显示出来了。

据我测试，大部分markdown编辑器是不支持这样做的，如果想把emoji复制到markdown编辑器上，需要先从typora复制到富文本编辑器，然后就可以把emoji表情从富文本编辑器复制到markdown编辑器上了。

关于emoji的编码，这里有比较完整的一个列表。

https://www.webfx.com/tools/emoji-cheat-sheet/

流程图/结构图/架构图

画图是一个很有用的方法，可以帮助我们把一个复杂的过程简单而直观地展示出来，极大提高了我们的效率。

• 桌面端有强大的visio

• 在线的绘图平台有ProcessOn

思维导图

ProcessOn也可以画思维导图，类似的还有百度脑图。不过我还是更习惯用桌面端的xmind。

资源压缩

---

一般来说，找一些在线的压缩工具即可。但是有的要收费，要注意避坑。

• 压缩图片

https://tinypng.com/

https://www.tutieshi.com/compress/

https://www.soogif.com/compress

https://docsmall.com/image-compress

• 压缩视频

我几乎不用视频素材，如果要压缩视频，一般是找桌面端工具了，可以自行搜索下，或者看看这篇知乎如何压缩视频大小？

图床

---

我目前只用了七牛云和路过图床。

• 七牛云对象存储，如果不用https的话，存图片是免费的。

• 路过图床，这个是免费的，但是复制到微信公众号编辑器上，直接加载失败，头疼，估计是做了防盗链。

• 还有一个比较好的工具PicGo，集合了多个图床平台，有兴趣的可以试试。

在线作图

---

有时候我们要处理下封面，或者公众号首图，光有素材可能还不够的，一般人也不会使用PS，那么在线作图还是很重要的，可以节省很多时间。

这里推荐我用过的两款：

• 稿定设计：素材比较丰富，也支持同步到微信公众号素材库。

• Canva 我早期用的一个在线作图工具。

骚操作

======================================================================

图片加阴影

---

我们经常会截图作为素材，但是有时候截图的轮廓感不是很强，这个时候就要给图片来加个阴影效果了。我试过直接在mdnice上用css的box-shadow做阴影，但是感觉比较容易受盒子的影响，出现不太好的效果。

所以我觉得还是直接改图片本身比较好，我现在使用的图片处理工具是ShareX。如果你会使用PS，那就自然不必多说。

typora主题定制

---

typora支持主题定制，首先要找到typora的主题目录。

自学几个月前端，为什么感觉什么都没学到？？

---

这种现象在很多的初学者和自学前端的同学中是比较的常见的。

因为自学走的弯路是比较的多的，会踩很多的坑，学习的过程中是比较的迷茫的。

最重要的是，在学习的过程中，不知道每个部分该学哪些知识点，学到什么程度才算好，学了能做什么。

很多自学的朋友往往都是自己去找资料学习的，资料上有的或许就学到了，资料上没有的或许就没有学到。

这就会给人一个错误的信息就是，我把资料上的学完了，估计也-就差不多的了。

但是真的是这样的吗？非也，因为很多人找的资料就是很基础的。学完了也就是掌握一点基础的东西。分享给你一份前端分析路线，你可以参考。

还有很多的同学在学习的过程中一味的追求学的速度，很快速的刷视频，写了后面忘了前面，最后什么都没有学到，什么都知道，但是什么都不懂，要具体说，也说不出个所以然。

所以学习编程一定要注重实践操作，练习敲代码的时间一定要多余看视频的时间。