# 从现有站点开始
Worker站点要求[wrangler](https://github.com/cloudflare/wrangler)\-确保使用[最新版本](https://developers.cloudflare.com/workers/quickstart/#updating-the-cli)\-以及Worker[Free 计划](https://workers.cloudflare.com/sites#plans)。
要部署一个预先存在的静态站点项目,您需要从一个预先生成的站点开始。Worker站点与所有静态站点生成器均能很好地工作!要快速入门,请查看以下项目:
* [gohugo](https://gohugo.io/getting-started/quick-start/)
* [Gatsby](https://www.gatsbyjs.org/docs/quick-start/),需要Node
* [Jekyll](https://jekyllrb.com/docs/)需要Ruby
* [Eleventy](https://www.11ty.io/#quick-start),需要Node
* [WordPress](https://wordpress.org/)(请参阅我们的有关[与Workers一起部署静态WordPress网站的](https://developers.cloudflare.com/workers/tutorials/hosting-static-wordpress-sites)教程)
生成网站后,请按照以下步骤操作:
1. 在项目目录的根目录中运行以下Wrangler命令:
~~~
$ wrangler init --site my-static-site
~~~
此命令创建一些内容:`wrangler.toml`和`workers-site`目录。
2. 将您网站的构建目录添加到`wrangler.toml`:
~~~
[site]
bucket = "./public" # <-- Add your build directory name here!
entry-point = "workers-site"
~~~
下面列出了最受欢迎的静态站点生成器的默认目录:
* gohugo:`public`
* Gatsby:`public`
* Jekyll:`_site`
* Eleventy:`_site`
3. 添加您`account_id`的`wrangler.toml`。您可以`account_id`在“工作人员”或“概述”仪表板的右侧栏中找到您的内容。注意:您可能需要向下滚动!有关`account_id`单击[此处的](https://developers.cloudflare.com/workers/quickstart/#account-id-and-zone-id)更多详细信息。
4. 您可以通过运行以下命令预览站点:
~~~
wrangler preview --watch
~~~
5. 确定您要将网站发布到的位置:[worker.dev子域](https://developers.cloudflare.com/workers/quickstart#publish-to-workers-dev)或您在Cloudflare中注册的[个人域](https://developers.cloudflare.com/workers/quickstart#publish-to-your-domain)。然后,更新您的`wrangler.toml`:
* **个人网域**:添加您的`zone_id`和`route`。
~~~
zone_id = "42ef.."
route = "example.com/*"
~~~
* **worker.dev**:设置`workers_dev`为true。这是默认值。
您可以[在此处](https://developers.cloudflare.com/workers/quickstart/#configure)了解有关配置项目的更多信息。
6. 跑:
~~~
wrangler publish
~~~
- 关于本翻译文档
- 快速开始
- 模版库
- 讲解
- Workers页面
- 从0开始
- 从已有页面开始
- 从已有Worder开始
- 工具
- Cli工具 wrangler
- 安装
- 指令
- 配置
- 环境
- Webpack
- 密钥
- KV
- 网站
- Playground
- ServerLess插件
- Terraform
- REST API
- Making Requests
- Scripts
- Bindings
- Routes
- Integrations
- 相关
- 工作原理
- 安全
- 使用缓存
- 价格
- Routes
- Limits
- 提示
- 调试技巧
- 调试header
- FetchEvent生命周期
- 请求上下文
- 请求sign
- 参考
- runtime API
- Web Standards
- fetch
- fetchEvent
- Response
- Request
- KV
- Environment Variables
- Streams
- Encoding
- Web Crypto
- Cache API
- HTMLRewriter
- Workers KV
- Use cases
- Namespaces
