3-13 Obsidian主题

# 前文提要

* 前面的课时
	* 基础服务
	* 应用场景
* 今天：Obsidian主题！

# 什么是主题？

* 决定你的Obsidian，长什么样子
* 原理：css
	* 层叠**样式表**
	* 多用于网页中
		* 如：[B站](https://www.bilibili.com/)
	* 理解原理之后，避免的问题
		* 标题缩进怎么弄？
		* 如何改变字体？
		* 如何改变高亮颜色？
		* ……
* 什么是css？
* 从内容说起
	* 文字决定内容
	* Markdown决定结构
* 样式表
	* 决定结构长什么样子
	* 学习？大部分同学不需要
* 一段简单的样式

代码：

```html
<mark style="background: #FFB86CA6;">这是文本</mark>
```

展示：

# Obsidian中的主题

* 本质：样式表
* 但Obsidian的主题更加复杂
	* 笔记的样式
	* 界面的样式
	* 各种面板的样式
	* 插件的样式
	* ……
* 获取主题
	* 官方主题市场
	* 不好意思，无法访问……
	* 我常用的主题（提供下载）
		* Minimal
		* Border
		* Blue Topaz
		* Obsidianite
* Obsidian主题文件在哪？
	* `.obsidian\themes\`
	* ![image.png](https://sand-1307453643.cos.ap-guangzhou.myqcloud.com/sandox/pic/202408221754046.png)
* 设置主题
	* 主题专门的设置插件
		* 如 `Minimal Theme Settings`
		* ![image.png](https://sand-1307453643.cos.ap-guangzhou.myqcloud.com/sandox/pic/202408221801019.png)
	* 通用插件：`Style Settings`

# Style Settings

* 想修改主题相关的配置？
	* 尝试 `Style Settings`
	* 它也不行？
	* 那就别折腾了！
* 打开设置
	* 设置中心
	* 命令面板：`Show Style Settings view`
* ![image.png](https://sand-1307453643.cos.ap-guangzhou.myqcloud.com/sandox/pic/202408212226997.png)
* 关于设置
	* 可导出
		* 整体导出
		* 单项导出
	* 可重置
	* 包含类型
		* 组件
		* 外观
			* （明亮模式）
			* （黑暗模式）
		* 编辑器
		* 手机客户端
		* 甚至还有……部分插件！
* 推荐配置
	* Components
		* 自动隐藏 左侧功能区
		* 隐藏标签页标题栏
			* ![image.png](https://sand-1307453643.cos.ap-guangzhou.myqcloud.com/sandox/pic/202408221855399.png)
	* 外观
		* 主题色
		* 附：[配色网站 Cava](https://www.canva.com/colors/color-palettes/)
	* Editor
		* 专注模式（部分实现 [[3-12 更强大的编辑器#2.4. Typewriter Mode|打字机]] 效果）
		* 标题
			* 移除分隔线
			* 启用 Hn 分隔线
			* 自定义标题样式
		* 段落（什么是段落）
			* 行高
			* 行宽
				* 需开启“缩减栏宽”
				* `设置、编辑器、显示`
		* 文本
			* 字体颜色
		* 列表
			* 缩进
		* 图片
			* 居中显示
		* 代码块
			* 样式
		* 标注
			* 风格
	* 针对插件
		* 如：[[obsidian_temp_checklist]]
		* List callouts

# 课后作业

> 课后作业
> * 尝试自定义主题。

# 课时预告

* [[3-14 Obsidian笔记导出]]