SorollaPortfolio

🌐 个人作品集

欢迎访问我的个人作品集演示仓库！本项目旨在展示一个个人作品集可能的样子。它展示了网页开发的各个方面，包括我的作品、技能和项目。

您可以在以下网址查看已部署的项目：https://sorolla.netlify.app/

📂 项目结构

• public/: 包含图片和字体等公共资源。
• src/: 包含作品集的源代码。
• .gitignore: 指定 Git 忽略的文件和目录。
• astro.config.mjs: Astro 的配置文件。
• package.json: 列出项目依赖和脚本。
• tailwind.config.mjs: Tailwind CSS 的配置文件。
• tsconfig.json: TypeScript 配置文件。

🧭 /src 结构

/src 目录包含项目的主要源代码。下面是其结构概述：

• assets: 包含项目中使用的图片文件。
• components: 包含使用 Astro 构建的可复用 UI 组件。
• content: 包含 Markdown 格式的博客内容。
• content.config.ts: 内容集合的配置文件。
• icons: 包含项目中使用的 SVG 图标文件。
• layouts: 包含布局组件。
• BlogPost.astro: 博客文章的布局组件。
• pages: 包含网站的主要页面。
• blog/index.astro: 博客首页。
• blog/[...slug].astro: 单个博客文章的动态路由。
• styles: 包含全局和组件特定的 CSS 文件。
• global.css: 项目的全局样式。
• hamburgers.css: 汉堡菜单样式。

这种结构有助于组织项目文件，并使其更易于维护和扩展。

🚀 开始

要在本地运行此项目：

1. 克隆仓库
2. git clone https://github.com/jramma/sorollaportfolio.git
3. cd sorollaportfolio
4. 安装依赖
5. bun install
6. 启动开发服务器
7. bun dev

应用程序将在 https://:4321 可用

🛠️ 使用的技术

• Astro: 现代静态站点生成器。
• Tailwind CSS: 一个优先考虑实用程序的 CSS 框架。
• TypeScript: 一种静态类型编程语言。

📄 许可

本项目采用 MIT 许可证。

现在您可以在 Astro 门户中更新之前，根据您的喜好修改它。🚀