SevicheCC/Urara-Blog
1
0
Fork 0
mirror of https://github.com/Sevichecc/Urara-Blog.git synced 2025-04-30 14:29:29 +08:00
Code Issues Projects Releases Packages Wiki Activity

fix url

Browse source
This commit is contained in:
SevicheCC 2024-10-15 00:45:49 +08:00
parent d2a4de22ec
commit 709a0ecced
Signed by untrusted user who does not match committer: SevicheCC
GPG key ID: C577000000000000
1 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
urara/2024-10-14-obsidian-highlight/+page.md
View file

@ -6,12 +6,18 @@ tags:
- Obsidian - Obsidian
- CSS - CSS
--- ---
把这个[Codepen](https://codepen.io/cassidoo/pen/JjQOBZB)里面的荧光笔效果搬到了Obsidain里面。鉴于安装的插件和CSS样式太多，我强制用了`!important`, 所以代码比较丑陋。
效果如图： 效果如图：
![](https://usc1.contabostorage.com/cc0b816231a841b1b0232d5ef0c6deb1:image/2024/10/0822652da55dab7b75749172c24e96a7.png) ![](https://usc1.contabostorage.com/cc0b816231a841b1b0232d5ef0c6deb1:image/2024/10/0822652da55dab7b75749172c24e96a7.png)
参考：
<iframe height="300" style="width: 100%;" scrolling="no" title="Subtle text &quot;highlighter&quot; in pure CSS" src="https://codepen.io/cassidoo/embed/JjQOBZB?default-tab=html%2Cresult" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
See the Pen <a href="https://codepen.io/cassidoo/pen/JjQOBZB">
Subtle text &quot;highlighter&quot; in pure CSS</a> by Cassidy (<a href="https://codepen.io/cassidoo">@cassidoo</a>)
on <a href="https://codepen.io">CodePen</a>.
</iframe>
鉴于安装的插件和CSS样式太多，我强制用了`!important`, 所以代码比较丑陋。
## 如何安装 ## 如何安装
### 1. 安装插件highlightr ### 1. 安装插件highlightr
@ -25,7 +31,7 @@ highlight method设置为`css-classed`
首先打开CSS代码片段存放的文件夹： 首先打开CSS代码片段存放的文件夹：
![image.png](https://usc1.contabostorage.com/cc0b816231a841b1b0232d5ef0c6deb1:image/2024/10/8bc2771da002bf9ba87da2a320dca5ef.png) ![image.png](https://usc1.contabostorage.com/cc0b816231a841b1b0232d5ef0c6deb1:image/2024/10/8bc2771da002bf9ba87da2a320dca5ef.png)
然后点击 -> [subtle-hightlight.css](blob:https://github.com/442ee1e8-3492-43d7-9767-223f792522e1)下载css代码，下载后将`subtle-highlight.css`存到代码片段的文件夹中 然后点击 -> [subtle-hightlight.css](/2024-10-14-obsidian-highlight/subtle-highlight.css)下载css代码，下载后将`subtle-highlight.css`存到代码片段的文件夹中
或者复制下面的代码后在该文件夹下创建一个叫`subtle-highlight.css` 的文件： 或者复制下面的代码后在该文件夹下创建一个叫`subtle-highlight.css` 的文件：
```css ```css