如何把 VuePress 項目部署到服務器?


VuePress 官網截圖

VuePress 官網截圖

VuePress 是什么?

VuePress 是一個基於 Vue 的靜態網頁生成器。可用於制作技術文檔,個人博客等等。

21雲盒提供了極簡單的 VuePress 部署方法,你可以在21雲盒子上通過以靜態網頁環境的方式進行部署。

如何部署?

  1. 注冊成為21雲盒子會員
  2. 在Gitee Fork VuePress示例
  3. 在21雲盒子上創建一個雲服務, 並允許21雲盒子訪問你的代碼庫
  4. 用下面配置進行創建
環境 靜態網頁
構建命令 yarn && yarn build
發布目錄 docs/.vuepress/dist

如果對上描文字描述不清晰,可以參考以下實際操作示頻:

https://www.bilibili.com/video/BV1ja4y1W7Gb

為什么部署在21雲盒子?

原因 1: 方便

21雲盒子創立至今,在國內第一家真正提供了像 Netlify, Heroku 等輕松部署的功能,同時也保證了服務的速度和穩定性。 每個雲服務項目,只需要在首次完成 2 項配置,后續當你Git Push代碼,21雲盒子就會幫你完成自動部署。

原因 2: 21雲盒子穩定,提供網站備案方案

如果你的網站現在使用的是 Netlify, Vercel, Gatsby Cloud等服務,國內用戶將沒辦法訪問。

為什么呢? 根據國家工信部的要求,所有在國內上線的網站都必先完成備案, 但國外的雲服務平台不提供國內的的備案,所以部署在國外的雲服務平台,或許能暫時訪問,但長遠來看,會非常不穩定。

原因 3: 國內極速訪問

再好的服務,如果打開速度太慢,還是沒辦法使用的。在21雲盒子上部署的雲服務,一鍵實現部署全國各地的CDN節點。以面是和國外各大服務比較的案例:

原博客文章來自: 21雲盒子官方博客
https://www.21yunbox.com/blog/solutions/how-to-deploy-vuepress-project-in-production-server.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM