PlainPage
1.0.0
高速でテキスト中心のミニマリストのブログ。
英語 | 中国語
├── public/
├── src/
│ ├── components/
│ ├── content/
│ ├── layouts/
│ ├── pages/
│ └── consts.ts
├── astro.config.mjs
├── README.md
├── package.json
└── tsconfig.json
src/content/
ディレクトリには、関連する Markdown ドキュメントと MDX ドキュメントの「コレクション」が含まれています。 getCollection()
を使用してsrc/content/blog/
から投稿を取得し、オプションのスキーマを使用してフロントマターの型チェックを行います。詳細については、Astro のコンテンツ コレクションのドキュメントを参照してください。
画像などの静的アセットは、 public/
ディレクトリに配置できます。
すべての設定はsrc/consts.ts
にあります。
// src/consts.ts
// site config
export const SITE_TITLE = "PlainPage" ;
export const SITE_DESCRIPTION = "Welcome (. ❛ ᴗ ❛.)" ;
export const COPYRIGHT = "© 2024 PlainPage All Rights Reserved" ;
export const ICP_NUMBER = "" ;
// social links, empty or commented out = not displayed
export const SOCIAL_LINKS = {
Github : "https://github.com/churchTao" ,
Twitter : "https://twitter.com/yourusername" ,
// LinkedIn: "https://www.linkedin.com/in/yourusername",
// Instagram: "https://www.instagram.com/yourusername",
// Facebook: "https://www.facebook.com/yourusername",
// YouTube: "https://www.youtube.com/yourusername",
} ;
// SEO related
export const SEO_CONFIG = {
ogImage : "/hero-img.png" , // default social media share image
keywords : "blog, tech, programming" , // default keywords
} ;
// navigation config
export const NAV_ITEMS = [
{ text : "Home" , link : "/" } ,
{ text : "Blog" , link : "/blog" } ,
{ text : "Tags" , link : "/tags" } ,
{ text : "About" , link : "/about" } ,
] ;
// blog config
export const BLOG_CONFIG = {
locale : "en-us" , // date format language
authorName : "Author Name" , // author name
email : "mailto:[email protected]" ,
tags : {
title : "Tags" , // tags page title
description : "All the tags used in posts." , // tags page description
} ,
} ;
すべてのコマンドは、プロジェクトのルート、つまりターミナルから実行されます。
指示 | アクション |
---|---|
npm install | 依存関係をインストールします |
npm run dev | localhost:4321 でローカル開発サーバーを起動します |
npm run build | 運用サイトを./dist/ に構築します。 |
npm run preview | デプロイする前にビルドをローカルでプレビューする |
npm run astro ... | astro add 、 astro check などの CLI コマンドを実行します。 |
npm run astro -- --help | Astro CLI を使用してヘルプを表示する |
このテーマは、素敵な Bear Blog に基づいています。
サテニング/アストロペーパーからインスピレーションを得たもの。
アストロをベースにしています。
? PR を作成することで、サイトをリストに登録できます。
MIT ライセンスに基づいてライセンスされています。著作権 © 2024