❯ npm create astro@latest -- --template cworld1/astro-theme-pure
❯ cd $FOLDER
❯ npm install
❯ npm run dev

.
├── public // 复制到 root 路径的静态资源
│   ├── favicon
│   ├── fonts
│   ├── icons
│   ├── images
│   ├── links.json
│   ├── scripts
│   └── styles
├── src
│   ├── assets // 静态资源
│   ├── components // 主题中使用的组件，也包括用户类似组件，如 Card 、 Collapse 、 Spoiler 等
│   ├── content // 博客内容
│   ├── content.config.ts
│   ├── layouts // 基本站点布局
│   ├── pages // 页面如 404 、 about 、 blog 、 docs 、 index 等
│   ├── plugins // 主题中使用的扩展插件
│   ├── site.config.ts // 配置文件
│   └── type.d.ts
├── astro.config.ts // Astro 配置文件
├── eslint.config.mjs // ESLint 配置文件
├── package.json // node 包信息
├── prettier.config.mjs // Prettier 配置文件
├── tsconfig.json // ts 配置文件
└── uno.config.ts // UnoCSS 配置文件

---
title: 'First Article' # (Required, max 60)
description: 'I like writing articles.' # (Required, 10 to 160)
publishDate: '2024-11-30 00:08:00' # (Required, Date)
tags:
  - Markdown # (Also can write format like next line)
heroImage: { src: './thumbnail.jpg', alt: 'an image targetting my article', color: '#B4C6DA' } # 本地文件，需要和文章在同一目录下
heroImage:
  { src: 'https://img.tukuppt.com/ad_preview/00/15/09/5e715a320b68e.jpg!/fw/980', inferSize: true } # 远程文件
# Or specificed width and height
heroImage:
  { src: 'https://img.tukuppt.com/ad_preview/00/15/09/5e715a320b68e.jpg!/fw/980', width: 980, height: 551 } # 远程文件
draft: false # (set true will only show in development)
language: 'English' # (String as you like)
comment: true # (set false will disable comment, even if you've enabled it in site-config)
---

## This is a title

This is a paragraph.

# 本地调试
npm run dev

# 本地构建
npm run build