Stellar Writing

作者 01a11e1e-b8d3-7763-920a-a701c5c06f90累计访问 4近 7 日访问 2

// preview

// description

在浏览器里一边写 Markdown,一边实时看到 Stellar 主题的排版效果

Stellar Writing 是一个运行在浏览器中的 Markdown 编辑器,面向使用 Hexo 与 Stellar 主题写博客的用户。页面把源码编辑区与渲染预览区并排放在一起,左侧带行号编辑源码,右侧即时渲染出文章在 Stellar 主题中的样子。工具栏提供标题、粗体、斜体、删除线、下划线、链接、行内代码、代码块、引用、列表、任务列表、分割线、图片、表格等格式按钮,并提供沉浸写作、对照、只看预览三种视图,以及可搜索的 Stellar 标签库。用户还可以打开与导出 .md 文件、复制文章的 Markdown 或 HTML,适合随时排版、预览与导出文章。

核心亮点

实时对照预览

左写右看,改字即更新

Stellar 标签库

搜索并插入主题专属标签

多视图与导出

沉浸/对照/预览与文件导出

如何使用

打开并了解界面
用浏览器打开站点后会直接进入编辑器,默认是对照视图,左侧是带行号的 Markdown 源码区,右侧是 Stellar 主题风格的渲染预览,顶部为工具栏,底部状态栏显示光标位置与字数。
编辑文章内容
在左侧源码区选中文字后点击工具栏按钮即可套用格式,也可以在视图切换里选择沉浸写作只看源码或只看预览通读排版;右侧预览会随着输入实时更新,还可以拖动两栏之间的分隔线调整宽度。
使用标签库插入 Stellar 标签
点击工具栏最右侧的插入 Stellar 标签按钮会弹出标签库面板,左侧按分类列出可用标签,右侧显示语法和将要插入的示例,顶部搜索框可过滤标签,选中后回车插入、按 Tab 在占位之间跳转。
导出与复制
在右上角的文件菜单中可以打开 .md 文件、导出 .md 文件,或把当前文章复制为 Markdown 或 HTML,同时可开启滚动同步和载入示例文章,方便把稿件导回博客项目或分发渲染结果。