DEV Community
·
如何使用HTML和CSS构建博客网站，并将其托管在GitHub上，部署到Vercel
💡
原文英文，约400词，阅读约需2分钟。
📝
内容提要
本文介绍了如何在Vscode中创建网站文件夹和文件，编写代码后将其推送到GitHub，随后在Vercel上导入GitHub项目并完成部署，最后通过链接分享给朋友。
🎯
关键要点
-
在Vscode中创建网站文件夹和文件。
-
创建index.html和style.css文件，并将CSS链接到HTML文件。
-
在GitHub上创建账户并创建新的项目仓库。
-
在Vscode中初始化Git并将代码推送到GitHub。
-
使用命令行将代码添加到Git并提交。
-
在Vercel上创建账户并导入GitHub项目。
-
成功部署项目后，可以通过链接分享给朋友。
❓
延伸问答
如何在Vscode中创建网站文件夹和文件？
在Vscode中创建一个文件夹，并在该文件夹内创建index.html和style.css文件。
如何将代码推送到GitHub？
在Vscode中初始化Git，创建新的项目仓库，使用命令行将代码添加到Git并提交，然后推送到GitHub。
如何在Vercel上部署我的项目？
在Vercel上创建账户，导入GitHub项目，选择项目后点击部署即可。
创建GitHub账户的步骤是什么？
访问GitHub网站，注册并创建一个新账户。
如何将CSS链接到HTML文件？
在index.html文件中使用<link>标签链接style.css文件。
成功部署后，我如何分享我的项目？
在Vercel的仪表板中找到项目的域名链接，并将其分享给朋友。
➡️
