掘金编辑器支持 Markdown 主题自定义啦!

6,657

掘金社区的markdown编辑器曾被不少人称赞,很多用户也是因为这个原因转向掘金社区的;但是这其中编辑器的一些问题也长期被掘友们吐槽,比如不支持代码高亮、主题比较单一等。

我们的前端大佬荣剑同学,痛定思痛,为了解决这一问题为掘友们打来一个更加可玩性的方式-Markdown 主题自定义,可以满足大家个性化的创作需求。具体效果如下:

主题预览:github.com/xitu/juejin…

使用方法

在文章内容前加上 front matter 格式的元信息:

---
theme: juejin
highlight: juejin
---

Markdown 主题

使用 theme 指定主题

内置主题

社区作者主题

主题作者
smartblue掘金 GitHub
cyanosis掘金 GitHub
channing-cyan掘金 GitHub

代码高亮

使用 highlight 指定主题,可以使用 highlight.js 中的所有样式:

如何贡献 Markdown 主题

  1. 使用Github默认模板创建一个公开的仓库(点击绿色的 Use this template 按钮)
  2. 将其中的 juejin.scss 替换为自己创作的样式,目前支持 Sass,Less 和 CSS
  3. Fork 此仓库并克隆到本地,在 themes.js 文件中指明样式文件的路径,ref 为 commit hash
  4. README.md 中「社区主题」章节中添加你的主题和作者信息
  5. 提交 pull request

目前热情的掘友们已经贡献了几个主题,成功贡献主题并且PR成功的小伙伴就可以在主题列表内加上你的主题哦!!快来体验一下吧!

参考资料:

掘友小帅贡献教程:手摸手教你开发掘金文章主题

他的主题预览效果: