startbootstrap personal
1.0.0
Personalは、Start Bootstrapによって作成されたBootstrapの個人Webサイトテンプレートです。このテンプレートには、4つの一意のHTMLページと、Start Bootstrap Fromsで構築された作業中の連絡先フォームが含まれています。
ライブプレビューを表示します
このテンプレートの使用を開始するには、次のオプションのいずれかを選択して開始します。
npm i startbootstrap-personalgit clone https://github.com/StartBootstrap/startbootstrap-personal.gitダウンロード後、 distディレクトリに含まれているHTMLおよびCSSファイルを編集するだけです。これらは心配する必要がある唯一のファイルです。他のすべてを無視できます！コードに加えた変更をプレビューするには、Webブラウザーでindex.htmlファイルを開くことができます。
テーマのソースファイルをクローンし、テーマのルートディレクトリに移動します。 npm install実行してから、 npm start実行して、デフォルトのブラウザでテンプレートのプレビューを開き、Core Templateファイルの変更を監視し、変更が保存されたときにブラウザをライブリロードします。 package.jsonファイルを表示して、どのスクリプトが含まれているかを確認できます。
npm run buildプロジェクトをビルドします - これは資産、HTML、JS、およびCSSをdistにビルドしますnpm run build:assets src/assets/ directoryのファイルをdistにコピーしますnpm run build:pug src/pug/ directoryにあるパグをdistにコンパイルしますnpm run build:scripts src/js/scripts.jsファイルをdistにもたらしますnpm run build:scss src/scss/ディレクトリにあるSCSSファイルをdistにコンパイルしますnpm run cleanプロジェクトの再構築の準備をするためにdistディレクトリを削除しますnpm run start:debugデバッグモードでプロジェクトを実行しますnpm startまたはnpm run startプロジェクトを実行し、デフォルトのブラウザでライブプレビューを起動し、 srcでファイルに加えられた変更を監視しますこのビルド環境を使用するには、NPMをインストールする必要があります。
このテーマで利用可能な連絡先フォームは、SBフォームを使用するために事前に構築されています。 SB Formsは、テーマに機能的なフォームを追加するためのシンプルなフォームソリューションです。このテーマはSBフォームのマークアップを使用して事前に構築されているため、必要なのはStart BootstrapのSBフォームにサインアップすることだけです。
サインアップ後、フォームが使用されるドメイン名を設定する必要があり、アクセスキーが表示されます。これをコピーして、 API_TOKENの代わりにdata-sb-form-api-token='API_TOKEN'データ属性に貼り付けます。それでおしまい！あなたのフォームは稼働します！
SBフォームを使用していない場合は、フォームからカスタムデータ属性を削除し、閉じる</body>タグの上のリンクをSBフォームに削除するだけです。
このテンプレートにバグや問題がありますか？ GitHubでここで新しい問題を開くか、Start Bootstrapでテンプレートの概要ページにコメントを残します。
Start Bootstrapは、無料のブートストラップテンプレートとテーマのオープンソースライブラリです。 Start Bootstrapのすべての無料テンプレートとテーマは、MITライセンスの下でリリースされます。つまり、商業プロジェクトであっても、あらゆる目的で使用できます。
Start Bootstrapは、 David Millerによって作成され、維持されています。
Start Bootstrapは、Mark OttoとJacob Thortonによって作成されたBootstrapフレームワークに基づいています。
Copyright 2013-2023 Start Bootstrap LLC。 MITライセンスに基づいてリリースされたコード。
