liangjingkanji / draketyporatheme

十二种主题风格 - Material Google JetBrains Vue Juejin Purple Ayu Dark

写的是艺术

下载 | 官网 | 自定义

• 可以生成优雅的简历模板, 并可部署为静态网页在线简历
• 如果想收到主题更新通知请==Watch==本仓库
• 欢迎为本项目提供更多风格主题

自定义

字体大小: 设置界面 -> 外观 -> 字体大小 -> 设置字体大小

• 自定义字体请编辑此处 font.css
• 行高/段间距请编辑此处 font.css
• 更多自定义请查看常见问题

如果发生符号粘连(例如≠), 那是主题内置字体JetBrainsMono的特性ligatures, 如不喜欢可自行删除: #75

推荐字体	描述
JetBrains Mono	英文字体, 适合开发人员的字体. 作者修改版本: JetBrainsMono Patch
Fira Code	英文字体, 前端开发人员喜欢用的字体
Cascadia Code	英文字体, 微软官方字体, Windows Terminal的默认字体. 作者修改版本: Cascadia Code Patch
PTCode	PT Mono 增加连字特性(Ligatures)
PlexMono	IBM Plex Mono 增加连字特性(Ligatures)
Iosevka/Sarasa Gothic	Iosevka/更紗黑體, 超窄字间距(稍微过窄) Windows渲染效果明显(希望各位敦促作者将Iosevka其他风格整和进去)
HYYouYuan/HYZhengYuan	中文字体, 汉仪有圆/汉仪正圆

安装

• 首先确定已安装Typora

• 通过设置 -> 外观 -> 打开主题文件夹打开theme目录

• 复制解压后目录内的所有文件到theme目录下然后重启, 选择菜单栏 -> 主题即可

预览

提供多种配置预览, 点击查看高清大图

主题名称	预览图
drake-vue
drake-jb
drake-juejin
drake-google
drake
drake-light
drake-dark
drake-vue3
drake-material
drake-black
drake-purple
drake-ayu

License

MIT License

Copyright (c) 2023 劉強東

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

draketyporatheme's Issues

Ayu 主题 大菜单界面显示异常

描述问题

A clear and concise description of what the bug is.

Windows 下使用 Drake-Ayu 主题
在大菜单界面颜色未设置

如何复现问题

Steps to reproduce the behavior:

期望结果

A clear and concise description of what you expected to happen.

截图

If applicable, add screenshots to help explain your problem.

系统 (首先建议使用最新Typora版本):

• OS: [e.g. macOS] Windows 11
• 风格 [e.g. drake, ayu] ayu
• Typora版本 [e.g. 22] 0.11.5

标题提醒

不是问题，就一个建议！
光标在标题上时，能否动态显示是几号标题？
当文档比较长时，标题比较多时，有时到<h5>，<h6>时，只凭字体大小很难区分

类似这样的：

请问，如何设置字体大小？

请问，如何将字体调大一点？谢谢！

时序图 Object 字体上下居中

描述问题

时序图 Object 字体上下居中

如何复现问题

期望结果

字体上下居中

截图

系统 (建议使用最新Typora版本)

• OS : MacOS
• Theme
• Typora Version

二级标题显示不正确

当添加二级标题时会被分成了三行;

## 二级标题: `#`+`Space`标记标题

二级标题不能使用重音符, 丶 ;

当打开 Drake Material 以及专注模式时非专注的行更明显。

描述问题

当打开 Drake Material 以及专注模式时，当前行相对于其它行更暗，比较难以看清。

其他深色模式的主题也有类似问题

如何复现问题

1. 使用 Drake Material 主题
2. 打开专注模式

期望结果

当前行更亮，其它行更暗

截图

系统 (建议使用最新Typora版本)

• OS：macOS Monterey Version 12.0.1 (21A559)
• Theme: Drake Material
• Typora Version: Version 1.0.2 (5990)

代码段最后一个行号显示异常

每个代码段后面都有一块灰色遮罩

mac上使用seamless外观模式，文档树显示异常

ver：版本0.11.2 (5601)
同级目录也展示成了子目录

把以下css样式注掉了就正常了。

.mac-seamless-mode #typora-sidebar {
    font-size: 1rem;
}

调整字体大小

描述问题

win7 正文字体 12px 太小了， 代码字体大小12px还可以

作者的 mac系统显示不小吗？ 整体配色挺好看的，这几天一直用这个主题，谢谢分享啊！！

请问这个格式怎么设置的

