Framer 和其他人工智能工具如何帮助您构建自己的网站

目前人工智能最热门的趋势是生成式人工智能，它可以仅根据文本提示生成整篇文章或逼真的图像。现在你也可以使用这项技术来建立一个网站。

不需要任何编码、易于使用的网站构建器现在很常见，但这些人工智能驱动的平台让您在网络上留下印记变得更加容易。它们允许您跳过拖放操作，并将您希望网站的外观的简要轮廓转变为功能齐全的内容。

出于本指南的目的，我们使用成帧器，我们迄今为止发现的最好的人工智能网站建设者之一。该平台还提供托管服务，对于带宽高达 1GB 且每月有 1,000 名访问者的网站可以免费使用，但您可以付费订阅（每月 5 美元起）以消除这些限制。

寻找其他类似的人工智能网络工具。未来可能会出现新的、更好的服务，同时成熟的网站创建服务也会添加自己的人工智能工具。

根据提示创建人工智能生成的网站

前往 Framer 为自己获取一个免费帐户。一旦进入正确的 Framer 界面，您将看到从人工智能开始按钮位于屏幕中间 - 单击它即可开始构建您的网站。

您在弹出的提示框中提供的详细信息越多，您得到的结果就越好。如果您在输入提示之前稍等片刻，您会看到屏幕上出现一些示例，这些示例对您自己的信息很有用：包括网站的名称和用途、您想要的风格类型（例如“有趣”或“专业”）以及网站应包含的不同元素（例如作品集或注册表单）。

文本提示越完整，AI 生成的结果就越好。大卫·尼尔德《大众科学》

当您输入提示时，您将在输入框底部看到一个进度条，它将确保您输入了足够的详细信息来生成页面。在停止打字之前尝试将其完全填满，如果您想提供更多信息，可以继续打字。完成后，单击开始。

该平台将在您眼前构建您的网站，并根据您的提示添加图形和文本。 Framer 生成的所有网站都是响应式的，这意味着它们会自动适应不同尺寸的屏幕。如果您想查看您的网站在平板电脑或智能手机上的外观，则可以在滚动时看到这些不同的布局。如果您对最终的设计不满意，请单击再生或在您认为需要时编辑您的提示。

在屏幕的右侧，您可以选择调色板和字体，您可以从中选择来完善人工智能生成的设计。您可以通过单击调色板按钮循环浏览颜色以查看每种颜色的外观。您还可以单击网站的各个部分，然后人工智能按钮向右（显示两颗星的图标）浏览该特定部分的颜色选项。

单击齿轮图标（右上角）编辑各种设置，包括站点名称和描述。您还可以在此处设置在社交媒体上共享网站时显示的缩略图。如果您了解 HTML 并希望将所有这些详细信息直接添加到代码中，您也可以在此处访问它。在界面的右上角，您会看到一个播放按钮— 单击它可预览您的网站在网络浏览器中的外观。

调整设计并添加内容

尽管 Framer 的人工智能引擎令人印象深刻，但它不太可能让一切都完美地符合您的口味。例如，要进行更改，只需单击图像或文本框即可显示布局和效果设置。通过双击，您可以更改实际图像或输入您自己的文本。

右键单击您网站上的任何内容，甚至会出现更多选项。您将能够删除、移动和复制块，以及更改它们的对齐方式并编辑它们链接到的其他块，以便您可以将它们作为一个组移动。您可以使用以下命令撤消任何错误Ctrl+Z（Windows）或命令+Z（macOS）。

有关的：建造一台笔记本电脑需要多少钱以及值得吗

一旦人工智能生成的网站构建器呈现出您喜欢的结果，您就可以根据自己的喜好进行调整。大卫·尼尔德《大众科学》

点击插入（左上）如果您想向您的网站添加全新的部分：从投资组合页面到页眉和页脚，再到网络表单。 Framer 将指导您完成每种情况的创建过程。颜色和样式将与网站的其余部分相匹配，如果需要，您可以单击并拖动以重新定位任何新元素。

Framer 中内置了 CMS（内容管理系统）：单击内容管理系统在顶部，然后添加博客使用您已经建立的样式和颜色将其附加到您的网站。您将看到帖子的索引页面（在主页上可见）和各个帖子页面本身，其中添加了一些示例内容。要查看所有帖子、添加新帖子和删除现有帖子，请单击内容管理系统在顶部。

双击任何博客文章进行更改。您可以更改文本样式，添加链接、图像和视频，以及使用副标题拆分帖子。 Framer 会自动保存您的所有更改，因此您无需担心丢失任何工作。帮助也随时可用：在平台的前屏幕上，单击 Framer 图标（左上角）并选择帮助从菜单中查看用户的常见问题。

在右上角，您会看到发布按钮，这将使您的网站上线。您还可以稍后使用此按钮应用您对网站发布后所做的任何未来更改。如果您免费使用 Framer，您将在framer.ai 域上获得一个自定义 URL，并且您的网站右下角会覆盖一个小的 Framer 水印。