• 💂 个人网站:【海拥】【游戏大全】【神级源码资源网】
• 🤟 前端学习课程：👉【28个案例趣学前端】【400个JS面试题】
• 💅 寻找学习交流、摸鱼划水的小伙伴，请点击【摸鱼学习交流群】

前言

当我们的网站开发完成后，我们需要将其上线，供用户访问。在本文中，我们将介绍几种常用的网站上线方案，包括GitHub Pages、Gitee Pages、Vercel和自建服务器。我们还会详细讨论选择合适的服务器和将网页上传到服务器的方法。

网站上线方案

将网站上线，供大家访问有如下几种方案：

1 GitHub Pages

github pages 不用认证，属于国外的，访问较慢，作者的例子：https://cndadi.github.io/

2 Gitee Pages

gitee pages 需要实名认证，身份证正反面，手持身份证进行拍照，是国内的，速度还行，作者 demo：https://haiyongcsdn.gitee.io/

3 Vercel

vercel 国内镜像，绑定github gitlab使用 不用认证速度还行

4 自建服务器（阿里云、华为、腾讯）

华为阿里腾讯自己买个服务器几十块钱 想用域名在买个域名解析下,不想买直接用ip也可以，速度快。作者案例：haiyong.site、code.haiyong.site

选择合适的服务器

1 阿里云服务器

这里我推荐大家使用阿里云的，我两个服务器都用的阿里云，一个是上海的（这个最开始买的，备案了），一个是香港的（香港的不需要备案，很方便）

2 轻量应用级服务器

3 宝塔面板和WordPress

购买可以选择轻量应用级服务器，新人的话会有优惠，一年也就几十块钱。应用镜像推荐用 BT-Panel（也就是大家常说的宝塔）或者用 WordPress （我一开始用的是这个，里面免费主题挺多的，操作也方便）。

将网页上传到服务器

1 使用宝塔面板上传

至于楼主问的如何把自己的HTML+CSS+JS页面上传到服务器上，其实也很简单。如果你选择宝塔，先登入宝塔，环境它会自动安装，安装完毕后点击新建网站，这里我有域名了，新建的一个 code.haiyong.site ,FTP 和数据库都可以勾选一下

然后上传压缩包解压，或者直接上传文件就行。/www/wwwroot/code.haiyong.site 是我网站的跟目录，比方说我上传了一个名叫 moyu 的文件夹，里面有index.html，也有CSS、JS，然后就可以通过 https://code.haiyong.site/moyu/ 进行访问了

2 使用WordPress插件上传

如果你选的是wordpress，可以从插件商城下载一个 WP Custom HTML Page，然后将 CSS 跟 JS都放入HTML中，复制进去即可。

3 使用FTP上传

不过其实上面都可以用ftp上传的方法将文件传输到服务器中（ftp的登录账号跟密码可以在你所购买的服务器后台找到，或者用宝塔搭建的时候也会给你），下面我用的是xftp，左边是本地文件夹目录，右边就是服务器的目录，想要传哪个文件/文件夹在做侧右击鼠标点传送即可，也非常的方便。

总结：

选择适合自己需求的网站上线方案是很重要的。GitHub Pages和Gitee Pages适合个人项目或简单的静态网页，Vercel提供了更强大的功能和更快的速度，而自建服务器则给予了更大的自由度和控制力。在选择服务器时，阿里云提供了稳定可靠的服务，轻量应用级服务器适合初学者，并且使用宝塔面板或WordPress可以方便地管理网站。最后，我们介绍了使用宝塔面板和WordPress以及FTP上传网页的方法，让您可以轻松地将网页部署到服务器。

就分享到这里，大家如果还有什么疑问，欢迎在评论区告诉我，我会一一解答，或者私信我也可。有什么不正确的地方，也欢迎大家指正。