create static site下載 - create static site下載

create static site

其他類別

1.0.0

下載

建立靜態站點

建立無需建立配置的靜態網站。

概述

 npx create-static-site my-site --template hugo
cd my-site
npm start

（npx 隨 npm 5.2+ 及更高版本一起提供）

然後打開 http://localhost:3000/ 查看您的應用程式。

建立靜態站點

您的本機開發機器上需要有 Node >= 6 。您可以使用 nvm (macOS/Linux) 或 nvm-windows 在不同專案之間輕鬆切換 Node 版本。

要建立新應用程序，請運行：

npx create-static-site my-site --template [template]

將[template]替換為hugo或jekyll 。

它將在目前資料夾中建立一個名為my-site目錄。
在該目錄中，它將產生初始專案結構並安裝傳遞依賴項：

 my-site
├── LICENSE
├── node_modules
├── package.json
├── README.md
├── static-scripts.config.js
├── .browserslistrc
├── .eslintrc.yml
├── .gitignore
├── .postcssrc.js
├── .stylelintrc.yml
├── site/ # Depends on the static site generator
└── src/
    ├── css/
    │   ├── styles.css
    │   └── imports
    │       └── resets.css
    ├── img/
    │   └── svg/
    │       ├── bitbucket.svg
    │       ├── github.svg
    │       └── gitlab.svg
    └── js/
        ├── scripts.js
        └── imports/
            └── index.js

沒有配置或複雜的資料夾結構，只有建置網站所需的檔案。
安裝完成後，您可以開啟專案資料夾：

 cd my-site

在新建立的專案中，您可以運行一些內建命令：

`npm start`或`yarn start`

Jekyll 用戶需要先執行bundle install

在開發模式下運行應用程式。
在瀏覽器中開啟http://localhost:3000即可查看。

如果您變更程式碼，頁面將自動重新載入。

`npm build`或`yarn build`

將生產網站建置到dist資料夾中。

哲學

一種依賴關係：只有一種建構依賴關係。它使用 Webpack、Babel、ESLint、PostCSS 和其他令人驚嘆的項目，但在它們之上提供了有凝聚力的策劃體驗。
無需配置：您無需配置任何內容。我們將為您處理開發和生產構建的合理良好配置，以便您可以專注於編寫程式碼。
無鎖定：您可以隨時「彈出」自訂設定。執行單一命令，所有配置和建置依賴項都將直接移至您的專案中，以便您可以從上次停下的地方繼續。