update

10-Obsidian/Obsidian外观/CSS 片段/Obsidian样式-Thino单文件时间轴样式.md

@@ -1,16 +1,13 @@
 ---
 uid: 20231205164730
 title: Obsidian 样式：Thino 单文件时间轴样式
-tags:
-  - obsidian
-  - Thino
-  - 美化
+tags: [obsidian, Thino, 美化]
 description: Thino单文件时间轴样式
 author: Cuman
 type: other
 draft: false
 editable: false
-modified: 20231205164730
+modified: 20231206100026
 ---
 
 # Obsidian 样式：Thino 单文件时间轴样式
@@ -25,7 +22,9 @@ modified: 20231205164730
 
 引入了单文件特性后，每个随笔将被写入一个独立的文件中。这使得我们能够实现一个时间轴效果，让每天的笔记日程一目了然。
 
-![image.png](https://cdn.pkmer.cn/images/202312051647981.png!pkmer)
+
+
+![](https://cdn.pkmer.cn/images/202312060854791.png!pkmer)
 
 ## 效果图
 

10-Obsidian/Obsidian外观/CSS 片段/Obsidian样式-美化高亮样式.md

@@ -7,13 +7,15 @@ author: OS
 type: other
 draft: false
 editable: false
-modified: 20230703190229
+modified: 20231206113811
 ---
 
 # Obsidian 样式：美化高亮样式
 
 ## 引言
 
+所谓高亮指 Markdown 语法中被 `==` 包裹起来的内容，也就是两个等号包裹的内容会被渲染为高亮格式。
+
 高亮可以帮我们在日常笔记中，快速标记重点。如果你在构建自己的笔记系统，那么我强力建议将斜体，粗体，高亮，进行区分，规划不同的笔记动作与其对应。
 
 - 加粗：我一般会用在概念，定义
@@ -29,6 +31,14 @@ modified: 20230703190229
 - 又或是下面的样式片段，如何使用样式片段，可以参考 [[Obsidian的CSS代码片段]]
 	- 这里我没有特别强化具体颜色样式，因为它们都带有 color 字样，你可以随时参考其他颜色，来让他更加个性化
 
+![image.png](https://cdn.pkmer.cn/images/202312061126730.png!pkmer)
+
+启用下面的片段，修改亮色默认下背景颜色为红色 ，黑暗模式为蓝色就是下面效果，当然代码中的颜色数值可以自己调节。
+
+![image.png](https://cdn.pkmer.cn/images/202312061127056.png!pkmer)
+
+![image.png](https://cdn.pkmer.cn/images/202312061128068.png!pkmer)
+
 ```CSS
 /*实时编辑*/
 .theme-light .markdown-source-view div.cm-line span.cm-highlight {
@@ -57,4 +67,36 @@ modified: 20230703190229
 	border-radius: 5px;
 	padding:2px;
 }
+```
+
+## 更多的高亮样式
+
+感谢 Blue Topaz qq 群友@Lemonadio 贡献
+
+这个高亮样式的颜色使用默认颜色，样式上进行改变
+
+效果如下：
+
+![6K{I`YR06`KJAI~N8ZM6XFK.jpg](https://cdn.pkmer.cn/images/202312061134327.jpg!pkmer)
+
+![image.png](https://cdn.pkmer.cn/images/202312061134347.png!pkmer)
+
+代码:
+
+```css
+/*荧光笔高亮 by: Lemonadio*/
+/*写着写着就能用了,就不改代码了.*/
+.cm-s-obsidian span.cm-formatting-highlight, .cm-s-obsidian span.cm-highlight,
+:is(.markdown-preview-view,.markdown-rendered) mark {
+  display: inline;
+  box-sizing: border-box;
+  background-color: inherit;
+  background-image: linear-gradient(rgba(255,208,0,0.5),rgba(255,208,0,0.5));
+  background-repeat: no-repeat;
+  background-size: 100% 50%;
+  background-position: 100% 53%;
+  border-radius: 1em;
+  padding: 0 0.2em;
+}
+
 ```

10-Obsidian/Obsidian外观/Obsidian的CSS代码片段.md

@@ -175,6 +175,7 @@ Obsidian 还支持一种外部样式代码引用的方式。
 
 - [[Obsidian样式-给Thino加个滚动条]]
 - [[Obsidian样式-给Thino搭配10种热力图颜色]]
+- [[Obsidian样式-Thino单文件时间轴样式]]
 
 ## 自定义 CSS 简单上手指南
 

主页.md

@@ -7,7 +7,7 @@ author:
 type: awesome
 draft: true
 editable: false
-modified: 20231206090739
+modified: 20230328174304
 ---
 
 # 主页