bug：我想用反引号包裹文字\`我是字符串\`,即使加了转义也不行

即使用\转义也不行，反引号中间的文字还是会被高亮，我本意不想高亮

mermaid时序图sequenceDiagram

描述问题

mermaid时序图sequenceDiagram，中间的线会穿过生命周期

如何复现问题

sequenceDiagram
title: 时序图例子
Alice->>Alice: 自言自语
Alice->>John: Hello John, how are you?
%% over 可用于单独一个角色上，也可以用于相邻两个角色间：
Note over Alice,John: A typical interaction
%% loop 后跟循环体说明文字
loop Healthcheck
John->>John: Fight against hypochondria
end
Note right of John: Rational thoughts!
John-->>Alice: Great!
John->>Bob: How about you?
%% 控制焦点：用来表示时序图中对象执行某个操作的一段时间
%% activate 角色名 表示**控制焦点
activate Bob
Bob-->>John: Jolly good!
%% deactivate 角色名 表示控制焦点结束
deactivate Bob
Alice->>+Bob: Hello John, how are you?
rect rgb(175, 255, 212)
alt is sick
Bob-->>Alice: Not so good :(
else is well
Bob-->>Alice: Feeling fresh like a daisy
end
opt Extra response
Bob-->>Alice: Thanks for asking
end
end
loop communicating
Alice->>+John: asking some questions
John-->>-Alice: answer
end
par Alice to John
Alice->>John: Bye
and Alice to Bob
Alice->>Bob: Bye
end
Alice-xJohn: 这是一个异步调用
Alice--xBob: 这是一个异步调用

期望结果

截图

系统 (建议使用最新Typora版本)

• OS
• Theme
• Typora Version

文件名与图标无法对齐

描述问题

文件名与图标无法对齐

如何复现问题

期望结果

我自己加了个属性，就对齐了

截图

在上面

系统 (建议使用最新Typora版本)

• OS Windows
• Theme Drake-Vue
• Typora Version 最后一个测试版本

请问下代码块是否可以改为日间模式，目前所有代码块背景都是黑色的

请问怎么修改字体

请问怎么修改字体

添加Purple风格主题

基佬紫配色

可否搞个黑色主题的

建议

大神，可否出个黑色主题的，晚上码代码用

<kbd>标签显示异常

描述问题

在 Markdown 中使用 <kbd> 标签 配色为默认的配色

如何复现问题

期望结果

截图

系统 (建议使用最新Typora版本)

• OS Windows11
• Theme Ayu
• Typora Version 0.11.5

打开readme后kbd语法中的字体和主页中截图的字体不一样

描述问题

打开readme后kbd语法中的字体和主页中截图的字体不一样

如何复现问题

期望结果

主页截图

截图

使用截图

系统 (建议使用最新Typora版本)

• OS Windows
• Theme drake 2.7
• Typora Version 0.9.98

为啥我的typora渲染不出圆角(没有高亮语法效果)

描述问题

主题附带的效果图中“本主题可根据全局属性定制字体/配色”是用圆角包进来的，为啥我引用了Drake主题后，无此效果。

直接打开主题附带的README.MD文件后，确实无法正常渲染出此效果。

如何复现问题

期望结果

截图

系统 (建议使用最新Typora版本)

• OS
  Windows 11
• Theme
  Drake Vue
• Typora Version
  0.11.8

二级标题显示错误

描述问题

多个没有正文内容的二级标题会显示在一行中。尝试过其他主题不存在该问题。仅有二级标题存在该问题。

如何复现问题

创建多个连在一起的二级标题。

期望结果

多个标题换行显示。

截图

系统

• Windows 10
• Drake 所有主题
• Typora 0.11.8

加粗去除背景效果

导出的 html 和 在 Typora 中, 字体显示效果不一致

描述问题

导出的 html 中代码字体变成了加粗斜体

如何复现问题

期望结果

正常使用 JetBrain Mono 字体

截图

系统 (建议使用最新Typora版本)

• OS : win11
• Theme
• Typora Version: 测试版最后一版

尝试

• 在主题中添加:
  @include-when-export url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
• 另外:
  退出源码模式的按钮有些违和, 添加:

.typora-sourceview-on #toggle-sourceview-btn{
    background-color: var(--item-hover-bg-color);
}

二级标题无法正常显示光标

如题
二级标题无法显示光标

应该是主题样式导致的

中文和英文之间加空格，显示过宽，这个如何修改？

我相信大家都已经习惯在中英文之间敲个空格，但是我们这个主题，空格显示太宽了：

亮色主题导出pdf时checkbox框消失

描述问题

亮色主题导出pdf时checkbox框消失

如何复现问题

100%出现

期望结果

截图

系统 (建议使用最新Typora版本)

• OS win10
• Theme Drake所有亮色主题
• Typora Version 0.11.8(beta)

代码块显示多余小白条

描述问题

代码块部分即使没有超过一行的宽度，也会有小白条

如何复现问题

增加代码块

期望结果

隐藏无意义的小白条

截图

系统 (please complete the following information):

• OS: [macOS Catalina]
• 风格 [drake]
• Typora版本 [0.11.2]

东哥，真的是你吗？

东哥，真的是你吗？东哥，真的是你吗？东哥，真的是你吗？东哥，真的是你吗？

请问怎样调整正文的左右边距

描述问题

想知道怎样调整显示正文内容的的左右边距，让两边的空白少一点

截图

系统 (建议使用最新Typora版本)

• OS Mac OS 12.1
• Theme drake-light
• Typora Version 1.0.2 (5990)

使用 Drake Light 主题，导致 “菜单” --> "打开" 选项中样式出问题

描述问题

如题

如何复现问题

切换到 Drake 主题，100% 复现

期望结果

截图

以上是使用 官方 Github 主题时，菜单样式

以上是切换到 Drake Light 主题，菜单样式，会发现 打开、导入 位置错乱

系统 (please complete the following information):

• OS: WIndows
• 风格 Drake Ligth
• Typora版本 0.11.2

drake主题 代码块中的光标不明显

描述问题

drake主题 代码块中的光标不明显

如何复现问题

使用shell格式的代码块，查看光标

期望结果

希望光标颜色与背景进行区分

截图

系统 (首先建议使用最新Typora版本):

• OS: [e.g. macOS] macos
• 风格 [e.g. drake, ayu] drake
• Typora版本 [e.g. 22] 0.11.5

问题解决

我通过修改drake.css里的属性解决。
具体是使用 border-left: 2px solid #ff8080 !important;
替换掉drake.css中的
.cm-s-inner div.CodeMirror-cursor和.cm-s-inner .CodeMirror-cursor类里的相应属性
如下图

Ayu 在 == == 高亮语法下颜色显示异常

描述问题

A clear and concise description of what the bug is.

==Markup== 语法在 dark-ayu 布局下显示异常

如何复现问题

Steps to reproduce the behavior:

期望结果

A clear and concise description of what you expected to happen.

截图

If applicable, add screenshots to help explain your problem.

系统 (首先建议使用最新Typora版本):

• OS: [e.g. macOS] Windows 11
• 风格 [e.g. drake, ayu] ayu
• Typora版本 [e.g. 22] 0.11.5

修改如下代码段即可

关于段与段正文文字之间没有间隔的问题

描述问题

默认GitHub主题下，两段文字之间的段间距是要略大于行间距的，这样会让人一目了然的看到哪些文字是一段文字，哪些文字是两段文字。而在该drake google主题中，正文文字的段间距和行间距相同，逼死强迫症。

如何复现问题

期望结果

能够加大段间距

截图

系统 (建议使用最新Typora版本)

• OS macOS12.1
• Theme darke google
• Typora Version 1.0.5

添加Vue风格主题

请问怎么修改代码块代码的间距呀？

黑色主题Markdown绘制的时序图文字颜色bug

描述问题

黑色主题Markdown绘制的时序图文字颜色bug

如何复现问题

测试代码

sequenceDiagram
autonumber
participant A as 业务前端
participant B as 业务后端
participant C as test前端
participant D as test后端
participant E as test系统
A->>B: 下单请求
B->>D: 请求下单接口，创建订单
D-->>B: 返回订单信息
B-->>A: 返回订单信息
A->>C: 调起PC支付页面
C->>C: 用户确认支付
C->>D: 1内部支付逻辑
alt 如果购买的是代币物品
D->>D: 1内部发货
else 如果购买的是月卡物品
D->>D: 1内部发货
else 如果购买的是道具物品
D->>B: 通知发货
B-->>D: 发货回调
else 如果购买的是1物品
D->>E: 通知发货
E->>B: 通知发货
B-->>E: 发货回调
E-->>D: 发货回调
end
D-->>C: 支付结果
C-->>A: 前端回调
alt 如果购买的是代币物品
A->>B: 查询代币余额
B->>D: 查询代币余额
D-->>B: 返回代币余额
B-->>A: 返回代币余额
else 如果购买的是月卡物品
A->>B: 查询月卡
B->>D: 查询月卡
D-->>B: 返回结果
B-->>A: 返回结果
else 如果购买的是道具物品
A->>B: 查询物品
B-->>A: 返回结果
else 如果购买的是1物品
A->>B: 查询物品
B-->>A: 返回结果
end

期望结果

背景黑色, 文字与箭头期望白色

截图

系统 (建议使用最新Typora版本)

• OS Windows
• Theme DrakeDark
• Typora Version 1.0.2

请问截图内的中文字体是怎么设置的

windows用户选用了这个主题, 中文还是宋体的

怎样可以把英文字母间距稍宽一点

描述问题

英文字母间太紧凑了，调整什么参数可以使得字母与之母间稍微宽松一点

如何复现问题

期望结果

截图

系统 (建议使用最新Typora版本)

• OS
• Theme
• Typora Version

代码块中的注释对不齐

代码的行间距是那个属性？

描述问题

hello 代码的行间距是那个属性？太小了，看着累眼睛，要调大一些。试了 line-height，没效果

系统 (建议使用最新Typora版本)

• OS : Windows 10 Pro
• Theme : drake dark
• Typora Version : 0.11.13

怎么修改任务列表的颜色

描述问题

任务列表的颜色是绿色，该如何修改css代码来变换颜色呢？

截图

系统 (建议使用最新Typora版本)

• OS : win10
• Theme : drake
• Typora Version : 0.9.98

需要自己下载字体吗

描述问题

使用主题后发现字体并不是mono，是需要自己下载字体吗

系统 (建议使用最新Typora版本)

• Windows
• drake-light
• Typora Version latest

单纯发表对这个主题的喜爱

描述问题

单纯发表对这个主题的喜爱, 作者发布的主题真是精品, 匠心之作,细节深得人心. 特别喜欢

1. 喜欢文档内容宽屏展示,不是很窄的居中.
2. 喜欢字体大小错落有致. 不同级别的内容显示差异明显.整篇文章通过段落可以很好的区分
3. 喜欢行内代码的背景现在这样恰到好处,不那么明显与突出.
4. 喜欢整个风格统一, 背景与文字融入一体.

大大的赞.谢谢作者�无私分享.
👍

系统 (建议使用最新Typora版本)

• OS: macOS 12.1
• Theme : DrakeTyporaTheme_ALL
• Typora Version : 0.11.18

代码块怎么增加下面的左右滚动条

关于代码中空格问题

你好，
你提供的Typora主题非常好，配色很nice。但我在使用中出现了一个问题，当我插入python代码时，缩进的时候前面有4个空格，每个空格应该占据1个字符长度，4个空格等于一个Tab键，当你的主题下，不是这样的，每个空格占据的不是一个字符长度，也不是半个，总之和上一行的代码没法对齐。我换了Typora自带的theme，没有出现这个问题。

Typora 导出pdf问题

描述问题

导出的pdf在样式上与编辑的时候样式不一致，部分样式会失效

如何复现问题

期望结果

截图

系统 (建议使用最新Typora版本)

• OS
• Theme
• Typora Version

词数多就会卡顿

mac typora 版本0.11.0 (5581)，在快2000词的时候 卡顿明显。虽然使用其他主题也有，但没那么明显

Light Vue主题 加粗显示不明显

描述问题

如何复现问题

期望结果

截图

系统 (建议使用最新Typora版本)

• OS Windows 11
• Theme Light and Vue
• Typora Version 0.11.6

R代码渲染之后，"<-"会变成箭头

描述问题

我用markdown记录数据分析时的一些代码片段。记录R语言代码的时候，赋值操作符"<-"会自动转成箭头

如何复现问题

可以输入以下代码

p <- ggplot(e1[[1]],aes(genotype,exp)) + geom_violin(aes(fill=genotype)) + geom_boxplot(width=0.1) +
        ylab('log1p(FPKM)') + xlab(eqtl) + theme_classic() + myfont + scale_fill_manual(values=col[2:1]) +
        scale_x_discrete(labels = c(e1[[2]],e2[[3]])) + xlab(eqtl) + ggtitle(paste0('P =',e1[[4]]))

p

期望结果

"<-"这个符号不改变

截图

系统 (建议使用最新Typora版本)

• OS：macOS 12.1
• Theme： 所有的drake主题
• Typora Version：1.0.5（6032）