快速开始 - 部署一个博客

#一、下载项目

#1. Fork/Clone项目

• 方式1: 推荐此方式，方便后续各种部署
  1. 先在GitHub Fork nuxt-quick项目
  2. 再下载项目

  $ git clone https://github.com/${Your GitHub Name}/nuxt-quick
  

• 方式2:

# 1. 直接下载项目
$ git clone https://github.com/pieceook/nuxt-quick
# 2. 再关联自己的远程GitHub仓库

#2. 切换分支

$ cd nuxt-quick # 进入NuxtQuick项目根目录
$ git checkout blog # 切换至 blog 分支

#二、部署

#Cloudflare Pages部署流程（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（建议用 npm）
• Build output directory: dist (平台配置为dist，非 .output)

#4. 编译上传完成

#5. 完成部署

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

#更多部署方式