zauberhaft astro

Zauberhaft - アストロ テンプレート

無料、カスタマイズ可能、モダンで超高速な Astro 代理店 Web サイト テンプレート

Zauberhaft で変換するモダンでユニークなポートフォリオ Web サイトを構築します。

ユーティリティ クラスと CSS カスタム プロパティを使用してテンプレートを簡単にカスタマイズします。 Zauberhaft HTML テンプレートを使用して、すぐに始めてオンラインでの存在感を高めましょう。

デモ

デモを見る

✅ なぜザウバーハフトなのか？

• ? Apache License 2.0 により完全に無料で使用可能
• ?素晴らしいユーザーインターフェイス
• ?すべてがカスタマイズ可能です。 Ravenbright CSS ユーティリティ クラスまたは CSS 変数を使用してスタイルを変更できます。
• ⚡ パフォーマンスの高い静的サイト。 Pagespeed Insights でモバイルとデスクトップの両方で 98/100 スコア
• ♿ アクセシビリティ - WCAG 2.1 に準拠。 Pagespeed Insights、WAVE、Tota11y によって測定
• ? Open Graph タグに含まれる
• 完全にレスポンシブでモバイル対応のランディング ページ
• ?スムーズなアニメーション付き

はじめる

1. Github リリースからソース コードをダウンロードする
2. cdでフォルダーに移動し、 npm install実行します
3. その後、 npm run dev実行してローカル開発サーバーを起動します。
4. ウェブサイトをカスタマイズする
5. お気に入りのホスティングに導入
6. 完了しました！

?カスタマイズ

Zauberhaft は Ravenbright CSS ライブラリを使用して構築されています。次のいずれかを使用してテンプレートをカスタマイズできます。

• ユーティリティクラス
• CSS変数

発達

1. CLI でnpm run devと入力します。
2. localhost:3000を開いて Web サイトを表示します

✅ 構築プロセス

1. CLI でnpm run buildと入力します。
2. npm run preview実行してビルド結果を確認します。ついに完成しました?。 Web サイトを展開する準備ができました

☁️ デプロイ

Netlify へのデプロイ

このリポジトリのクローンを作成し、Netlify にデプロイします。

?クレジットと帰属

• ポストプロセッサツール: PostCSS
• Webフレームワークツール：Astro
• 写真提供：Unsplash
• 書体： Satoshi by Indian Type Foundry
• プレースホルダーのロゴはLogoipsumの提供によるものです
• アイコンは Tabler および Akar Icons のご厚意によるものです

ライセンス

Zauberhaft HTML テンプレートは、Apache License 2.0 に基づいてライセンスされています。