首页 前端知识 用html5、css3和一些简单的js代码写了一个个人网站,之后如何上线?

用html5、css3和一些简单的js代码写了一个个人网站,之后如何上线?

2024-03-15 10:03:48 前端知识 前端哥 437 143 我要收藏
  • 💂 个人网站:【海拥】【游戏大全】【神级源码资源网】
  • 🤟 前端学习课程:👉【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上传网页的方法,让您可以轻松地将网页部署到服务器。

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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/3788.html
标签
评论
会员中心 联系我 留言建议 回顶部
复制成功!