2017年1月16日 星期一

SyntaxHighlighter 無法正常顯示

上週五回家赫然發現 blog 文章內的程式碼 syntax highlighting 消失了,小弟當然不能讓來這裡的貴賓們感到使用者體驗變差

原本以為 SyntaxHighlighter JavaScript Library 連結斷了,但測試都正常

最後才發現從 http://goodspeedlee... 可以正常瀏覽,但如果從 https://godspeedlee... 那就無法正常載入

無論是 IE, Firefox, Chrome 的結果都一樣

仔細研究發現,blogspot 的「範本」內若是包含 http:// 連結,那就有可能發生這種事


後來找到三種解決方案

Google 協作平台

有人說可以把 .css, .js 放在上面,但站長始資質愚魯始終無法試驗成功,只好放棄。

Google Drive

網路上還可以找到不少教學,但這畢竟是 hack 出來的用法,已在 2016/11 被官方封鎖,Google 不希望你這樣玩他的空間。

CDNJS

最後找到這個好用的 CDN, 上面正好有 SyntaxHighlighter,所以你只要把


替換成


這樣無論用 http:// 還是 https:// 瀏覽都能正常顯示,這次希望 cdnjs  能活久一點...

沒有留言:

張貼留言