[前端部署] 稳定可用免费域名/服务器部署前端项目

[前端部署] 稳定可用免费域名/服务器部署前端项目

一、免费注册地址

http://byethost.com是一个老牌的免费空间商,从2006年起就开始提供免费空间了,其免费服务非常稳定。申请过程非常简单,Chrome浏览器傻瓜式申请即可!申请后,Byethost 会将详细资料发送到你注册的邮箱。包括控制面板、FTP和Mysql 。
Byethost提供5500M 免费PHP空间 ,采用VistaPanel 管理面板。支持PHP5,FTP、WEB方式上传管理文件,每月200G流量,可以免费创建50个MySQL数据库,可以创建50个子网站,还可以绑定50个域名。还提供1个10M支持POP3、IMAP的免费邮箱。

二、搭建步骤

1.注册账号

在这里插入图片描述

2.进行邮箱验证

在这里插入图片描述

3.进入主页

链接地址在邮件中,例如我的地址是:http://www.beiwangshan.byethost11.com/,大家自己在邮箱中找。打开后是下图的话,就激活成功了。
在这里插入图片描述

4.访问控制面板

接下来访问cPanel 中的地址(邮件中也把链接放上去了,复制到浏览器即可),登录名和密码都在邮件中,注意是cPanel 的账号和密码。在最下方可以设置控制面板的语言。
在这里插入图片描述

5.同意条款

在这里插入图片描述

6.密码修改

进入控制面板后,你可以考虑要不要修改密码,一般建议修改一下密码,但是一定要记住密码。

7.ftp软件下载

这个网站上提供可供免费30天的ftp软件,大家也可以去网上去下载别的软件,最好是那些开源的,操作方式也大同小异。
在这里插入图片描述

8.ftp软件配置连接

大家按照我下面的截图填就可以,Protocol,填写邮件中的FTP Server的地址,用户名和密码填写FTP的用户名和密码即可。
在这里插入图片描述

9.查看是否连接成功

如果出现下图,即为连接成功,连接成功后,直接删除里面的文件。
在这里插入图片描述

10.上传源码文件

这里可以自己上传源码,也可以直接在控制面板中配置,大家按照自己的喜欢来配置,这里演示自己上传源码。源码获取的办法有很多,自己百度就有很多,推荐是PHP的,并且一定要有后台,推荐两个个博客cms,wordpress,zblog。小编最后用的zblog。
在这里插入图片描述
下载源码后直接解压,然后复制里面的文件到FTP软件中。直接复制粘贴到 htdocs 目录下
提示:
如果直接上传文件到 htdocs 目录下,访问的网址为:http://申请名.byethost11.com
如果在htdocs下建立一个目录,将网站文件放在新建的目录下,则访问的网址为:http://申请名.byethost11.com/新建目录名
在这里插入图片描述

11.新建数据库

等待文件都上传完之后,打开控制面板,新建数据库。
输入一个数据库的名字,我打算以后放wordpress(结果被墙了,于是换了zblog),所以先起这个名字吧。
然后我们看到数据库已经建立好啦,密码啥的都在邮件里面,大家一定记住啦!
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

12.回到主页,安装CMS

这个主页就是你申请的域名地址,比如小编的是:
http://www.beiwangshan.byethost11.com/
去到主页后,按照安装向导的提示进行配置安装,我这里只讲一个数据库的配置
在这里插入图片描述

13.安装时的数据库配置

首先与自己建立的数据库名字对应
在这里插入图片描述
mysql服务器地址按照这个填写。
在这里插入图片描述
这里大家一一对应就好啦,这里注意一下,如果你写的名字在你系统的数据库中没有,那么他就会给你新建一个。最好还是填写自己已经建立好的。如果不成功,多试几次就好了
在这里插入图片描述

14.前后端演示

接下来就交给大家自己去尝试吧,最后提醒大家,空间免费,记得随时备份。这上面也可以绑定自己域名,怎么搞怎么方便,看大家的啦
在这里插入图片描述
在这里插入图片描述

三、结束提醒

在Ftp目录下,未设置部分文件夹权限的情况下,请勿删除下面的index.html类型文件,不然直接访问http://www.beiwangshan.byethost11.com/就会暴露上面所有的文件。(就像我这个,哈哈)

参考文章:https://blog.51cto.com/beiwangshan/3148016

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值