Now(Vercel)로 배포해 보았다 -> Svelte로 Markdown 형식으로 투고할 수 있는 블로그를 1분에 구축한다

소개



만든 것은 여기에서 공개하고 있습니다.
htps : // 기주 b. 코 m / tkt 코 r 포라 치온 / s

배포 한 블로그
htps : // bg. tkt이 r 포라치온. 이 m

건설



Svelte에서 Markdown 형식으로 게시할 수 있는 블로그를 1분 내에 구축 참조

배포



Vercel에 등록



Vercel에 가입할 경우 등록을 마칩니다.

배포



처음 두드리면 로그인 안내가 나오므로 이메일 주소를 넣는다.
그러면 Vercel에서 메일을 받게 되므로 거기에서 인증해 준다.
$ npm run deploy:now

> [email protected] deploy:now {app_root}
> cd scripts/now && npm run deploy


> @ deploy {project_root}/scripts/now
> node build && npx now

Now CLI 20.1.0
? Set up and deploy “{app_root}/scripts/now”? [Y/n] y
? Which scope do you want to deploy to? {account_name}
? Link to existing project? [y/N] n
? What’s your project’s name? {project_name}
? In which directory is your code located? ./
No framework detected. Default Project Settings:
- Build Command: `npm run vercel-build` or `npm run build`
- Output Directory: `public` if it exists, or `.`
- Development Command: None
? Want to override the settings? [y/N] n

배포 자동화



Github Actions



Workflow 추가



{project_root}/.github/workflows/deploy-master.yml을 만듭니다.
# This workflow will do a clean install of node dependencies, build the source code and run tests across different versions of node
# For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions

name: Deploy Master

on:
  push:
    branches:
      - master

jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@master
      - uses: actions/setup-node@v1
        with:
          node-version: 12
      - name: build
        run: |
          npm install
          npm run build
          cd scripts/now
          node build
      - uses: amondnet/now-deployment@v2
        id: now
        with:
          zeit-token: ${{ secrets.NOW_TOKEN }} # Required
          now-args: "--prod" #Optional
          now-org-id: ${{ secrets.NOW_ORG_ID}} #Required
          now-project-id: ${{ secrets.NOW_PROJECT_ID}} #Required
          working-directory: ./app/scripts/now
      - run: |
          echo ${{ steps.now.outputs.preview-url }}

ref : htps : // 기주 b. 이 m / 로페 넷 s / 로우 fy - 2020 / b ぉ b / 434c3510455f5b1에 255에 41에 18에 324b046b95cf44 /. 기테 b/를 rkfぉws/로 pぉy-s r. yml

Secrets 설정



Github Repository Secrets에 세 개의 토큰을 추가합니다.



NOW_TOKEN

htps: // 코 m / 아코 t / 토켄 s 에서 새롭게 작성해, 취득한다.

NOW_ORG_ID & NOW_PROJECT_ID

{app_root}/script/now/.vercel/project.json이 작성되었으므로 거기에서 값을 가져옵니다.
{"orgId":"xxxxxxxxxxxxxx","projectId":"xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"}

배포



master 브랜치로 푸시하면 사이트가 업데이트됩니다.

사이고에게



매우 간단하고 놀랍습니다.

참고



htps : // 로우치 fy. v / gue / s r r-mp / / p p y y mt
htps : // 이 m / Oekazuma / ms / E b086527 59db입니다 cf6f

좋은 웹페이지 즐겨찾기