手机屏网站开发一键优化清理
文章目录
- 1. 个人网站搭建指南
- 1.1 网站示例 | 个人网站 | 个人简历模版 | 个人简历网站 | 网站案例
- 1.2 准备工具
- 2. 网页部署教程（ubuntu）
- 2.1 购买域名
- 2.2 购买VPS
- 2.3 部署工具 Apache || Nginx
- 2.1.1 网页相关文件上传到github库
- 2.1.2 在VPS中执行一键部署脚本（仅支持Nginx）
1. 个人网站搭建指南
1.1 网站示例 | 个人网站 | 个人简历模版 | 个人简历网站 | 网站案例
请查阅： https://www.kingbiu-ai-lab.online/
简单网页制作示例如上↑
仅有html和css文件，以及超级简单是js代码组成个人网页示例！
本教程会提供自己写的一键部署脚本供新手入门！
1.2 准备工具
- 浏览器（windows系统Edge，Chrome等）
- 文本编写工具（推荐 VSCode——可自动完善代码布局）
- 一台计算机（本案例使用的是Ubuntu系统来部署）
- 学习资料（HTML编写教程，CSS编写教程）
- JS编写教程（进阶）
PS：HTML和CSS的编写非常简单易学，这两个可以完成大部分的静态网页设计。
JS则相对更高级，可以实现如图片轮播等复杂功能。
2. 网页部署教程（ubuntu）
2.1 购买域名
类似的购买域名：kingbiu-ai-lab.online
域名购买可以在各大云服务提供商处取得，很多平台有新用户首年免费的福利哟~
2.2 购买VPS
- 选择一台云计算主机，也可以用个人电脑，但是个人电脑必须拥有公开可见且能外部访问的IP。
- 一般说来，个人电脑基本不会分到IP地址。所以建议还是买个云计算主机吧。
- 将域名解析到购买的计算机的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能够自动配置。