PlainPage下载 - PlainPage源代码下载

PlainPage

其他类别

1.0.0

下载

普通页面

一个快速，以文字为中心的简约博客。

英语| 中文

现场演示

Github页面演示

特征

快速：100％静态，没有服务器端渲染
简单：只是降价文件
？可自定义：自定义主题和布局
SEO友好：支持SEO
响应：支持移动设备
？根据Astro版本最新

✅灯塔得分

屏幕截图

黑暗的

项目结构

 ├── public/
├── src/
│   ├── components/
│   ├── content/
│   ├── layouts/
│   ├── pages/
│   └── consts.ts
├── astro.config.mjs
├── README.md
├── package.json
└── tsconfig.json

src/content/ Directory包含相关标记和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 ...`	运行CLI命令，例如`astro add` ， `astro check`
`npm run astro -- --help`	使用Astro CLI获得帮助