astro website template themes source code download
1.0.0
astro を使用して高速で最新の Web サイトを構築します。
レシピ :
アストロ
新しいブートストラップ
アニメーション化する
ドキュメント: https://www.hockeycomputindo.com/2022/03/astro-website-template-free-download.html
デモ: https://astroboyweb.netlify.app/
ホームページ:https://astroman.vercel.app/
ビデオ: https://www.youtube.com/watch?v=PjAUuI21ko4
何の新しい??
スプラッシュスクリーン
アニメイトの完全版が含まれます
git clone https://github.com/mesinkasir/astroweb.git
? 熟練の宇宙飛行士?このファイルを削除します。楽しむ!
特徴:
✅ 正規 URL と OpenGraph データを使用した SEO に優しいセットアップ
✅ マークダウンの完全なサポート
✅ RSS 2.0の生成
✅ Sitemap.xml の生成
Astro プロジェクト内には、次のフォルダーとファイルが表示されます。
/ ├── public/ │ ├── robots.txt │ └── favicon.ico ├── src/ │ ├── components/ │ │ └── Tour.astro │ └── pages/ │ └── index.astro └── package.json
Astro は、 src/pages/
ディレクトリで.astro
または.md
ファイルを探します。各ページは、ファイル名に基づいてルートとして公開されます。
src/components/
には特別なことは何もありませんが、Astro/React/Vue/Svelte/Preact コンポーネントをここに配置したいと思います。
画像などの静的アセットは、 public/
ディレクトリに配置できます。
すべてのコマンドは、プロジェクトのルート、つまりターミナルから実行されます。
指示 | アクション |
---|---|
npm install | 依存関係をインストールします |
npm run dev | localhost:3000 でローカル開発サーバーを起動します |
npm run build | 本番サイトを./dist/ に構築します。 |
npm run preview | デプロイする前にビルドをローカルでプレビューする |
お気軽にドキュメントを確認するか、Discord サーバーにアクセスしてください。