掘金社区的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成功的小伙伴就可以在主题列表内加上你的主题哦!!快来体验一下吧!
参考资料:
掘友小帅贡献教程:手摸手教你开发掘金文章主题
他的主题预览效果: