如何把 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

posted @ 2021-01-02 09:47  21CloudBox  阅读(1598)  评论(0编辑  收藏  举报