obsidain 长代码块滚动条优化，mac风格与动态代码类型

[lspzc]

ob 分享_代码块美化

1 写在前边

最快乐的事，莫过于分享~

2 改动方向

对于代码块的一些想法

1. 不希望换行
2. 不希望代码块太长
3. 极简风格，但又高级感
4. 预览模式，可以动态标识代码类型
5. mac 风格
6. 独立于主题，css 片段形式，切换主题也不会丢失

3 效果展示

3.1 显示代码类型风格

3.1.1 亮色模式

3.1.2 暗色模式

3.1.3 未指定代码类型

3.2 mac 类型风格

3.2.1 亮色模式

3.2.2 暗色模式

4 使用方法

拉取代码，因为代码有 300 多行，我会放到 github，或者其他仓库，拉一下就好

仓库地址：lspzc/obsidain分享

在外观选项，打开 snippets 文件夹，没有就创建一个

将 css 代码保存为 codeBlock.css 文件

最后记得开启 css 片段

5 后续优化

注意，我目前的主题是 border，这的代码块背景色如下

后续如果有需要优化版本，我会优化代码，参考这样

将一些颜色选项等，在 style setting 中设置出来

6 参考

1. 代码块美化 中的代码类型枚举
2. deepseek 代码块样式颜色

7 更改风格

默认是动态代码块风格，改为mac风格步骤如下

1. 31 行字符串改为空字符串
2. 把 48-62 行注释打开
3. 注释掉 118 行以后所有代码

[14March (板烧鸡腿堡)]

mac风格没有生效。

[lspzc]

mac风格被注释了，

[lspzc]

改成mac风格：

1. 把48-62行注释打开
2. 注释掉118行以后所有代码
3. 31行字符串改为空字符串