---
# System prepended metadata

title: アニメバックグラウンド

---

# アニメバックグラウンド

資源:
https://marketplace.visualstudio.com/items?itemName=unthrottled.doki-theme

## 步驟

1. 安裝

https://marketplace.visualstudio.com/items?itemName=unthrottled.doki-theme

2. 选颜色背景

![步驟01](https://hackmd.io/_uploads/Hke8ly_S0.png)

![步驟02](https://hackmd.io/_uploads/HkAAx1OBC.png)

3. 设定路径

点齿轮符号，打开设定菜单后，点击"Extension Settings"。

![步驟03](https://hackmd.io/_uploads/B1ec0JurC.png)

![步驟04](https://hackmd.io/_uploads/S1qqC1_HA.png)

往下滚动，"背景"跟"吉祥物"的路径在接近底边的位置。

在设置路径前:

:::danger
在设置 "背景图" 的时候，务必先调整背景的透明度，没有调整透明度的话，背景图会干扰整个内容。
:::

调整透明度工具:

https://www5.lunapic.com/editor/

透明度依照个人喜好调整,自己会推荐 20% 左右。

Doki>Background:Path => 無視窗的背景路径。
Doki>Sticker:CSS => 吉祥物CSS。
Doki>Sticker:Path => 吉祥物路径。
Doki>Wallpaper:Path => 背景路径。

![步驟05](https://hackmd.io/_uploads/H125tbdB0.jpg)


##### 找不到Extension Settings设定

如果找不到设定的话，可以从左下角的”齿轮”=>setting

左测选单找到 Extension => Custom Doki Assets 就可以看到路径设置了。

![步驟08](https://hackmd.io/_uploads/SyMoWWOS0.jpg)

</br>

分享我目前的吉祥物**在屏幕上的位置**与**调整大小**的CSS代码给大大们参考:
```="css"
z-index:100;
background-position:100% 95%;/*調整位置*/ 
background-size: 15%;/*調整大小*/ 
background-repeat: no-repeat;/*不重複*/
```
</br>


3. 重新启动

重开 vscode 或是 点提示的重新启动。

![步驟07](https://hackmd.io/_uploads/BJmLrgOrA.jpg)

完成。

![步驟06](https://hackmd.io/_uploads/Byz9zgOH0.jpg)


一起来与推写扣吧。
