Home

Awesome

掘金 Markdown 主题

npm downloads

主题预览地址

使用方法

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

---
theme: juejin # Markdown 主题,默认值:juejin
highlight: juejin # 代码高亮主题,默认值:theme 中指定,没有则默认为 juejin
---

Markdown 主题

使用 theme 指定主题

内置主题

主题License
juejinMIT
githubMIT

社区主题

主题作者License
smartblueTusiMIT
cyanosis林小帅MIT
channing-cyanChanningHyl🙌MIT
fancy冷石 BoyMIT
hydrogenDawnLck 在掘金MIT
condensed-night-purple童欧巴MIT
greenwillowwangly19MIT
v-greenDawnLck 在掘金MIT
vue-pro杭州程序员张张MIT
healer-readablehealerMIT
mk-cuteJackySummerMIT
jzman躬行之MIT
geek-black林景宜MIT
awesome-greenluffyZhMIT
orangeRudeCrabMIT
scrolls道道里MIT
simplicity-greenJason_GuoMIT
arknightsviewweiwuMIT
vuepressqghMIT
Chinese-redMancuojMIT
nico非思不可MIT
devui-blueDevUI团队MIT
qklhk-chocolate巧克力很苦Apache
serene-roseKrueMIT
z-bluez_MIT
minimalism驳是MIT
koikoiMIT
yu荣易MIT
lilsnake小蛇MIT
keepnice这波能反杀MIT

代码高亮

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

如何贡献 Markdown 主题

  1. 使用默认模板创建一个公开的仓库(点击绿色的 Use this template 按钮)
  2. 将其中的 juejin.scss 替换为自己创作的样式,目前支持 Sass,Less 和 CSS
  3. 使用主题开发工具在本地预览主题效果
  4. Fork 此仓库并克隆到本地,在 themes.js 文件中指明样式文件的路径,ref 为 commit hash,highlight 为默认的代码高亮主题(可选)①
  5. README.md 中「社区主题」章节中添加你的主题和作者信息
  6. 提交 pull request (注意:commit 信息要使用 'feat: ' 和 'fix: ' 形式,否则无法触发自动化发布流程)
  7. 提交 PR 前请 rebase,确保 commit 记录的整洁
  8. 如果是修复样式 bug,请在 PR 中给出明确的描述信息
  9. 注意考虑样式的稳定性和兼容性
  10. 并非所有 PR 的主题都会入选,挑选和审核会有一定周期

① themes.js 格式说明

  cyanosis: { // 主题名称
    owner: 'linxsbox', // 作者 github 用户名
    repo: 'juejin-markdown-theme-cyanosis', // 主题仓库名
    path: 'cyanosis.scss', // 主题文件 - 与主题同名
    ref: '6b814ea', // commit hash
    highlight: 'atom-one-dark', // 代码高亮样式名 - 默认 juejin
  }, // 注意格式别忘了逗号

License

联系官方

微信:zwcatfly 或者微信: chnyifan

middle_img_v2_76ee7552-1a63-41df-900d-5fbefe5a69ag

MIT