VPS网站发布-个人网站搭建与部署-个人简历网站示例-个人简历网站案例-网站推广

1. 个人网站搭建指南

1.1 网站示例 | 个人网站 | 个人简历模版 | 个人简历网站 | 网站案例

请查阅： https://www.kingbiu-ai-lab.online/
简单网页制作示例如上↑
仅有html和css文件，以及超级简单是js代码组成个人网页示例！

本教程会提供自己写的一键部署脚本供新手入门！

1.2 准备工具

1. 浏览器（windows系统Edge，Chrome等）
2. 文本编写工具（推荐 VSCode——可自动完善代码布局）
3. 一台计算机（本案例使用的是Ubuntu系统来部署）
4. 学习资料（HTML编写教程，CSS编写教程）
5. JS编写教程（进阶）

PS：HTML和CSS的编写非常简单易学，这两个可以完成大部分的静态网页设计。
JS则相对更高级，可以实现如图片轮播等复杂功能。

2. 网页部署教程（ubuntu）

2.1 购买域名

类似的购买域名：kingbiu-ai-lab.online
域名购买可以在各大云服务提供商处取得，很多平台有新用户首年免费的福利哟~

2.2 购买VPS

1. 选择一台云计算主机，也可以用个人电脑，但是个人电脑必须拥有公开可见且能外部访问的IP。
2. 一般说来，个人电脑基本不会分到IP地址。所以建议还是买个云计算主机吧。
3. 将域名解析到购买的计算机的IP地址。推荐Cloudflare！很好用，且免费！

2.3 部署工具 Apache || Nginx

推荐使用我设计的一键部署工具
bash <(curl -sL https://raw.githubusercontent.com/biao169/html_auto_deploy/main/run_deploy.sh)

在此，请广大网页多多支持测试，帮忙点击下方网页：https://www.kingbiu-ai-lab.online/

该网页主要用于测试搜索引擎的收录情况，不会收集大家的任何信息。
这个完全可以从网页的CSS和JS文件中看出来，超级简单，就几个代码！
更多功能，博主还在学习，敬请关注后续发展，谢谢！

2.1.1 网页相关文件上传到github库

将网页设计相关文件上传到该库的 html_project文件夹内

2.1.2 在VPS中执行一键部署脚本（仅支持Nginx）

然后在ubuntu系统上运行下方命令：

bash <(curl -sL https://raw.githubusercontent.com/biao169/html_auto_deploy/main/run_deploy.sh) 
https://github.com/biao169/html_auto_deploy

该脚本会自动安装Apache或Nginx，这个由自己选。然后可以同步修改Nginx的配置文件，完成一键自动部署网页。

注意：目前仅支持Nginx能够自动配置。