Dev.to写作:两位编辑
基础 Markdown 编辑器
Rich + markdown 编辑器
其他事情
由 Mux 赞助的 DEV 全球展示挑战赛:展示你的项目!
当你开始在Dev.to上写作时,你需要做的第一件事就是选择你想使用的编辑器(有两个!)。
在“设置”>“用户体验”中,选择您想要的内容。
您可以使用“基本 Markdown”编辑器或“富文本 Markdown”编辑器。(就我个人而言,我所有的文章都使用“富文本 Markdown”编辑器;我建议初学者也使用它来学习 Dev.to。)
基础 Markdown 编辑器
顾名思义,这款编辑器功能极其简陋。它只有一个图片上传区、一个用于输入文章内容和前置元数据(即标题和标签等所有元信息)的大输入框,以及一个保存按钮和一个撤销按钮。
如果您想了解更多关于文章开头部分或 dev.to 在文章写作方面支持的功能,请查看编辑器指南。
Rich + markdown 编辑器
与基础编辑器相比,新版编辑器的用户体验要“好得多”(所谓“好得多”,是指它提供了更多有用的提示和使用指导)。它不再像以前那样使用一个巨大的输入框来同时输入文章内容和元数据,而是提供了一组表单字段,用于输入(大部分*)前置信息,例如标题、封面图片(可以是 GIF 动画!)和标签。
图片上传器保持不变,位于文章写作区域的上方。
剩余的*“前置内容”位于编辑器底部。
一个“发布”按钮(顾名思义),类似于基本编辑器的保存和还原按钮,以及一个带有圆圈的六边形(即发布选项)。
点击“文章选项”按钮将弹出一个小部件,允许编辑规范网址和系列(系列会在系列文章的顶部和底部创建一个有序的文章列表,就像这篇文章一样;规范网址指向文章最初发布的位置,如果您是从个人博客或 Medium 等平台重新发布的话)。
* “描述”这部分前置信息在基础编辑器中可用,但截至撰写本文时,似乎无法在富文本+Markdown编辑器中进行编辑。
其他事情
Dev.to 的文章使用 Markdown 编写,但也支持 Liquid 标签,方便添加特殊内容。更多详情请参阅编辑器指南。
如果您不确定 Markdown 和 Liquid 标签的工作方式或外观,编辑器上方和右侧有一个预览选项。
上传图片后,会出现一个包含相应 Markdown 代码的文本框,用于将图片嵌入到文章中(如果一次上传多张图片,Markdown 代码会分别附加到每张图片上)。Alt Text复制/粘贴 Markdown 代码到文章的相应位置时,请务必设置辅助功能属性。
希望这篇简短的教程能鼓励你开始在 DEV 上写作。别忘了查看本系列的下一篇文章:《如何撰写系列文章!》。这篇文章源于dev.to 上的一个问题。
如果你有任何问题,请在评论区留言。我会阅读所有评论,并且非常乐意在这个系列中再写一篇文章,真正帮助到这个优秀社区里的其他作家!
文章来源:https://dev.to/kallmanation/dev-to-writing-the-two-editors-mel









