obsidian外观
Obsidian 样式:美化代码域对编程语言的样式展示
插件ID:obsidian%E6%A0%B7%E5%BC%8F-%E7%BE%8E%E5%8C%96%E4%BB%A3%E7%A0%81%E5%9F%9F%E5%AF%B9%E7%BC%96%E7%A8%8B%E8%AF%AD%E8%A8%80%E7%9A%84%E6%A0%B7%E5%BC%8F%E5%B1%95%E7%A4%BA
obsidian%E6%A0%B7%E5%BC%8F-%E7%BE%8E%E5%8C%96%E4%BB%A3%E7%A0%81%E5%9F%9F%E5%AF%B9%E7%BC%96%E7%A8%8B%E8%AF%AD%E8%A8%80%E7%9A%84%E6%A0%B7%E5%BC%8F%E5%B1%95%E7%A4%BA
obsidian%E6%A0%B7%E5%BC%8F %E7%BE%8E%E5%8C%96%E4%BB%A3%E7%A0%81%E5%9F%9F%E5%AF%B9%E7%BC%96%E7%A8%8B%E8%AF%AD%E8%A8%80%E7%9A%84%E6%A0%B7%E5%BC%8F%E5%B1%95%E7%A4%BA:美化代码域对编程语言的样式展示
Obsidian 样式:美化代码域对编程语言的样式展示
引言
有很多同学在自己学习,或者本职工作,甚至是接触 Obsidian 后,对编程产生了很大兴趣,但又对 Obsidian 默认支持的语法高亮方案不够满意,觉得样高亮过于素雅。
就会产生疑问有无方法,自己定义样式
实践
以下代码可以对所有编程语言或者代码域里的内容生效,而非针对不同编程语言的高亮方案。
但是统一的高亮配色方案,可能会让很多同学觉得很舒服。
效果
Snippets
如何使用自定样式的方法,可以参考 Obsidian的CSS代码片段(2 步安装自定义样式)
.cm-hmd-codeblock.cm-keyword {
color:#7bafea !important;
}
.cm-hmd-codeblock.cm-meta {
color:#3fb87a !important;
}
.cm-hmd-codeblock.cm-type {
color:#c9305c !important;
}
.cm-hmd-codeblock.cm-variable {
color:#eaefed !important;
}
.cm-hmd-codeblock.cm-number {
color:#c9305c !important;
}
.cm-comment.cm-hmd-codeblock {
color:#e7e186 !important;
}
.cm-hmd-codeblock.cm-string{
color:#e7e186 !important;
}
.cm-hmd-codeblock {
color:rgb(255, 255, 255)
}
.cm-hmd-codeblock.cm-operator {
color:coral;
}
.cm-def.cm-hmd-codeblock {
color: rgb(137, 220, 220) !important;
}
.cm-builtin.cm-hmd-codeblock{
color:rgb(157, 216, 143) !important;
}
讨论
若阁下有独到的见解或新颖的想法,诚邀您在文章下方留言,与大家共同探讨。
反馈交流
其他渠道
版权声明
版权声明:所有 PKMer 文章如果需要转载,请附上原文出处链接。