astro ink
2.0.0 (2023-12-18)
Hugo's Ink テーマに大きな影響を受けており、美しく最小限のブログの基礎を提供しながら、軽さを保つよう努めています。
2.x
リリース) に更新されます。tailwind.config.js
使用して選択された6 つ以上のカラー モードをサポートします。 dev
build
/コマンドでTHEME_KEY
渡すことができます (例: THEME_KEY=purpleheart astro build/dev
。使用されているカラー テーマを変更できます。利用可能なテーマはすべて、tailwind.theme.config.js にあります。ブログ セクションをカスタマイズするには、ここで参照されている Tailwind Typography のprose-{color}
クラスのいずれかを追加します。your-site.netlify.com/admin
例: astro-ink.netlify.app/admin にアクセスし、 /blog
ディレクトリ内のすべての投稿を追加/編集/更新します。 Netlify Identity(https://app.netlify.com/sites/your-site/settings/identity#registration) と Git Gateway(https://app.netlify.com/sites/your-site/settings/identity) が必要です。 #サービス) が有効になりました。YYYY-MM-DD
形式で将来のdate
を指定して/src/drafts
ディレクトリに投稿を作成し、特別に作成された Github Action によって指定した日付に自動公開されます。チェック間隔はGithub Actionで設定できます。.env
ファイル (ローカル開発) に配置し、ここで接続コードのコメントを解除してデプロイします。あなたのサイトにはダイナミックビューカウンターが搭載されています。構成する必要があるさまざまな環境値を理解するには、.env.example を参照してください。ytChannelId
定数にチャンネル ID を入れるだけで、メディア ページに YT チャンネル コンテンツを簡単に表示できます。必要に応じて、 USE_MEDIA_THUMBNAIL
false
に設定して、YT チャンネルの動画リストから画像のサムネイルを無効にします。USE_AUTHOR_CARD
true
に設定することで、投稿ベースまたはサイト全体の著者カードを簡単に追加できます。これには Twitter フォロー ボタンが含まれます。USE_POST_IMG_OVERLAY
true
に設定することで、投稿画像の上に素敵なテーマのグラデーションを追加できます。 このテンプレートを複製し、その複製から作業を開始するだけです。 dev
、 build
などの一般的な NPM コマンドはすべて自由に使用できます。使用可能なすべてのコマンドのリストについては、 package.json を参照してください。
注: git
履歴をまったく使用せずにテンプレートをクローンするには、 npx degit one-aalam/astro-ink
使用します。
注: このテンプレートは、デフォルトでserver
(SSR 対応) 出力を生成します。 static
ビルドが必要な場合
output
server
からのstatic
に変更しますadapter: vercel()
USE_VIEW_STATS
をfalse
に設定します。注: npm run dev
。
mv .env.example .env
を実行して.env
ファイルを作成します (Linux ディストリビューションまたは Mac を使用している場合)SITE_URI
変数をSITE_URI=http://localhost:4321
として設定します ( 4321 はプロジェクトが実行されているポートです)。 Astro Ink で構築されたサイトをご存知ですか? Twitterで知らせてください
このテーマは当初、 Astro
Framework のアルファ版、次にベータ版を使用して構築されました。 Astro
を始めたばかりの場合は、Astro を基礎から教える私が書いた一連のブログに従うことで、このテーマを構築しながら実際にAstro
学ぶことができます。
aalam.in/blog
にアクセスして詳細を確認してください