掘金社区的markdown编辑器曾被不少人称赞,很多用户也是因为这个原因转向掘金社区的;但是这其中编辑器的一些问题也长期被掘友们吐槽,比如不支持代码高亮、主题比较单一等。
我们的前端大佬荣剑同学,痛定思痛,为了解决这一问题为掘友们打来一个更加可玩性的方式-Markdown 主题自定义,可以满足大家个性化的创作需求。具体效果如下:
使用方法
在文章内容前加上 front matter 格式的元信息:
---
theme: juejin
highlight: juejin
---
Markdown 主题
使用 theme 指定主题
内置主题
社区作者主题
| 主题 | 作者 |
|---|---|
| smartblue | 掘金 GitHub |
| cyanosis | 掘金 GitHub |
| channing-cyan | 掘金 GitHub |
代码高亮
使用 highlight 指定主题,可以使用 highlight.js 中的所有样式:
如何贡献 Markdown 主题
- 使用Github默认模板创建一个公开的仓库(点击绿色的 Use this template 按钮)
- 将其中的
juejin.scss替换为自己创作的样式,目前支持 Sass,Less 和 CSS - Fork 此仓库并克隆到本地,在
themes.js文件中指明样式文件的路径,ref为 commit hash - 在
README.md中「社区主题」章节中添加你的主题和作者信息 - 提交 pull request
目前热情的掘友们已经贡献了几个主题,成功贡献主题并且PR成功的小伙伴就可以在主题列表内加上你的主题哦!!快来体验一下吧!
参考资料:
掘友小帅贡献教程:手摸手教你开发掘金文章主题
他的主题预览效果: