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`	運行劇作家測試