16 - Vue3 UI Framework - 域名配置

項目官網已經部署到 GitHub Pages 上了，但是你懂的，GitHub 間歇性被牆，所以我們考慮通過配置 CNAME 域名實現全站加速以提升用戶體驗

返回閱讀列表點擊 這裏

準備

• 域名
• 原始網站域名或公網 IP 地址

這裏我們以 阿里雲 爲例講解，其他域名供應商配置方法基本類似

配置域名

1. 登錄阿里雲控制檯
2. 進入 DNS 管理界面
3. 點擊配置按鈕
4. 點擊添加記錄
5. 類型選擇 CNAME
6. 主機名稱根據需要輸入
7. 輸入你的原始網站的域名或者公網 IP 地址
8. 點擊確認按鈕完成配置

項目配置

1. 進入倉庫配置界面
2. 選擇頁面菜單
3. 在 Custom domain 下輸入你配置的阿里域名
4. 點擊 Save 按鈕
5. 等待幾秒鐘，就可以看到配置成功的提示了

注意

建議勾選強制啓用 HTTPS

HTTPS provides a layer of encryption that prevents others from snooping on or tampering with traffic to your site.
When HTTPS is enforced, your site will only be served over HTTPS

倉庫源碼變化

配置完成後，切換到 publish 分支，我們可以看到在項目的根目錄下多了一個 CNAME 文件，打開文件後，可以看到文件的內容如下：

ui.jeremywu.top

所以，我們也可以在項目部署之前創建一個 CNAME 文件，內容輸入你要配置的名稱，這樣就不用界面進行配置了 😆

項目地址 🎁

GitHub: https://github.com/JeremyWu917/jeremy-ui

官網地址 🌍

JeremyUI: https://ui.jeremywu.top

訂閱號

微信掃一掃關注我，共同學習、分享，獲取全棧開源技術最新推送 🚀

感謝閱讀 ☕