Web-Dev-For-Beginners/translations/zh/3-terrarium/solution/README.md

<!--
CO_OP_TRANSLATOR_METADATA:
{
  "original_hash": "6329fbe8bd936068debd78cca6f09c0a",
  "translation_date": "2025-08-23T22:35:49+00:00",
  "source_file": "3-terrarium/solution/README.md",
  "language_code": "zh"
}
-->
# 我的微型生态瓶：一个学习HTML、CSS和使用JavaScript操作DOM的项目 🌵🌱

一个小型的拖放代码冥想项目。通过一些HTML、JS和CSS，你可以构建一个网页界面，为其设计样式，并添加交互功能。

![我的微型生态瓶](../../../../3-terrarium/images/screenshot_gray.png)

## 致谢

由[Jen Looper](https://www.twitter.com/jenlooper)用 ♥️ 编写。

通过CSS创建的生态瓶灵感来源于Jakub Mandra的玻璃罐 [codepen](https://codepen.io/Rotarepmi/pen/rjpNZY)。

艺术作品由[Jen Looper](http://jenlooper.com)使用Procreate手绘完成。

## 部署你的微型生态瓶

你可以使用Azure Static Web Apps将你的生态瓶部署或发布到网络上。

1. Fork此仓库

2. 点击这个按钮

[![Deploy to Azure button](https://aka.ms/deploytoazurebutton)](https://portal.azure.com/?feature.customportal=false&WT.mc_id=academic-77807-sagibbon#create/Microsoft.StaticApp)

3. 按照向导创建你的应用程序。确保将应用程序根目录设置为`/solution`或你的代码库的根目录。这个应用程序中没有API，所以不用担心添加API。一个.github文件夹会在你Fork的仓库中创建，这将帮助Azure Static Web Apps的构建服务构建并将你的应用程序发布到一个新的URL。

**免责声明**：  
本文档使用AI翻译服务 [Co-op Translator](https://github.com/Azure/co-op-translator) 进行翻译。尽管我们努力确保翻译的准确性，但请注意，自动翻译可能包含错误或不准确之处。应以原文档的原始语言版本为权威来源。对于关键信息，建议使用专业人工翻译。我们对因使用本翻译而引起的任何误解或误读不承担责任。