博客園添加動態背景效果

博客園添加動態背景效果

目錄

• 1 申請 JS權限
• 2 審核通過后
• 3 上傳canvas-nest.js文件到自己的博客園后台並獲取這個文件的鏈接
• 4 在博客園-->設置-->頁首Html代碼下，插入以下標簽
• 5 見證奇跡
• 參考

1 申請 JS權限

在“設置”里提交申請

40分鍾后查看“未通過”，尷尬

決定百度一哈，取點經

復制網友的這樣寫：

尊敬的博客園管理員，

請問是否可以幫我開通js權限，我需要一些簡單的js來解決例如代碼高亮等外觀調整。
 
謝謝您的幫助。

靜候佳音

等到的依然是未通過：

抬走，換下一個網友：

尊敬的博客園管理員：

請問是否可以幫我開通js權限，我想對文章的樣式和布局需要js代碼進行調整外觀。

謝謝您的幫助。

OK啦：

2 審核通過后

下載這個文件canvas-nest.js

下載地址：canvas-nest.js/dist at 75666f1d0793360b9415119556d081ee3ce8e576 · hustcc/canvas-nest.js
https://github.com/hustcc/canvas-nest.js/tree/75666f1d0793360b9415119556d081ee3ce8e576/dist

3 上傳canvas-nest.js文件到自己的博客園后台並獲取這個文件的鏈接

獲取這個文件的鏈接（右鍵download，復制鏈接）：

4 在博客園-->設置-->頁首Html代碼下，插入以下標簽

<!-- 背景動畫 -->
<script type="text/javascript" color="0,0,255" opacity='0.7' zIndex="-2" count="99" src="https://files.cnblogs.com/files/yzl0/canvas-nest.js"></script>

• color: 線條顏色，默認：‘0，0，0’；三個數字分別為(R,G,B),注意使用，分割
• opacity: 線條透明度0~1,默認0.5
• count: 線條總數量，默認150
• zIndex: 背景的z-Index屬性，css用於控制所在層的位置，默認-1

5 見證奇跡

漂亮！

參考

博客園添加動態背景效果 - Rogn - 博客園
https://www.cnblogs.com/lfri/p/10010907.html