在文章内容前加上 front matter 格式的元信息:
---
theme: juejin # Markdown 主题,默认值:juejin
highlight: juejin # 代码高亮主题,默认值:theme 中指定,没有则默认为 juejin
---
使用 theme
指定主题
主题 | License |
---|---|
juejin | MIT |
github | MIT |
主题 | 作者 | License |
---|---|---|
smartblue | Tusi | MIT |
cyanosis | 林小帅 | MIT |
channing-cyan | ChanningHyl🙌 | MIT |
fancy | 冷石 Boy | MIT |
hydrogen | DawnLck 在掘金 | MIT |
condensed-night-purple | 童欧巴 | MIT |
greenwillow | wangly19 | MIT |
v-green | DawnLck 在掘金 | MIT |
vue-pro | 杭州程序员张张 | MIT |
healer-readable | healer | MIT |
mk-cute | JackySummer | MIT |
jzman | 躬行之 | MIT |
geek-black | 林景宜 | MIT |
awesome-green | luffyZh | MIT |
orange | RudeCrab | MIT |
scrolls | 道道里 | MIT |
simplicity-green | Jason_Guo | MIT |
arknights | viewweiwu | MIT |
vuepress | qgh | MIT |
Chinese-red | Mancuoj | MIT |
nico | 非思不可 | MIT |
devui-blue | DevUI团队 | MIT |
qklhk-chocolate | 巧克力很苦 | Apache |
serene-rose | Krue | MIT |
z-blue | z_ | MIT |
minimalism | 驳是 | MIT |
koi | koi | MIT |
yu | 荣易 | MIT |
lilsnake | 小蛇 | MIT |
keepnice | 这波能反杀 | MIT |
使用 highlight
指定主题,可以使用 highlight.js 中的所有样式:
- 使用默认模板创建一个公开的仓库(点击绿色的 Use this template 按钮)
- 将其中的
juejin.scss
替换为自己创作的样式,目前支持 Sass,Less 和 CSS - 使用主题开发工具在本地预览主题效果
- Fork 此仓库并克隆到本地,在
themes.js
文件中指明样式文件的路径,ref
为 commit hash,highlight
为默认的代码高亮主题(可选)① - 在
README.md
中「社区主题」章节中添加你的主题和作者信息 - 提交 pull request (注意:commit 信息要使用 'feat: ' 和 'fix: ' 形式,否则无法触发自动化发布流程)
- 提交 PR 前请 rebase,确保 commit 记录的整洁
- 如果是修复样式 bug,请在 PR 中给出明确的描述信息
- 注意考虑样式的稳定性和兼容性
- 并非所有 PR 的主题都会入选,挑选和审核会有一定周期
cyanosis: { // 主题名称
owner: 'linxsbox', // 作者 github 用户名
repo: 'juejin-markdown-theme-cyanosis', // 主题仓库名
path: 'cyanosis.scss', // 主题文件 - 与主题同名
ref: '6b814ea', // commit hash
highlight: 'atom-one-dark', // 代码高亮样式名 - 默认 juejin
}, // 注意格式别忘了逗号
微信:zwcatfly 或者微信: chnyifan
MIT