10 个技巧助您在 DEV 上获得更多读者
由 Mux 主办的 DEV 全球展示挑战赛：展示你的项目！
写好一篇博客文章只是博客运营的一半，你还需要以专业的方式呈现它，并让更多人看到它。在这里，我将介绍10个技巧，帮助你提高博客文章的曝光率和质量。
在本文中
- 将此帖子置顶到您的开发者个人资料
- 目标读者：初学者或专家级读者
- 代码块语法高亮显示
- 添加目录并链接到各标题
- 如何在 dev.to 上选择 Markdown 编辑器
- 在 dev.to 上为您的文章添加规范链接
- 如果有人盗用文章，请举报。
- 如何在 dev.to 上制作系列
- 如何在 dev.to 上嵌入视频和 Instagram 帖子
- 提醒读者订阅
1. 将帖子置顶到您的开发者个人资料
您可以将文章置顶到个人主页，它会显示在您其他文章的上方。要执行此操作，请前往您的控制面板，然后点击要置顶的文章旁边的“管理”按钮。您会在那里找到“置顶到个人主页”按钮。
在控制面板 > 管理中，您可以找到“固定到个人资料”选项。
从现在开始，您可以将最受欢迎的帖子置顶，以吸引感兴趣的个人主页访客点击。
2. 目标读者：初学者还是专家级读者
在上述“管理”页面，您还可以使用另一个实用功能。它允许您定位特定经验水平的用户，以便将您的文章展示给最有可能欣赏它的人。
请注意，该页面上还有一些实用技巧，可以帮助您接触到更多读者，例如将您的文章分享到 Reddit。
你的文章总有目标受众，一定要明确指出！
3. 代码块语法高亮显示
显然，在 DEV 上发布代码并不罕见，而且 DEV 也确实支持多种语言的语法高亮。不过，我偶尔还是会看到有人发布没有语法高亮的代码，或者发布代码图片而不是使用代码块。
忽略语法高亮或使用图片来展示代码是不好的做法。因为这样不仅难以阅读，而且复制粘贴也很麻烦，浏览器也无法缩放字体大小。使用图片还会降低性能，并且图片中的代码无法通过Ctrl+F或在 Google 上进行文本搜索。
在开发模式下启用和禁用 React 语法高亮显示
要启用语法高亮，只需在 Markdown 代码块的第一行指定代码所使用的语言即可。可用选项包括React、JavaScript、Markdown等。
你可以让 Markdown 根据 React 语法高亮显示代码块。
4. 添加目录并链接到标题
与其他许多网站一样，DEV 支持锚点链接（也称为话题标签链接），它可以链接到文章中的特定标题，甚至其他文章。遗憾的是，他们似乎没有提供复制锚点链接的界面。
要获取锚链接，您需要在网页检查器中检查标题元素（右键单击标题并选择“检查”）。您会找到一个零宽度链接，其后缀为您要添加到文章 URL 中的井号 (#)。它本质上是标题的首字母大写版本，前面加上了井号 (#)，因此您无需每次都从检查器中复制它。
您可以在 Chrome 的元素检查器中找到锚链接。
您可以在开发文档中使用这些锚链接来创建目录，就像我在本文顶部添加的那样。为此，只需添加一个指向您要链接到的标题的锚链接的普通链接即可。
[Anchor link to "Add a Table of Content and Link to Headings"](#4-add-a-table-of-content-and-link-to-headings)
上面的锚链接将输出此链接：添加目录和标题链接。
5. 如何在 dev.to 上选择 Markdown 编辑器
DEV 提供了两种不同的 Markdown 编辑器。如果你想靠写博客发财，那就得选择Rich + Markdown编辑器。开玩笑啦，选哪个都无所谓。不过，了解这两种编辑器的存在还是有好处的，否则当你用谷歌搜索某些内容时，如果 DEV 的界面和你在指南里看到的不一样，你可能会感到困惑。
DEV 提供的两种编辑器是：
- Rich + markdown
- 基础 Markdown
如果你不知道该选哪个，那就选高级版。高级版包含一些额外的用户界面元素，比如选择标签、预览文章等等。而基础版 Markdown 则需要你通过 Front Matter 来指定标题、标签等信息。你可以在这里找到开发者的文档。
要切换编辑器，请转到您的帐户设置，选择自定义，然后向下滚动到“写作”标题。
我说过我开玩笑的，有钱人不会让你变得有钱！
6. 在 dev.to 上为你的文章添加规范链接
我相信你们很多人都已经知道这一点，但我还是要提一下，因为它比较隐蔽，而且如果你还要将博客文章发布到自己的博客或其他博客门户网站，那么它绝对是最重要的功能。
请点击此处访问 ahrefs 网站，了解为什么这对 SEO（搜索引擎优化）如此重要。我不会赘述细节，但它的作用是避免因在不同地方发布相同内容而受到 Google 的惩罚。
添加规范链接的方法因您使用的 Markdown 编辑器而异。如果您使用的是基础 Markdown 编辑器，则可以按照Front Matter 指南中的说明进行操作。
这就是为博客文章指定规范链接的方法
富文本 Markdown 编辑器也支持此功能，但它还允许您通过用户界面指定规范链接。在创建文章页面底部，“保存草稿”按钮旁边有一个单独的选项按钮，请参见下图中的六边形按钮。
这就是如何使用富文本 Markdown 编辑器为博客文章指定规范链接的方法。
7. 如果有人盗用文章，请举报。
关于规范链接，还有一个小技巧：如果你的文章发布在多个网站上，最好尽快在所有网站上同时发布。如果发布时间过长，文章可能会被他人盗用，最糟糕的情况是，你可能会因为在其他网站上已经发布过的文章而被某些博客平台封禁。
文章经常被自动化网站盗用。如果您发现有人盗用了您的博客文章，可以参考我的指南（链接在此）了解应对方法。
8. 如何在 dev.to 上制作系列
您可能已经注意到，有些人会在 dev.to 上创建系列文章。创建系列文章的方法与添加规范链接的方法相同。如果您是第一次添加系列文章，由于系列文章中只有一篇文章，因此创建文章时不会发生任何事情。
下次创建新博文时，您会看到之前创建的系列列表。选择现有系列后，该系列中的所有博文都会添加一个系列组件，如下图所示。
这就是 DEV 系列作品的呈现方式。
9. 如何在 dev.to 上嵌入视频和 Instagram 帖子
虽然很少有人在开发者文章中嵌入视频，但使用Liquid 标签是可以实现的。你可以在这里找到相关的开发者文档。
可以使用embed关键字或youtube关键字嵌入 YouTube 视频。
{% youtube 9Xd8xq06FCw %}
{% embed https://www.youtube.com/watch?v=9Xd8xq06FCw %}
为什么要添加视频？如果您有一些需要重点关注的视频，将其添加到您的开发文章中是个不错的选择。我相信您也能找到一些优秀的教育类或趣味类视频添加到您的博客文章中。或者，为什么不嵌入您的 Instagram 帖子呢？嵌入 Instagram 的 Liquid 标签中要使用的 ID 是帖子 URL 的最后一部分。
# Embed Instagram blog post by adding the post's id.
# E.g., below will embed this post: https://www.instagram.com/p/CfigE6GsLMy/
{% instagram CfigE6GsLMy %}
10. 提醒读者订阅
最后但同样重要的是，务必让大家知道你的文章已发布在你的博客上，并提醒他们点赞和评论。这当然可能会被解读为广告，但我认为这是合情合理的。
如果你的文章鼓舞人心，读者可能会从中获得许多灵感，并迫不及待地开始思考和制定计划。然而，即便读者心情再好，他们也未必会记得点击屏幕上的心形或独角兽图标。说实话，如果你不放链接，谁会知道你有自己的网站并主动去寻找呢？大多数（理智的）人不会在网上和陌生人玩捉迷藏。
附加内容：添加摘要
每个人都有自己的生活，可能和你的一样充满压力。给他们一个快速浏览文章的机会。以下是我的总结：一份简单的技巧清单，即使人们不阅读全文可能会错过一些细节。
- 置顶帖子到你的个人主页，推广你最受欢迎的文章。
- DEV 版本支持在管理文章时针对初级读者或专家级读者。
- 代码块应使用语法高亮显示，切勿使用图片来显示代码。
- 带有指向各标题的锚链接的目录可以提供良好的概览。
- 你可以选择其中任何一个 Markdown 编辑器，但请注意 dev.to 提供了两种 Markdown 编辑器。
- 如果您将文章发布到多个网站，请务必添加规范标签。
- 不要等到文章发布到多个网站才发布，否则它们可能会被盗用。
- DEV 支持添加系列文章，这是让人们阅读你旧文章的好方法。
- 您可以在文章中嵌入 YouTube 视频和其他媒体。
- 提醒大家订阅并点赞！
