快速开始 - 部署项目

#方式一：自主部署

#1. 安装 PM2

# 1.1 全局安装 NVM
  # Linux系统
  $ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh | bash
  $ nvm install v20.12.2 # 新开终端窗口再执行
  $ nvm use v20.12.2

  # MacOS系统
  $ brew install nvm
  $ nvm install v20.12.2
  $ nvm use v20.12.2

# 1.2 全局安装 PM2
$ npm install -g pm2 \
&& pm2 install pm2-logrotate \
&& pm2 conf pm2-logrotate \
&& pm2 set pm2-logrotate:max_size 50M \
&& pm2 set pm2-logrotate:retain 14 \
&& pm2 save \
&& pm2 startup

#2. 配置 PM2 文件

• 详见
  ./ecosystem.config.cjs

...

module.exports = {
  apps: [
    {
      ...
    },
  ],
};

#3. 编译项目

• 1.1 配置编译时的环境变量
  ./app/config/env/.env.production
  文件

GOOGLE_GTAG_ID=xxxx
GOOGLE_ADSENSE_ID=xxxx
YANDEX_METRIKA_ID=xxxx

...

• 1.2 打包项目

$ pnpm build:production # 编译产物为 .output

#4. 启动项目

$ pm2 start ecosystem.config.cjs --env production

#方式二：Cloudflare Pages

• 官方文档：deploy-a-nuxt-site

#SSG和SSR平台配置差异

• SSG配置

• SSR配置

#部署流程（SSR）

#1. 打开 CF Workers & Pages 页

#2. 关联你的仓库

#3. 填入相关信息

• Project name：取一个ProjectName（CF会提供一个免费的访问域名，子域名为该 ProjectName）
• Production branch: blog
• Framework preset: Nuxt.js
• Build command: npm run build:production
• Build output directory: dist

#4. 等待编译上传

#5. 完成部署

• 其中
  {ProjectName}.pages.dev
  为CF提供的访问域名
• 自定义域名，详见 “Custom domains”，稍微操作下dns即可

#方式三：GitHub Pages

• 官方文档：creating-a-github-pages-site
• 具体步骤： Comming soon!