Cnblogs博客園支持自定義js來美化站點（需要申請JS權限），可以將主題托管到自己的云資源或CDN加速節點節點上，
例如我的網站為 www.example.com（IP或其它host），我將編譯后的檔案夾 dist 放到了網站的根目錄，
這樣我可以通過加載 https://www.example.com/dist/simpleMemory.js 來加載主題：
<script type="text/javascript">
window.cnblogsConfig = {
info: {
name: 'userName', // 用戶名
startDate: '2021-01-01', // 入園時間，年-月-日，入園時間查看方法：滑鼠停留園齡時間上，會顯示入園時間
avatar: 'http://xxxx.png', // 用戶頭像
},
}
</script>
<script src="https://www.example.com/dist/simpleMemory.js" defer></script>
當主題需要自定義一些功能，發現不方便除錯js腳本，要反復將生產包部署到服務器，來回操作繁瑣復雜，現可以通過云開發方式來做除錯，
開發環境 - 使用Codespaces除錯開發
fork倉庫后，如果沒有云資源又想要除錯代碼，這時候可以嘗試github推出的codespaces云IDE，
- 在github上創建一個codespaces
control + shift + ~打開終端，執行命令陳述句npm run server
- 切換到埠面板, 右鍵鏈接地址，更改埠可見性為
public
- 打開鏈接地址，就能看到
dist為目錄的站點
- 最后在csblogs博客設定中，臨時將script腳本地址替換
在codespaces編譯后，在重繪博客園網站就能看到更改后的內容
github codespaces 每個月免費時長為120 core/h，2核數CPU可以使用60h，
打包后dist包部署到服務器，
生產環境 - 云服務器Docker容器化
注意
Cnblogs是https站點，所以引入第三方資源的站點也必須是https，詳見https混合內容
1. 申請SSL證書（已有證書跳過此步驟）
-
以ZeroSSL申請證書為例， 面板中點擊
New Certificate，輸入IP地址-選擇90天免費證書
-
驗證域名所有權，下載驗證檔案，替換倉庫路徑
./well-known/pki-validation下的.txt檔案
-
服務器中拉取倉庫代碼, 執行
docker-compose up -d- ZeroSSL點擊校驗
2. 安裝證書
- ZeroSSl下載的證書包，需要將模塊包
ca-boundle.crt和并到certificate.crt中（手動扣過去就行）,并替換倉庫ssl下的證書檔案 - 服務器拉取最新代碼，執行
docker-compose up -d --force-recreate --build --remove-orphans
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/543572.html
標籤：Html/Css
上一篇：基于 Ubuntu 服務器配置原生的 Socks5 網關代理服務器
下一篇：JavaScript中的函式