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

你也不用担心不会使用Markdown，市面上已经有很多非常nice的Markdown编辑器。有了这些编辑器，你可以像写word文档一般玩转Markdown。

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，集合了多个图床平台，有兴趣的可以试试。

在线作图

---

最后

一个好的心态和一个坚持的心很重要，很多冲着高薪的人想学习前端，但是能学到最后的没有几个，遇到困难就放弃了，这种人到处都是，就是因为有的东西难，所以他的回报才很大，我们评判一个前端开发者是什么水平，就是他解决问题的能力有多强。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

分享一些前端面试题以及学习路线给大家

---

最后

一个好的心态和一个坚持的心很重要，很多冲着高薪的人想学习前端，但是能学到最后的没有几个，遇到困难就放弃了，这种人到处都是，就是因为有的东西难，所以他的回报才很大，我们评判一个前端开发者是什么水平，就是他解决问题的能力有多强。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

分享一些前端面试题以及学习路线给大家

[外链图片转存中…(img-vrMD2oQk-1714401170165)]