寫在前面
相冊功能我從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
裏面。我的結果如下:
還是那句話,別問爲什麼,實現了,自己再去看源碼。我太累了,不解釋。
最後
耶,這樣做好像就完事了,可以成功看到縮略圖顯示出來。其實操作本不復雜嚴格按照教程來,細心點。唉,別像我走太多彎路。
如果縮略圖還沒顯示出來,可以在下面留言,我經常看的,會回覆。