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/
檢索帖子,並使用可選架構對 frontmatter 進行類型檢查。請參閱 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 ... | 執行 CLI 指令,例如astro add 、 astro check |
npm run astro -- --help | 使用 Astro CLI 取得協助 |
這個主題是基於可愛的小熊博客。
靈感來自衛星/天文紙。
基於天文。
?您可以透過建立 PR 將您的網站提交到清單中。
根據 MIT 許可證獲得許可,版權所有 © 2024