跳至主要内容

快速上手 (5min)

這邊以 GitPod 來進行開發​

1. 建立一個 Github repo​

create github repo

2. 建立 .gitpod.yml​

image: gitpod/workspace-node-lts

ports:
  - name: page
    port: 3000
    onOpen: ignore

vscode:
  extensions:
    - yzhang.markdown-all-in-one
提示

以上能從我的 github: gitpod-docusaurus Clone 一份

3. 安裝 Gitpod Browser Extension​

安裝完成就會有 Gitpod 的按鈕能夠點擊

you can click gitpod after install the extension

4. 初始化 Docusaurus 專案​

  • 你可以將 my-website 換成你想要的名稱
  • 如果你習慣用 Typescript 可以加上 --typescript
npx create-docusaurus@latest my-website classic
install docusaurus via cli

5. Run Dev Server​

可以簡單透過 VSCode 的指令列完成

Ctrl + 點擊下方網址就能看到預設的頁面了

Run Task via VScode
提示

透過 CTRL (CMD) + Shift + P 開啟指令列