Lightly Logo
返回按钮
返回博客

用ChatGPT和Lightly建立网站也太容易了

2023-02-23

OpenAI的ChatGPT语言模型令人印象深刻,并且已经在一些领域展示了它的价值。

ChatGPT已经证明了自己在各种场合的作用,从客户服务到编程,分别提供对客户咨询的见解和创建代码片段。它在理解和处理人类语言方面有着很惊人的表现,越来越多的公司和个人将ChatGPT武装到自己的工作流程中。 在这篇文章中,我们将探讨ChatGPT在许多行业包括编程的巨大影响力。

使用 ChatGPT 制作网站

我们尝试让 ChatGPT 为一个简单的网站编写 HTML 和 CSS 代码。

这是我们的对话: build-website-with-chatgpt-and-lightly1.PNG

ChatGPT 为我们提供了完整网站结构的源代码,包括导航栏和几个部分。我们可以通过单击导航栏中的链接轻松地从一个部分跳转到另一个部分。

为了能查看网页效果,我们将 ChatGPT 中的代码复制并粘贴到 Lightly IDE 中,这是一个在线前端编辑器,并且除了HTML语言以外,允许我们直接在浏览器上使用不同的编程语言进行编程。 build-website-with-chatgpt-and-lightly2.PNG

让 ChatGPT 设置网站样式

ChatGPT 提供的第一个代码相当简单乏味,所以我们决定再次询问 ChatGPT 是否可以用一些 CSS 样式为网站增添趣味。

当然,答案是绝对的。 build-website-with-chatgpt-and-lightly3.PNG

我们可以看到,具有 CSS 的网站和没有 CSS 的网站之间形成了鲜明对比。 不要忘记,到目前为止我们还没有亲手编写任何 HTML 或 CSS 代码行(这些都来自ChatGPT)。 build-website-with-chatgpt-and-lightly4.png

我们询问 ChatGPT 向我们提供导入 CSS 文件的代码。 真正让我爱上ChatGPT 的一件事是它会对它给出的代码进行详细的解释。 这样,初学者也可以理解代码,而不仅仅是复制代码。 build-website-with-chatgpt-and-lightly5.png

进一步调整网站

我们不会满足于 ChatGPT 提示的这些简单代码,因为我们想看看它能走多远。

重新调整导航栏

我们尝试让 ChatGPT 从左到右重新对齐导航栏,正如我们预期的那样,ChatGPT交上了令人满意的答卷。 build-website-with-chatgpt-and-lightly6.png

将代码应用到 CSS 后: build-website-with-chatgpt-and-lightly7.png

更改网站字体

我们还要求 ChatGPT 将网站字体更改为 Poppins,这样会更好看。 build-website-with-chatgpt-and-lightly8.png

将代码应用到 CSS 后: build-website-with-chatgpt-and-lightly9.png

在此处查看我们使用 ChatGPT 所做的完整代码:https://c93606a591-share.lightly.teamcode.com

使用 ChatGPT 编写完整代码可行性非常高

ChatGPT 可以做的远远不止本文所写的这些。 ChatGPT 不仅仅是一个简单的聊天机器人,普通聊天机器人会在回答完你的问题之后结束对话,如果你想追问,就需要把原来的问题一起再问一遍。 但ChatGPT会记住和你聊天的内容,并基于这个对话语境,对你的后续提问做出关联猜想和解答。

依靠这个特点,你可以不断改进 ChatGPT 给你的结果。

除了我们在 ChatGPT 上尝试过的,你还可以通过添加博客模块和集成 PHP 和 MySQL 数据库来让网站更好。ChatGPT 可以为你提供非常详细的步骤: build-website-with-chatgpt-and-lightly10.png

最让人感叹的是,当我们的询问过于模糊或过于主观时,ChatGPT 会提醒我们给出更明确、更具体的要求。 build-website-with-chatgpt-and-lightly11.png

ChatGPT 不能成为你停止学习编程的理由

请记住,ChatGPT 并不是要取代实际的编程教育。 相反,它能够对你的编程学习起到很大的辅助作用。

尽管 ChatGPT 可以自动生成代码片段并提供解释,但对于程序员来说,掌握代码背后的推理和底层原理仍然至关重要。 如果没有全面的编程技能基础,可能很难充分利用 ChatGPT 并解决出现的多种问题。

同样来说,你不应该排斥使用 ChatGPT 甚至认为其阻碍了你成为更厉害的开发者,相反,你应该将其视为对现有工具包的补充。

综上所述

对于熟悉计算机编程基础知识的开发人员来说,ChatGPT 是一个很棒的工具。 使用它的提示功能,你可以为各种项目快速生成代码片段,省时省力。 但是,我们不应使用它来代替学习编程基础知识。 将你自己的专业知识与 ChatGPT 相结合,可以让你的编程水平提升到一个新的高度,并帮助你完成更具挑战性的项目。