goulven clech.dev

我的个人博客，由Astro，Typescript和Tailwind CSS制成。住在Vercel主持的Goulven-Clech.dev。

源代码是在0BSD许可下提供的，归因是不需要的，但不需要。博客文本内容由CC下的4.0契约提供，需要归因。但是，对于两者，您可以自由使用，复制，修改和/或出于任何目的（商业或个人）分发。

有些条目可能会引用外部资源中的文本，图像或资源：适用其原始许可证，如果知道的话，我指出作者。

值得注意的功能

从本质上讲，这个项目看起来像是Astro制作的任何博客，您可以首先阅读我的条目“使用Astro启动博客”。但是，一点一点地，我添加了一些可能感兴趣的原始功能，以下是主要的功能：

• 搜索栏：仅由Astro和Web组件制成，根据用户的输入过滤博客条目。

• 目录：使用Astro和MDX，根据标题生成内容表。带有嵌套列表。

• 打开图书馆和Google Maps块：很好地显示API在博客条目中结果。

• 黑暗模式：在光，深色和系统配色方案之间切换。使用本地存储来坚持用户的选择。

• 自定义图像服务：从Erika的博客中检索，获得性能并在图像加载过程中显示占位符。

项目结构

 /
├── src/
│   ├── content/ -> Sub repository
│   ├── assets/
│   │   └── base.css
│   ├── components/
│   │   └── Card.astro
│   ├── layouts/
│   │   └── Layout.astro
│   ├── pages/
│   │   └── index.astro
│   ├── env.d.ts
│   └── [...utils].ts
├── public/
│   └── Iosevka-Regular.woff2
├── [... config files]
├── README.md
└── package.json

pages/包含此博客的每个页面作为.astro文件。

layouts/和components/包含每个Web组件作为`.astro'文件。

命令

命令	行动
pnpm install	安装依赖项
pnpm run dev	启动localhost:3000
pnpm run build	将您的生产网站构建为./dist/
pnpm run preview	部署之前，在本地预览您的构建
pnpm run astro ...	运行CLI命令，例如astro add ， astro check
pnpm run astro --help	使用Astro CLI获得帮助

所有命令均应从项目的根部从终端运行。您还可以使用NPM或纱线，而不是PNPM。