文章頭圖有以下方式顯示:
- 未設(shè)置“文章頭圖”的情況:背景顯示為“特色圖片”的模糊態(tài),
背景顏色
使用“特色圖片”的主色調(diào)作為背景 - 已設(shè)置“文章頭圖”的情況:顯示為設(shè)置的“文章頭圖”
對于情況1:背景是通過腳本讀取文章“特色圖片”來獲取主色調(diào),然后展示背景顏色的。此功能需要使用canvas技術(shù),根據(jù)瀏覽器的安全策略,跨域的圖片腳本無法訪問,因此也就不能讀取主色調(diào)了。
當(dāng)您在使用CND、OSS等存儲服務(wù)時,有可能出現(xiàn)上面描述的此類問題。解決方案是:前往您的CDN、OSS存儲商后臺,設(shè)置CORS頭通過access-control-allow-origin跨域即可解決。
例如阿里云可參考阿里云的文檔說明:
《阿里云配置HTTP頭》
不同的服務(wù)商設(shè)置方法有所差異。請詳詢您的服務(wù)提供商。
尺寸
- 頭圖建議尺寸:1920×400像素
- 特色圖片建議尺寸:512×458像素