tailwind parcel static starter

単純な静的HTMLサイトテンプレート

HTML5ボイラープレートに基づいて、柔軟なスタイリングのためにTailwind CSSを利用して、シンプルな静的HTMLページのレポテンプレート。間もなく来てランディングページに最適です。 GitHubページまたはその他の静的サイトホストに簡単に展開できます。

使用法

GitHubのリポジトリのメインページの上部にある[このテンプレートを使用]ボタンをクリックします。 index.htmlおよび/またはmain.jsの内容を編集し、以下の展開の手順に従ってお気に入りの静的ホストに展開します。

迅速なアクセスのために、https：//github.com/besublime/tailwind-parcel-static-starter/generateにもアクセスすることもできます

リポジトリが作成され、ローカル環境にクローニングされたら、継続する前に依存関係をインストールするためにnpm installを実行してください。

発達

ターミナルから、 npm run dev実行して、index.html（およびその中に含まれるJS/CSS）を監視し、変更が行われたときに自動的にリロードする簡単なサーバー（Parcelを使用）を起動します。

展開

githubページに展開するには、リポジトリの設定でgithubページを有効にし、ソースとして/docsディレクトリを選択します。

公開されているGitHubページサイトを更新するには、 npm run buildを実行し、変更をリモートリポジトリにコミットしてプッシュします。 （このコマンドは、小包を使用してCSSをコンパイルし、スクリプトをバンドルし、すべてを/docsディレクトリに出力します。）

他の静的サイトプラットフォームに展開するには、ホストが提供する指示に従ってください。 package.jsonのビルドコマンドは、 --dist-dirパラメーターを変更することにより、任意のディレクトリに出力するように更新できます。