Framer和其他AI工具如何帮助您建立自己的网站

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

不需要任何编码的易于使用的网站构建器现在很常见，但是这些人工智能驱动的平台让你在网络上留下印记变得更加容易。它们允许你跳过拖放，把你希望你的网站看起来像什么的简要轮廓变成功能齐全的东西。

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

寻找其他类似的人工智能网络工具。未来可能会出现新的和更好的工具，以及现有的网站创建服务添加自己的人工智能工具。

创建一个带有提示的AI生成的网站

前往Framer为自己获得一个免费帐户。进入正确的Framer界面后，您会在屏幕中间看到一个Start with AI按钮-单击它开始构建您的网站。

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

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

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

在屏幕的右侧，你可以选择调色板和字体来改进人工智能生成的设计。你可以通过点击调色板按钮循环浏览颜色，看看每种颜色的外观。你也可以点击网站的一个单独部分，然后点击右边的人工智能按钮（显示两颗星的图标）来浏览该特定部分的颜色选项。

点击齿轮图标（右上角）编辑各种设置，包括网站名称和描述。在这里，您还可以设置在社交媒体上分享网站时显示的缩略图。如果您知道超文本标记语言，并想将所有这些细节直接添加到代码中，您也可以在这里访问。在界面的右上角，您会看到一个播放按钮——点击它可以在网络浏览器中预览您的网站的外观。

调整设计并添加内容

尽管Framer的人工智能引擎令人印象深刻，但它不太可能完全符合你的口味。要进行更改，只需单击图像或输入框即可调出布局和效果设置。双击，您可以更改实际图像或输入自己的文本。

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

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

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

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

在右上角，你会看到发布按钮，它会把你的网站放在互联网上。一旦网站已经存在，你也可以稍后使用这个按钮来应用你将来对网站所做的任何更改。如果你免费使用框架器，你会在framer.ai域上得到一个自定义网址，你的网站会在右下角覆盖一个小框架水印。