皮蛋很白的博客

修改监听的 Git 分支默认情况下，推送到 main 分支（或 master）的每个提交都会触发生产部署。可以找到项目 -> Settings -> Git -> Production Branch 修改 BRANCH NAME。分支修改后不会重新启动部署，还需要重新向修改后的分支推送内容，才会触发。修改 install 命令Vercel 默认执行 install 命令是 yarn install or npm install，也就是优先使用 Yarn。如果想指定 npm 或

解决问题Vercel 是一个用于静态站点和无服务器功能的云平台，非常适合您的工作流。它使开发人员能够托管即时部署、自动扩展、无需监督、无需配置的网站和web服务。Vercel 部署的站点是 HTTPS 协议的。默认部署一个静态web服务时，下面两个场景会发生问题：请求了跨域资源，开发阶段配置了代理，但是 Vercel 部署默认不会配置请求的是 HTTP 协议的资源，Vercel 部署的站点是 HTTPS 协议的，所以浏览器会阻止可以通过配置 Vercel 服务端代理来解决。Vercel 配

项目介绍使用 Gridsome 创建项目模板参考 startbootstrap-clean-blog使用 Strapi 管理内容，提供 API 和 GraphQL查询Gridsome 是静态站点生成器，打包时可以通过 API 或 GraphQL 获取动态数据，生成对应的静态文件。例如：获取一定数量的文章列表，生成每个文章的详情页。Strapi 用于提供数据来源。由于生成的是静态站点，当静态页面中的数据源发生变化，静态页面是不会自动更新的。所以需要在部署时监听数据源变化，当数据发生变化时，

静态网站生成器什么是静态网站生成器使用一系列配置、模板以及数据，生成静态 HTML 文件及相关资源的工具由于它用来提前生成静态网页，所以这个功能也称为 预渲染生成的网站不需要类似 PHP 这样的服务器去部署运行只需要放到支持静态资源的 Web Server 或 CDN 上即可运行静态网站的好处省钱不需要专业的服务器，只要能托管静态文件的空间即可快速不经过后端服务器的处理，只传输内容安全没有后端程序的执行，自然会更安全常见的静态网站生成器Jekyll（R

配置 web 服务器 - Nginx部署 Nuxt.js 开发的项目运行时会开启一个 node 的服务器。相比之下，部署 Vue.js 项目需要自己配置 web 服务器。web 服务器可以用 apache、Nginx等。apt & yumyum 是fedora/RHEL/CentOS的软件包管理器。debian/ubuntu 用的是apt-get 或者apt 作为软件包管理器。yum和apt 在安装软件时会自动解决软件包之间的依赖关系。它们 类似 npm，可以从指定服务器

传统部署方式传统部署流程配置 Host + Port压缩发布包把发布包传到服务端Linux 上的 scp 命令解压安装依赖生产环境启动服务配置 Host + Portnuxt.config.js中的server属性host默认 localhost 只能本地访问对外访问需设置为 0.0.0.0会监听所有网卡地址port - Nuxt 默认 3000压缩发布包需要传到服务器上的文件包括：.nuxtstaticnuxt.co

购买阿里云Linux服务器如果已有服务器请直接跳转到【传统部署方式】登录阿里云，访问 云服务器 ECS 购买地址：https://ecs-buy.aliyun.com/也可从首页导航菜单进入。购买方式一键购买 - 整合了一些常规配置选项，选择后直接确认订单。一键购买提供的实例规格（服务器配置）都是【突发性能实例 t5】自定义购买 - 按步骤完全自定义选择配置（推荐）有更多的实例规格选择当前购买的配置，在后期都可以通过升级调整，优惠按照当时的活动。比如今天选好了配置并购买，

购买阿里云Linux服务器如果已有服务器请直接跳转到【传统部署方式】登录阿里云，访问 云服务器 ECS 购买地址：https://ecs-buy.aliyun.com/也可从首页导航菜单进入。购买方式一键购买 - 整合了一些常规配置选项，选择后直接确认订单。一键购买提供的实例规格（服务器配置）都是【突发性能实例 t5】自定义购买 - 按步骤完全自定义选择配置（推荐）有更多的实例规格选择当前购买的配置，在后期都可以通过升级调整，优惠按照当时的活动。比如今天选好了配置并购买，

部署NuxtJS应用NuxtJS官方介绍了几个服务端部署的方式。其中 GitHub 是将应用打包成静态资源，然后使用 GitHub Pages 发布。GitHub Pages 只能托管静态页面。像使用NuxtJS开发的SSR应用，可以选择使用 Vercel。案例：先使用 NuxtJS + RealWorld 搭建一个简单案例。使用VercelVercel 官网：https://vercel.com/NuxtJS 官方 Vercel 教程：https://nuxtjs.org/faq/no

准备工作本地 Vue CLI 创建一个 Vue 项目（vue-github-pages-demo）Github 创建远程仓库建立连接，提交代码到 Github个人设置进入 Github 个人设置 settings，生成 Personal access tokensConfirm password to continue（输入密码）。设置 Note 标识（一般使用大写），这个标识不要忘记，Select scopes 不用勾选，直接创建 Genterate token。记录生成的 tok