astro portfolio下载 - astro portfolio源代码下载

astro portfolio

其他类别

0.0.2

下载

？这是一个免费模板，可使用Astro 4.0 + Tailwind CSS制作您的作品集网站。

深色模式

灯光模式

灯塔报告

演示

？ https://astro-fe-portfolio.netlify.app/

特征

✔️ 与支持深色模式的Tailwind CSS (@astrojs/tailwind) 集成。

✔️ 使用以下集成：

@astrojs/mdx
@astrojs/图像
@astrojs/tailwind - 带有更漂亮的类排序插件
@astro-图标
@astro-seo
@astro-navbar

✔️(@Playwright) e2e 测试已设置。

包含 frontmatter（标题、描述、作者、日期、图像、标签）和 RSS feed、站点地图和 robots.txt 的博客

404错误页面

项目结构

在 Astro 项目内部，您将看到以下文件夹和文件：

 /
├── public/
│   └── favicon.ico
|   ├── hero.png
|   └── ...
├── src/
|   ├── assets/
|   |   ├── images/
│   │   |   ├── hero.png
|   |   |   └── ...
│   ├── components/
│   │   ├── ui/
│   │   |   ├── BackToTop.astro
|   |   |   └── ...
│   │   ├── About.astro
│   │   ├── Contact.astro
|   |   └── ...
│   ├── content/
│   │   ├── projects/
│   │   │   ├── project-1.md
│   │   │   ├── project-1.md
│   │   │   └── ...
│   │   └-- config.ts
│   ├── layouts/
│   │   ├── Layout.astro
│   ├── pages/
│   │   ├── index.astro
│   ├── tests/
│   │   ├── index.spec.ts
├── package.json
├── astro.config.mjs
└── ...

Astro 在src/pages/目录中查找.astro 、 .md或.mdx文件。每个页面都根据其文件名公开为路径。

src/components/是我们放置任何 Astro 组件的地方，类似的src/layouts/是放置布局的地方。

图像可以放置在src/images/中。

博客和文档内容在src/content中创建为 Markdown 或 MDX 文件的集合。

任何静态资产，例如。图片，可以放在public/目录下。

命令

所有命令都从项目的根目录的终端运行：

命令	行动
`yarn`	安装依赖项
`yarn dev`	在`localhost:3000`启动本地开发服务器
`yarn build`	将您的生产站点构建到`./dist/`
`yarn preview`	在部署之前在本地预览您的构建
`yarn astro ...`	运行 CLI 命令，例如`astro add` 、 `astro preview`
`yarn astro --help`	使用 Astro CLI 获取帮助
`yarn test:e2e`	运行剧作家测试