driphtyio/cybersec-ai.xyz

# Astro 入门套件：博客 ``` npm create astro@latest -- --template blog ``` 功能： - ✅ 极简样式（打造属于你自己的风格！） - ✅ 100/100 Lighthouse 性能 - ✅ 对 SEO 友好，支持规范 URL 和 Open Graph 数据 - ✅ 支持 Sitemap - ✅ 支持 RSS Feed - ✅ 支持 Markdown 和 MDX ## 🚀 项目结构 在你的 Astro 项目中，你会看到以下文件夹和文件： ``` ├── public/ ├── src/ │   ├── assets/ │   ├── components/ │   ├── content/ │   ├── layouts/ │   └── pages/ ├── astro.config.mjs ├── README.md ├── package.json └── tsconfig.json ``` Astro 会在 `src/pages/` 目录中查找 `.astro` 或 `.md` 文件。每个页面都会根据其文件名作为一个路由公开。 `src/components/` 没有什么特别之处，但我们喜欢把任何 Astro/React/Vue/Svelte/Preact 组件放在这里。 `src/content/` 目录包含相关 Markdown 和 MDX 文档的“集合”。使用 `getCollection()` 从 `src/content/blog/` 检索文章，并使用可选的 schema 对 frontmatter 进行类型检查。查看 [Astro 的 Content Collections 文档](https://docs.astro.build/en/guides/content-collections/) 了解更多。 任何静态资源，例如图像，都可以放置在 `public/` 目录中。 ## 🧞 命令 所有命令都是在项目根目录下，从终端中运行的： | 命令 | 操作 | | :------------------------ | :----------------------------------------------- | | `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 的帮助 | ## 👀 想了解更多？ 查看[我们的文档](https://docs.astro.build)或加入我们的 [Discord 服务器](https://astro.build/chat)。 ## 鸣谢 此主题基于可爱的 [Bear Blog](https://github.com/HermanMartinus/bearblog/)。

标签：Astro, 博客, 威胁情报, 开发者工具, 暗色界面, 网络安全, 防御加固, 隐私保护, 静态网站