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

您所在的位置:网站首页 markdown自定义css 掘金编辑器支持 Markdown 主题自定义啦!

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

2023-08-24 06:56| 来源: 网络整理| 查看: 265

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

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

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

使用方法

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

--- theme: juejin highlight: juejin --- Markdown 主题

使用 theme 指定主题

内置主题 juejin github 社区作者主题 主题作者smartblue掘金 GitHubcyanosis掘金 GitHubchanning-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成功的小伙伴就可以在主题列表内加上你的主题哦!!快来体验一下吧!

参考资料:

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

他的主题预览效果:



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3