- 💂 个人网站:【海拥】【游戏大全】【神级源码资源网】
- 🤟 前端学习课程:👉【28个案例趣学前端】【400个JS面试题】
- 💅 寻找学习交流、摸鱼划水的小伙伴,请点击【摸鱼学习交流群】
目录
- 前言
- 网站上线方案
- 1 GitHub Pages
- 2 Gitee Pages
- 3 Vercel
- 4 自建服务器(阿里云、华为、腾讯)
- 选择合适的服务器
- 1 阿里云服务器
- 2 轻量应用级服务器
- 3 宝塔面板和WordPress
- 将网页上传到服务器
- 1 使用宝塔面板上传
- 2 使用WordPress插件上传
- 3 使用FTP上传
前言
当我们的网站开发完成后,我们需要将其上线,供用户访问。在本文中,我们将介绍几种常用的网站上线方案,包括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上传网页的方法,让您可以轻松地将网页部署到服务器。
就分享到这里,大家如果还有什么疑问,欢迎在评论区告诉我,我会一一解答,或者私信我也可。有什么不正确的地方,也欢迎大家指正。