hexo+yilia完美實現相冊功能(解決縮略圖不顯示)

寫在前面

相冊功能我從8月初就開始弄的,期間弄了數十小時都沒有搞定,縮略圖一直顯示,超級噁心。所以這也是我寫這篇博客的原因,讓你們少走點坑。唉,說多了都是淚,先看我的博客相冊效果

必看,前期配置

由於是在lawlite的教程幫助下完成的相冊功能,所以前面的設置還是直接看原博客吧
裏面有幾個地方需要注意:

1.第一個地方

var minSrc = 'https://raw.githubusercontent.com/lawlite19/blog-back-up/master/min_photos/' + data.link[i]; var src = 'https://raw.githubusercontent.com/lawlite19/blog-back-up/master/photos/' + data.link[i];這個鏈接很多人輸入錯了,不是直接的圖片url,是需要點“下載”才能看到的url。
在這裏插入圖片描述
在這裏插入圖片描述

2.第二個地方

    with open("../lawlite19.github.io/source/photos/data.json","w") as fp:
        json.dump(final_dict, fp)

open裏面的路徑lawlite設置的github上的路徑,我沒有試過應該也可以。
我設置的是本地博客路徑如F:/blog/source/photos/data.json

3.第三個地方(最重要)

建議嚴格按照lawlite上說的設置,看仔細了!!!先實現以後可以再做更改。
如果你上面操作都沒有問題,那麼你就會發現點開圖片可以顯示,縮略圖不顯示。沒關係,這是就是本教程的重點,看好了。

重點

首先,去下載“empty.png” 這裏這裏
直接右鍵另存,保存爲“empty.png”。名字也要一樣,別問爲什麼,實現了,自己再去看源碼。也別搞什麼python抓取,抓取的不正確,縮略圖也顯示不出來,直接右鍵另存。
在你博客的本地倉庫source下新建一個文件夾命名爲assets,再在assets下新建一個文件夾命名爲img。最後把empty.png放到img裏面。我的結果如下:
在這裏插入圖片描述

還是那句話,別問爲什麼,實現了,自己再去看源碼。我太累了,不解釋。

最後

耶,這樣做好像就完事了,可以成功看到縮略圖顯示出來。其實操作本不復雜嚴格按照教程來,細心點。唉,別像我走太多彎路。
如果縮略圖還沒顯示出來,可以在下面留言,我經常看的,會回覆。
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章