Transcription
你好，各位朋友，我叫 Ferdy，在这段视频中，我将向你展示如何使用 AI 网站构建器 StickLight 来创建网站和 Web 应用程序。它是由 Elementor 的开发者创建的，所以让我向你展示我们将在本教程中涵盖的内容。我将确切地向你展示如何编写强大的提示来使用 StickLight 创建你的网站，如何使用内置的页面构建器来优化和自定义一切，以及如何通过广告、联盟链接和自己的产品将你的网站变成收入来源。如果你能欣赏我免费制作了所有这些视频，那么请点赞这个视频，并随时订阅以获取更多关于如何制作网站和从中赚钱的即将到来的教程。现在，让我谈谈两件重要的事情。在本教程的描述中，我提供了时间戳。所以如果你想跳转到教程中的特定部分，你可以点击时间戳，你将直接跳转到教程的该部分。如果我讲得太快，你可以去 YouTube 的设置。转到播放速度，然后减慢教程的速度。如果你想在视频中回退几秒钟，只需按键盘上的左箭头键，你就会在视频中回退五秒钟。现在，如果你愿意，你可以去 YouTube 设置，然后将音频轨道更改为不同的语言。那么，废话不多说，让我们开始吧。要开始，我们需要访问 ferdy.com/sticklight，然后按回车键，他们将被重定向到 stick light dot com。如果我们在这里查看定价，我们可以免费开始。而且你每天可以获得五点积分，所以如果你愿意，你可以免费开始。你将获得一个 StickLight 域名，并且可以看到所有生成的代码。唯一的问题是你不能编辑这些代码。使用专业版本你可以，而免费版本将显示“由 StickLight 制作”。所以，如果你只是想玩玩这个工具，看看它是如何工作的，这可能是一个不错的选择，免费开始。如果你选择专业版本，你每月将获得一百点积分，具体取决于套餐，25 美元，一百点积分，你可以选择更多，然后价格自然会增加。而且，使用此套餐，你每天还可以获得五点额外的积分。所以每月最多可达 250 点积分。使用专业版本，你可以编辑代码。所以会创建一些东西。你可以进入代码并根据你的意愿更改内容。有优先支持，没有“由 StickLight 制作”的徽章，并且你可以拥有自定义域名。你可以按月支付，也可以按年支付。如果你这样做，你将获得两个月免费，但等等，还有更多。我可以给你 30% 的折扣。所以你支付的不是 25 美元，而是少 30%。让我先向你展示，我点击“升级到专业版”。然后它会显示“欢迎来到 StickLight”。我可以用 Google 或我的电子邮件账户登录，但我必须创建一个账户。所以我在这里点击“注册”，然后填写我的电子邮件地址并创建密码，然后点击“注册”。我将在这里填写我的电子邮件中的六位数字代码。现在我使用的是免费套餐。我想升级到专业版。所以我在这里点击“升级”，然后在这里，看看这个。我有一个促销代码。如果你输入 30，30，然后点击“应用”。现在你看到它只需要 17.50 美元。我想用信用卡支付。我点击“支付并订阅”。它显示“全部完成。你的套餐已更新。”所以非常重要。现在我们将创建一个提示。我可以说“制作一个关于狗的网站”。它可能会创建一个相当不错的网站，但信息量不大。好的。关于狗的网站，关于如何与狗相处，关于给它们吃什么食物，有哪些种类的狗。所以你需要非常具体地说明你想要什么。我正在谈论与这个 AI 工具进行对话。这就像向朋友解释你想要创建什么样的网站。所以要尽可能详细。几周前，我看了一部电影《秋日传奇》。有布拉德·皮特。他看起来很棒。我当时想，这部电影上映时他多大了？他比我现在年轻吗？所以我在想一个像 IMDB 这样的数据库或网站，但记录的是人们在那些电影或电视剧上映时的年龄。这样我就可以一次性看到布拉德·皮特在出演《特洛伊》时有多大。或者罗素·克劳在《角斗士》上映时的年龄。所以我想创建一个这样的网站。所以我要做的是，我开始输入提示，然后在最后，我会让 gpt 把它做得更好。所以我要开始输入提示，并尽可能详细。所以我会快进。所以在这里，我的提示非常简单。我试图给我所有我需要的信息，或者我想要的信息，或者我自己有的信息。所以我可以这样说，“为 AI 或可爱的更好制作这个提示”。它有点可爱，这个工具。所以这更适合 AI 构建器。好的。哇。电影详情，演员详情，搜索页面，电影和演员。是的。好的。我喜欢它。复制，粘贴。我点击“创建”。所以发生了什么？这可能看起来很熟悉。在左边，我们将看到将要做什么。所以现在将创建一个概述。然后将创建一个任务。将创建文件。而在这里，当有些东西准备好时，我们将看到预览。提示越深入详细，创建网站所需的时间就越长。而且很棒的是，通常创建这样的网站可能需要数周甚至数月。现在只需要几分钟。所以当有结果时，我会回来找你。所以我们在这里看到第一个结果。我喜欢它，它很干净，颜色也很漂亮，我说了应该在那里。所以问题是我缺少图片。图片非常重要。我们的网站。所以我将要求，这是我的第一个提示来解决这个问题。所以之前，好的，让我们现在去网站。让我们去《阿甘正传》。好的。最年轻的演员，13 岁。最年长的，24 岁。这不是真的。有年龄差异。有成本大小。这些都无关紧要。我还在缺少汤姆·汉克斯。我看到演员三，演员二，演员一。我想要名字。我想要图片。所以这就是我想解决的问题。在我这样做之前，我想谈谈界面。所以我想做的第一件事是，我在这里点击，当有什么东西完成时，我想听到声音。所以我把它打开。所以有时可能需要几分钟，然后我会去做别的事情，然后我就会听到它何时完成。所以我们为这个网站使用了 0.9 个积分。所以它仍然是免费版本。所以很酷。然后在这里，我可以把东西放回去。我可以说，“嘿，我想回到上一个版本”。我可以把它放大，这样我就可以看到网站。我也可以通过在这里的新标签页中点击来预览网站。现在，它有一个奇怪的 URL，但我们可以解决这个问题，因为我们有专业版本。所以这有助于我们了解发生了什么。我们可以看到它在其他设备上的外观。他们在这方面做得很好。不错。我点击主页。让我们通过再次点击来摆脱这个区域。现在我们在预览模式，所以我们看到发生了什么。我可以去第二个区域，编辑。现在我可以选择这个元素，如果我想修复它，我可以点击这里，“有趣的电影”，然后点击“应用”。好了。我可以更改颜色。我可以更改字体，我可以更改它的显示方式是在中间还是在其他地方。让我关闭这个。我可以丢弃它，所以它会回到大标题。我再次点击“编辑”，然后编辑，我将其更改为 20，然后点击“应用”，然后点击“保存”。好了。所以我可以浏览整个网站并更改内容。然后有这个区域。我可以去代码，去源代码。但很棒的是我可以点击这里。我可以选择一个元素。当我点击那里时，我可以看到我需要去代码的精确位置。所以如果我愿意，我可以在这里更改内容，或者我可以看看类名，然后复制这个类。然后我转到 CSS 文件，在这里更改内容。然后我有数据库。如果人们在我的网站上留下信息，他们填写表格，订阅电子邮件列表。他们购买了东西，那么信息将被存储在数据库中。然后有设置。如果我想发布它，很简单，我在这里点击“发布”，然后我可以点击“发布”。顺便说一句，在这里，我有一个主域名，一个 dot stick light app 域名。我可以将其更改为，我喜欢我的网站的名称。所以，让我们说 age database dot stick light app。然后稍后，我们也可以拥有自定义域名 .com 域名。所以现在它正在验证一切。然后这个版本将以更短的域名发布。在它发布的同时，我可以在这里提供我的反馈。所以尽管问。这是我们可以付费提示的区域，因为现在我们为我们的网站创建了第一个 ID，第一个版本，现在我们可以通过提示来调整它，让它变得更好。所以我说，“我希望看到所有电影的图片。我希望看到所有演员、所有演员的图片。我希望在主页上看到所有电影的演员列表。所以网站是实时运行的，我可以关闭它。在主页上，我希望看到一个包含图片和电影上映时年龄的前三名演员列表。然后我去看一部电影，然后我说在电影页面上，电影页面，去掉所有最年轻的，年龄差异，成本，大小，统计数据。所以现在够了。让我按回车键，然后当调整完成后，我会回来找你。所以它又开始思考了，然后它会列出它将要做的所有事情。然后一步一步地，它将执行这些任务。只花了一分钟。所以我听到了叮当声。所以我说，“好的，完成了”。我去了主页，仍然没有图片，但我看到了蒂姆·罗宾斯、摩根·弗里曼和鲍勃·克鲁顿。所以蒂姆·罗宾斯，电影上映时他 35 岁，《肖申克的救赎》。但我只在第一部电影上看到这个。所以我说，我在第一部电影上看到了名字，三个最重要或最知名的演员。在网站上的所有电影上显示这些统计数据，而不仅仅是在《肖申克的救赎》上。还要显示所有电影的图片。以及演员的图片。按回车键。这当然行不通。《教父》，没有一个两岁的演员一。所以让我们看看。我认为当图片在这里，演员的图片在这里时，它就已经是一个非常不错的网站了。要显示所有电影的图片和演员，你需要一个免费的 API。我们有吗？没有。暂时跳过。使用占位符。当我练习时，这是可能的。所以让我们看看我们能走多远。女士们先生们，这就是我所说的。图片好多了。所以让我们看看。是蒂姆·罗宾斯吗？嗯，这是摩根·弗里曼。有些图片没有正确加载。让我发布它。更新。然后我可以点击这里查看结果。好的。所以我们需要说那些图片应该被修复。它完全一样吗？是的。它和这里完全一样。好的。现在，如果我点击一部电影，让我点击一部我知道的电影，《绿男》，向下滚动汤姆·汉克斯，43 岁。那时，我在这里缺少一些图片，但它，它越来越接近了。我还想看到更大的成本。所以让我去另一部电影。我仍然只看到三个人。是的。这张图片是正确的。所以我将开始输入提示，并与这个工具进行对话。请显示所有图片。还要为每部电影和每位演员提供一 REM 的半径。所以它在那里。一个漂亮的半径。我甚至不必告诉它，但我只是表达一些感受。我喜欢它有漂亮的半径，半径，光辉。半径的复数是什么？所以我想在这里有一个半径。我喜欢这些过滤器的悬停效果。我想要那个。但另一方面，我想知道我是否想要这个，去掉十年过滤器，或者另一方面，如果它现在起作用，我喜欢它。好的。还要给年龄过滤器和十年过滤器一个一 REM 的半径。我喜欢圆角。所以我按下了那个，可能是小的更新。上次它说是一个大更新。所以我不得不等了很长时间，我想是八分钟。所以让我看看，它在思考。如果我点击凯特，好的，我仍然可以去看电影。所以这是一个按钮。我想能够点击个人。我可能可以在这里做到。然后我看到他的年龄。现在。这里的年龄是 35 岁。好的。但我想能够点击这里。所以我可以做的是，我甚至可以创建一个新的提示，即使这个提示还在处理中。所以我现在要说的是，整个图片标题和三个带年龄的演员是一个可点击的区域。当你点击它时，你会去看电影，从可点击区域移除演员，并确保当你点击演员时，你会去看演员页面。所以它现在很可爱。所以这就是我们可以做的。如果我有另一个 ID，我可以把它排队并让它工作。与此同时，我们可以看看。我们仍然在使用免费版本，考虑我们还剩下多少积分。所以我真的很喜欢它，与其他 AI 工具相比，积分消耗得更快。所以如果你使用的是免费版本，你可以说，“嘿，我还有两个积分”。如果我今天用完了，我明天再回来完成这个很棒的项目。所以现在很好。当这些东西改变后，我会回来找你。所以在这里，这应该是圆形的。这应该有一个半径，我应该能够点击这里，然后不去看电影，而是去看布拉德·皮特的页面，看看他出演了哪些电影。然后我去了这个，然后去了布拉德·皮特，然后我看到他出演的所有电影和他当时的年龄。我真的很喜欢它。它正在取得进展。而且，我只是有一个想法，我就可以实现它。如果我自己做这个，天哪，我可以做到，但这需要我很多时间。现在我一小时内就做完了，这太棒了。我很高兴，因为我们这里有半径。当我点击这里时，我可以去那个人的地方，图片还没有修复，但我们一步一步地在前进。所以我在那里点击。如果我愿意，或者我在这里点击，然后我看到他出演的所有其他电影。嗯，应该够了。《教父 2》，我想。马龙 101 岁？哇。所以让我们去汤姆·汉克斯。让我们看看。他在这里，《绿男》，但也有《阿甘正传》。所以他应该在那里两次。他确实在那里。太棒了。现在他 96 岁。在这个年龄，他 37 岁。所以他比我年轻，因为我 39 岁。我们回去吧。如果我说选择一个确切的年龄，我想改变它，年龄过滤器区域。让人们输入一个数字而不是选择一个。让我们看看这需要多长时间。好的。它在那里。不到一分钟。我可以输入 27 过滤。好的。嗯，你知道，让我们去掉范围。只有年龄就够了。我喜欢这样。我可以预览一下我到目前为止创建的内容，或者这个工具到目前为止创建的内容。所以我要去掉过滤器利亚姆·尼森页面，它会去掉其他的。所以如果我修复了，如果我看一下，如果这个修复好了，让我搜索汤姆，汤姆·汉克斯应该出现在这里，两部电影。好的。如果我搜索希思，希思·莱杰应该 46 岁。他已经不在我们身边了。所以，它是，它是看看这个。现在是演员，伊利亚·伍德。看看这个。他 20 岁，21 岁，22 岁。我喜欢这个。我喜欢看电影，喜欢看关于电影的信息。而现在他 45 岁。所以我们正在取得进展。然后当然，重要的问题是如何将其货币化？我们可以通过几种方式做到。我们可以在这个网站上放置广告。我们可以在这个网站上放置联盟链接。我们可以在这个网站上销售东西，而使用 StickLight，你可以销售任何东西。我真的很喜欢。你知道，使用 WordPress，你需要 WooCommerce，然后设置一切。现在我可以这样说，如果我有这个网站的权利，我可以做一个下载链接，这样人们就可以将这部电影下载到他们的数据库或他们的电脑上。所以我们要做的第一件事是，我们需要确保我们的网站符合所有法规，以便放置广告、联盟链接和销售商品。所以对于这个网站，我将说，我将在此网站上放置 Google 的广告和联盟链接。创建一个页脚，包含所有必要的法律页面，以便显示这些内容。就是这样。猜猜怎么着？StickLight 会处理这一切。好了。快速链接和法律。该网站包含联盟链接。我们可能会从符合条件的购买中赚取佣金。超级酷。你所需要的一切都有。我喜欢这个。在网站的风格上。所以我已经可以计划下一件事了。所以我想在单个页面上做的是，我想要在这里放置一个广告。所以我想说，在每一个电影和演员页面上，放置这张图片，并附带以下联盟链接，https://ferdy.com/elementor。这是一个联盟链接。所以我将要做的是，我将附加一个文件在我的桌面上，Elementor 插件，找到这张图片的最佳位置。所以它还在思考，还在做事情，正如你所看到的。与此同时，我可以继续下一个提示。现在它会为我找到一个放置的地方。当人们点击那个链接并购买工具时，在这种情况下，它是 Elementor，我赚钱。这就是我如何通过联盟营销致富的。我一直说的是提供价值，帮助人们，专注于帮助人们。在这种情况下，通过一个网站，向人们展示他们在出演某部电影时的年龄，然后在上面放置广告。我在这里做的，使用这个 YouTube 频道，我推广一些东西。StickLight 还没有联盟计划，但它可能会在未来有。所以，我推广 StickLight。当你购买它时，我将获得佣金。好的。现在它在这里。我要求最佳位置，所以它可能知道它在做什么。它在那里。好的。如果我想更具体一点，我可以说，“放在下面”或其他什么。所以这就是我们可以做的。当你使用 Google AdSense 时，你可以确保 Google 自己决定在哪里放置广告，并且这些广告专注于访问者的兴趣。所以不是你的兴趣，或者你选择的，而是访问者的兴趣，这将增加人们点击这些链接、这些广告的机会，因为这是 Google 知道他们感兴趣的东西。所以这里可以是一个漂亮的横幅，或者在顶部等等，嗯，为了做到这一点，我们需要一个自定义域名，而不是这样的东西，而是更像一个自定义 .com 域名。如果你想学习，嗯，如何在上面放置广告，你可以观看这个视频。在那里，我们将学习如何在这样的网站上放置 Google 的广告。所以我在验证这个。再次，我们做了很多事情。让我们看看它在不同设备上的外观。所以如何使用 StickLight 销售商品。我点击这里，我回到工作区，然后开始输入。我想卖什么，可以是任何东西。所以我想卖我的电子书。所以我将说“制作一个关于我销售我的电子书的网站，关于如何开始联盟营销”。电子书价格为 9.99 美元，将在人们付款后通过 Stripe 发送至他们注册的电子邮件地址。然后我们将添加一些附件。首先是 PDF，然后是模型图，然后是我的照片。打开，制作一个网站。带有一个着陆页，说明人们为什么应该。购买这本书，并创建一个非常简单易懂的结账流程。让我们看看它会拿出什么。我听到了叮当声，所以完成了。初学者视频营销，将你的热情转化为利润。学习如何通过为市场带来价值来赚取被动收入。所以我要做什么？我需要添加 Stripe 的必要秘密。发布密钥，Stripe 密钥，Webhook 密钥，最近的 API 密钥，最近的表单电子邮件，一个电子书下载 URL。所以让我们在这里看看。漂亮的着陆页。我决定购买这本书。初学者联盟营销。好的。我获得折扣。超级酷。所以我填写我的电子邮件地址。我想用信用卡支付，然后点击“支付”。付款成功。感谢您的购买。下载您的电子书。好了。初学者联盟营销。太棒了。它也已发送到我们的电子邮件。太棒了。所以这就是你如何使用 StickLight 销售商品。还有几件事我想在这里向你展示。我回到了电影年龄探索器或年龄数据库网站。嗯，如果我在这里点击，我可以去工具，更像是 Elementor。我可以把这些东西拖到这里，然后把它们放在我的网站上。你还可以添加包，GSAP，Lottie 动画，Framer 和集成，Google Analytics，Facebook Pixel，WhatsApp 聊天按钮，Google Tag Manager 等等。如果我们回到这里，然后我回到工作区，我可以看看路线图，看看有什么即将到来，什么正在进行中，什么已经发布。如果你有什么想法，比如“嘿，我想在 StickLight 中看到这个”，你可以点击这里，然后提交一个想法，然后在这里看看其他人怎么说。所以就像所有其他 AI 工具一样，它可能会变得更好，但现在你已经知道了它的可能性。还有一件事。如果我进入一个项目，然后点击这里“已发布”，我可以连接一个域名，我迫不及待地想等到。你可以在 StickLight 本身购买域名。我总是更喜欢那样，而不是开始玩弄域名服务器之类的东西。所以我迫不及待了。我希望这有帮助。请随时点赞这个视频，并随时订阅以获取更多关于如何制作网站和从中赚钱的即将到来的教程。如果你想了解更多关于添加 AdSense 的信息，你可以点击这里，然后祝你一天愉快。再见。