ZIK Lab

基于 Astro Paper 搭建的中文信息站

项目结构

/
├── public/
├── src/
│   ├── assets/
│   │   └── icons/
│   │   └── images/
│   ├── components/
│   ├── data/ #文章
│   │   └── blog/
│   │       └── news/
│   │           └── news.md
│   │       └── insights/
│   │           └── insights.md
│   ├── layouts/
│   └── pages/ #页面管理
│   │   └── archives/
│   │   └── board/
│   │   └── posts/
│   │       └── news/
│   │       └── insights/
│   └── styles/
│   └── utils/
│   └── config.ts
│   └── constants.ts
│   └── content.config.ts
└── astro.config.ts

Astro looks for .astro or .md files in the src/pages/ directory. Each page is exposed as a route based on its file name.

Any static assets, like images, can be placed in the public/ directory.

All blog posts are stored in src/data/blog directory.

依赖

Main Framework - Astro
Type Checking - TypeScript
Styling - TailwindCSS
UI/UX - Figma Design File
Static Search - FuseJS
Icons - Tablers
Code Formatting - Prettier
Deployment - Cloudflare Pages
Illustration in About Page - https://freesvgillustration.com
Linting - ESLint

Dev

本地部署&调试

# pnpm
pnpm create astro@latest --template satnaing/astro-paper

# npm
npm create astro@latest -- --template satnaing/astro-paper

# yarn
yarn create astro --template satnaing/astro-paper

进入Dev

# install dependencies if you haven't done so in the previous step.
pnpm install

# start running the project
pnpm run dev

📜 License

Licensed under the MIT License, Copyright © 2025