2024年Web前端最全“入坑”自媒体写作，我有干货与你分享(2)，前端开发须知-CSDN博客

本文链接：https://blog.csdn.net/2401_84435885/article/details/138453459

前端面试题汇总

JavaScript

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

性能

linux

前端资料汇总

选择的权利

是的，我们有幸生在这个时代，自媒体已经没有职业之分了，任何职业的个体都可以在网络上发文分享自己的知识、经验、见识，也可以通过短视频这个当红的渠道快速传播。对于我们IT技术人来讲，一般会选择从技术知识写作入手，那么怎样才能写好一篇文章呢？作为一个粉丝数接近0的作者，我还是有一点干货与你分享。

准备工作

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

准备一篇有品质的文章，除了实打实的文章质量，美观的排版设计和丰富的素材也会加不少分。那么要从哪些方面入手呢？不着急，马上给您安排！

写作方式

最重要的当然是写作方式，选择一些好的编辑器往往让你事半功倍。一般而言，我们会选择富文本编辑器和Markdown编辑器两大类。

富文本编辑器

一般的写作平台都标配了富文本编辑器，所见即所得，这种感觉可能跟使用Word文档差不多。对于大多数人来说，富文本编辑器是一个非常棒的选择。下面是微信公众号的一个富文本编辑器界面：

微信公号富文本编辑器

虽然有了富文本编辑器，但是写作仍然是一个伤脑筋的事情，比如找一些关注引导推荐类的素材还不够方便，所以我们还需要一个有大量可用素材模板的编辑器。

有流量的地方自然有人去做，微信公众号这么一个巨大的流量通道，市面上自然少不了各种微信图文编辑器。大家可以自行去搜索下，我这里就不实名推荐了，防止广告嫌疑。

图文编辑器

这些编辑器内的素材都可以方便地复制到微信公众号的编辑器里，有的甚至做了一键导入到微信公众号的能力。

当然这里不可避免会出现一些收费的素材，但是免费的基本上已经满足大众需求了，不用过于担心。

Markdown

作为程序狗，自然忍不住要提一提Markdown。Markdown是一种标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式，可以代表标题，文本，表格，图片，链接等等。

你完全不用担心Markdown效果不好，虽然Markdown默认是极简风格，但是结合现在的表现层语言，它可以做得很漂亮。下面是一个简单的例子：

Markdown效果

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

typora

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

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

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

主题效果

mdnice等在线编辑器

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

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

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

mdnice

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

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

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

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

语雀

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

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

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

素材

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

无版权图

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

wallhaven

https://wallhaven.cc/ 这个是我用得最多的，并且支持原图在线裁剪。
https://www.pexels.com/zh-tw/
https://pixabay.com/zh/photos/
https://stocksnap.io/

图标

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

iconfont

动图

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

录屏

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

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

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

表情包

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

Emoji

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

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

typora支持emoji

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

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

emoji复制到markdown编辑器

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

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

流程图/结构图/架构图

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

桌面端有强大的visio
在线的绘图平台有ProcessOn

2024年Web前端最全“入坑”自媒体写作，我有干货与你分享(2)，前端开发须知