Hexo 搭建系列 - BLOG隨機背景切換

圖片來源：Unsplash Source
這個網站提供了API接口調用，你可以非常容易的去使用它。
目前提供的免費圖片有1.3M張。

使用方法

打開.\source\_data\styles.styl加上

 body {  
 background-image:url(https://source.unsplash.com/random/1600x900); #網址可替換
 background-repeat: no-repeat;
 background-attachment:fixed;
 background-position:50% 50%;
}

參數

url：可更換為自己喜歡的圖片的地址。
background-repeat：是否重複出現
background-attachment：定義背景圖片隨滾動軸的移動方式
background-position：設置背景圖像的起始位置。

個性化(URL)

特定用戶

假設你有想使用unsplash上特定用戶的圖片，請將background-image:url設定成下方格式：

https://source.unsplash.com/user/{USERNAME}

特定用戶likes

假設你有想使用特定用戶likes的圖片

https://source.unsplash.com/user/{USERNAME}/likes

特定用戶收藏

假設你有想使用特定用戶收藏的圖片

https://source.unsplash.com/collection/{COLLECTION ID}

每日/每週圖片

Random
https://source.unsplash.com/daily

Random from a user
https://source.unsplash.com/user/erondu/daily

Random from a search term
https://source.unsplash.com/weekly?water

隨機關鍵字

隨機關鍵字搜索出來的圖片

https://source.unsplash.com/featured/?{KEYWORD},{KEYWORD}

ex:
https://source.unsplash.com/1600x900/?nature,water

特定照片

https://source.unsplash.com/{PHOTO ID}/{WIDTHxHEIGHT}

ex:
https://source.unsplash.com/WLUHO9A_xik/1600x900

BLOG背景透明

請參考BLOG背景透明化