Hexo Next動態背景Canvas nest

2021-09-28 10:56:41 字數 700 閱讀 7970

1、在next6.0以上版本,直接在主題檔案下的/themes/next/_config.yml設定canvas_nest屬性為true,動態背景是沒法生效。

在_config.yml中也可以看到canvas_nest裡面有注釋資訊:

# canvas-nest

# dependencies:

# for more information:

2、解決方法:

進入git命令列模式進入themes/next目錄下

$ cd themes/next
然後執行

$ git clone  source/lib/canvas-nest
3、最後重新編譯,部署就可以了

$hexo clean

$hexo g

$hexo d

另:

屬性說明: 

- color :線條顏色, 預設: 『0,0,0』;三個數字分別為(r,g,b)

- opacity: 線條透明度(0~1), 預設: 0.5

- count: 線條的總數量, 預設: 150

- zindex: 背景的z-index屬性,css屬性用於控制所在層的位置, 預設: -1

測試效果:

動態規劃背景

動態規劃 英語 dynamic programming,簡稱 dp 是一種在數學 管理科學 電腦科學 經濟學和生物資訊學中使用的,通過把原問題分解為相對簡單的子問題的方式求解複雜問題的方法。動態規劃不是某一種具體的演算法,而是一種演算法思想 若要解乙個給定問題,我們需要解其不同部分 即子問題 再根據...

css3 動態背景

動態背景 利用多層背景的交替淡入淡出,實現一種背景在不停變換的效果,先看圖。效果圖 demo位址 步驟 1.利用css的radial gradient建立乙個映象漸變的背景。其中的80 20 為漸變中心的x,y位置。具體的radial gradient用法可以參見這裡 2.重複第一步建立4個擁有不同...

cocos2d x 動態背景

this settouchenabled true 開啟觸控 新增背景 ccsprite spritebackground ccsprite create background4.png spritebackground settag 100 this addchild spritebackgrou...