怎样自己创建一个个人网站,怎样将自己写的网站发布到外网?

2 篇文章 1 订阅
1 篇文章 1 订阅

注**:本教程是在window平台上的展示:
以下只是一个简单的html网页,如果想了解整体系统功能(包括登录,注册,数据库,后台等功能)可以加我微信号yizheng369咨询哈


华丽分割线

注意:
1.如果下面的某一步,你看不懂,就加我微信号yizheng369问我
2.如果你不想问,你就看这个视频教程https://www.bilibili.com/video/av66944159#reply2165399100
3.注意视频里,在选择服务器时,一定要是centos 7.6版本的。视频下面很多人评论的,看看你的问题是不是跟他们的一样。
4.如果你发现选错了服务器,就更换就行,看这个连接
https://jingyan.baidu.com/article/4b07be3c8e5a8548b280f371.html
5.最后祝你成功!不要放弃,就能成功。

这里是视频教程,可点击观看喔!

https://www.bilibili.com/video/av66944159#reply2165399100

重要的事情说一遍:这里是视频教程喔,可以点击看
重要的事情说二遍:这里是视频教程喔,可以点击看
重要的事情说三遍:这里是视频教程喔,可以点击看
点这里,视频
点视频看
点视看
在这里插入图片描述

第一:写好网页:(如果你不想看以下文字,就点击头部的视频教程看哈)

1.首先你要编写好网页,最简单的就是用div+css写一个静态的html文件,如:index.html。

第二:购买服务器和域名,用于存放你的网页

1.购买一台服务器,建议去阿里云的centos服务器。

服务器:为什么要服务器呢?服务器是用来存放你的网页的,只有存放在上面才能被大家访问到。
直接登录阿里云官网购买即可。

购买的时候要注意几点:
(1)去阿里云官网,注册一个账号。用自己的邮箱或者手机,然后在电脑里建个文件记下来自己的账号,以后备用。
(2)然后购买服务器,一定要注意,建议新手选择centos类型的服务器,因为相对比较容易操作,稳定性相对好。
(3)购买过程尽量慢一点,看准每个选项的内容,不要急着点击“下一步”。如果点错了也可以点击“上一步”退回去的。如果不放心,购买的流程的每一个页面都可以截图,然后保存下来。有什么问题就可以翻看。
(4)[特别注意]:有一个环节是要你填写密码的,密码一定要记住。可以先在自己的手机里面设好这个密码,再填写进去。
这个密码有什么用呢?这个密码就是你连接服务器的密码。密码是大写,小写,数字组合的。一定要记下来。要不接下来你就连不上服务器了。
然后连接服务器的账号,默认是:root,这个也可以记下来。账号:root,密码:(你自己设置的),到时就可以连接服务器了。
(5)最后就购买就行了,服务器的选择:可以购买1个月的,1核的,40GB硬盘的,就行了。这个用于自己网页的展示足够了。如果自己要求高点的话,可以自己选择。1个月后也可以续费的,到时候如果觉得配置不够,也可以升级的。只是多加点钱而已,哈哈。

2.购买域名。

域名:是一个简单的地址名字,方便别人找到你的网页,访问你的网页:如百度官网的:baidu.com
直接上阿里云官网购买就可以了,可以选择自己喜欢的域名。

第三:准备上传的工具

我们要将你自己电脑里面的网页上传到服务器,需要借助一些工具。

1.git工具,用于上传网页。利用git连接你刚才购买的远程服务器,然后上传你的网页,使得网页能够正常通过ip地址访问。
(1)首先你要去git官网(https://git-scm.com/)下载git,然后解压安装就行。至于安装到那个文件夹下面,可自己选择,也可以不用选择,直接安装就好。
(2)安装好之后,在“开始”程序的地方,找到git文件夹,下面有3个程序,我们选择:git Bash,点击打开git Bash。然后你就看到一个黑色的窗口,就是他。
(3)下面开始一系列的git命令语句,用于连接远程服务器和上传网页文件
A.首先:输入: git --version 然后按enter,查看git的版本
B.然后,连接你的远程服务器:输入:ssh root@33.88.254.554 然后按enter,然后他叫你输入密码:那密码就是你购买服务器的时候设置的那个密码(大写+小写+数字的),输入密码的时候是看不到的,你自己默念输入完了后,就按enter,然后就开始连接你的服务器了。前面那个ip写你自己的“阿里云服务器公网ip”一定要写你自己的哈。就在你购买阿里云服务器的地方就可以查看。如果成功,就会看到Welcome to Alibaba…等英文。如果输入密码错误,连接不上,可以多输入几次,可能是心急输错的,慢慢来。如果你忘记密码了,你就看看怎么去官网里面找回来咯。
C.连上远程服务器后,这时候,我们要在远程服务器上再安装一台“nginx”web服务器,来响应我们的访问。记住:我们现在是在远程服务器上。然后输入:nginx -t 然后按enter,查看到底之前有没有安装“nginx”了。此时,有2种情况:
c1.如果你看到…syntax is ok就证明已经安装了“nginx”了。
c2.但如果你看到:-bash: nginxs: command not found等英文,那说明还没安装,那就需要你去安装,怎么安装呢?我们用yum命令,首先我们检查一下能不能使用yum命令,好了。输入:yum 然后按enter,此时又有2种情况:
第一:输出很多信息,一些Options的列表,证明yum命令可以使用。
第二:但如果你看到:-bash: nginxs: command not found等英文,那说明yum命令不能使用,那这时候,你要去想办法安装yum的插件。不过一般不会出现这种情况,如果真出现了,就百度一下吧。百度搜索:如何在centos上安装yum

D.到这一步,你已经确定yum命令可以使用了,那我们输入:yum install nginx 然后按enter,就自动安装nginx了。我们等待其安装。中间他会问你是否确认安装,你就输入:y 然后按enter,就可以了。(y:是yes的意思)
E.安装完“nginx”后,再次输入:nginx -t 然后按enter,检查一下安装情况,然后你看到…syntax is ok,然后是… /etc/nginx/nginx.conf test is successful 就证明“nginx”安装好了。
F.然后,我们去到nginx的目录中找到nginx.conf文件,我们要修改这个文件。我们看上一行,我们发现nginx.conf文件就在这个路径下/etc/nginx/nginx.conf 好,那么我们输入:vim /etc/nginx/nginx.conf 然后按enter,我们进入查看nginx.conf的模式,我们要修改这个文件。vim是一个编辑工具,就是说用vim来修改文件的意思。具体自己可以百度一下哈。也可以不用管,我们下一步。
G.我们看到很多内容,这时候你是修改不了的。因为现在是[查看模式],那我们按下键盘上删除键右边的插入键“Insert”,这时候,你会看到窗口左下角有–INSERT–字样,证明现在是[插入模式],这时,你就可以插入内容了,可以修改文件了。然后我们利用键盘上的“上下左右”的方向键来移动光标的方向,进行修改文件,那我们要修改什么呢?有2个地方需要修改,第一:在上面找到user nginx; 修改为:user root; 第二,下来后面,找到 location / { . }这个地方,将内容改为:location / {
root /www;
index index.html index.htm;
}

好了,改完这两个地方就可以了。然后我们要保存,然后退出。怎么操作呢?首先,按一下键盘右上角Esc键,然后输入 :wq 注意这里是输入 冒号wq 即“:wq”,不要漏了冒号,然后按enter,此时,我们就成功保存并退出了,到此,“nginx”的配置就做好了。
H.然后,我们去服务器的根目录看看有没有www这个文件夹,因为等下我们的网页要传上到这里才能被访问到的,输入:cd \ 然后按enter,我们就到了服务器的根目录,然后输入:ls 然后按enter,查看所有文件夹情况,你会看到很多文件夹,看看有没有www文件夹,如果没有,那我们输入:mkdir www 然后按enter,创建一个www文件夹,如果有了,就不用创建了。创建完后,我们再次输入: ls 然后按enter,再次检查一下是否创建成功。
I.然后,我们检查服务器上是否能运行scp命令,输入:scp 然后按enter,如果看到输出的结果不是:command not found,就证明可以使用。如果输出的结果是:scp: command not found ,那就要自己去百度一下如何在centos上安装scp了。一般不会出现。
J.好了,检查了scp命令,也创建完www文件夹后,远程服务器的设置已经全部准备好了,现在我们退出远程服务器,返回本地到自己本地。怎样退出呢?输入:logout 然后按enter,就退出远程连接了,回到本地了。
K.回到本地后,我们也在本地也检查一下scp命令是否能用,同样输入:scp 然后按enter。如果看到的不是 command not found,就证明可以使用。如果输出的结果是:scp: command not found ,那就要自己去百度一下如何在git上安装scp了。一般不会出现。
L.确定,可以使用scp命令后,现在我们准备将本地的网页传到服务器上,传到www的文件夹上,那么就可以访问了。怎么操作呢?首先确定你的网页在本地的那个文件夹下面。比如在e盘的web文件里面。那么,我们输入的格式是:(scp -r 本地网页路径 root@你的阿里云服务器公网ip:/服务器上文件夹),
例如你会这样输入 scp -r e:/web/index.html root@33.88.254.354:/www
又或者你的web文件夹里面有很多文件,你想全部都上传,
那么你可以这样输入 scp -r e:/web/* root@33.88.254.554:/www
然后按enter,然后他叫你输入密码,你输入密码后,然后再按enter,就会将你的文件上传到远程服务器上的www文件夹下面了。这里要注意,那个“阿里云服务器公网ip”一定要写你自己的哈。就在你购买阿里云服务器的地方就可以查看。
M.好了,上传完后。我们再次登上远程服务器,看看上面的文件情况。输入:ssh root@33.88.254.554 然后按enter,然后输入你的密码,就登上了。注意前面那个ip地址一定要输入你自己的“阿里云服务器公网ip”。然后,去要到根目录,就输入:cd \ 然后按enter,接着,我们查看根目录的所有文件夹情况,输入:ls ,然后按enter,就列出所有的文件夹了,然后我们进入www文件夹,看看刚才上传的文件是否都在这里面。输入:cd www 然后按enter,就可以看到刚才上传的所有文件了。确定没错之后,就可以了。
N.最后,我们退出远程登录,输入:logout 然后按enter,我们就回到本地了,然后输入:exit 然后按enter,我们退出git Bash黑色窗口。
O.如果,你顺利到了这一步的话,那么就可以通过“阿里云服务器公网ip”访问你的网页了哈。打开浏览器,输入你的ip,如:http://33.88.254.554 然后按enter,就可以看到你的网页了。恭喜你取得阶段性的成功了。后面就可以通过设置“域名解析”和“网站备案”,就可完全成功了。

第四:域名解析设置。

将公网ip和购买的域名绑定,实现通过域名就能访问到你的服务器。
在购买到的域名列表的地方,设置“域名解析”,将域名和服务器的公网ip绑定在一起。
为什么要这样做呢?
因为当你或你的朋友,通过域名来访问你的网页的时候。
其实中间是经过这样的处理的:
(1)你通过域名访问网页,
(2)然后浏览器根据“你的域名”去找相应的“服务器的公网ip”(因为你的网页在服务器上,而服务器的地址就是ip,所以浏览器找到服务器的ip,也就能拿到网页了。)
(3)然后通过ip找到你的服务器,然后拿到你的网页,然后就显示给你看到。
好了,将你的“阿里云服务器公网ip”和你的“域名”绑定后,你可以在浏览器中输入你的域名,直接访问你的网站看看,看能否成功。
哈哈,这时,你将看到一个提醒你需要“备案”的页面,就是要进行网页备案,才能通过域名正常访问。好,那我们就去阿里云里面备案吧!

第五:备案。

备案,是国家管理部门为了规范网络环境的安全而做的审查。就是说你的网页要经过有关部门的审查,确定合法后,就可以通过域名访问了。
备案,就在阿里云里面填写自己的资料就可以了,有一个备案的入口,就去就把自己的个人信息填写好就行。如果是企业的话,就填企业的信息。
上传你的身份证,还要打印一张承诺书,然后签名,然后上传承诺书图片,就可以了。
然后1天之内就会[初审],有工作人员打电话过来的,注意要接听。一般是浙江那边的固定电话打来的,一定要听喔。
然后如果没什么特殊的情况,就提交到有关部门进行[最后审核]。大概要3-5天吧。到时候就会有审核的结果通过您填写的邮箱通知你。如果通过了的话,就可以通过域名访问你的网页了。恭喜你,你成功将网页放到外网了。快去告诉你朋友们吧!

虽然过程有些艰辛的,但如果你能坚持走下来,你能学会很多。
细节很多,如果看不明白,可以评论,愿意为你详细道来,哈哈!
希望对大家有帮助,如有不妥处,欢迎指出!

如有帮助,请博主喝杯茶吧

在这里插入图片描述

  • 66
    点赞
  • 355
    收藏
    觉得还不错? 一键收藏
  • 11
    评论
房少房产系统网站 源码描述: 一、源码介绍 房少房产系统,全网唯一拥有pc端+手机端内外网erp和外网运营的中介系统,适用于房产门户和联盟的多个场景,拥有新房、二手房、出租房、小区、问答等多套系统满足各类型房产企业电商化发展需求 ;首家百分百开源房少房产系统网站,帮您一站式快速搭建类似58.链家,安居客网站平台 二、主要功能 产品特色: 网站所有信息和软件系统同步,技术方案成熟稳定,支持各类房产中介业务场景,可以方便的进行网站的管理,实现高度的信息化 帮您一站式快速搭建类似于链家,58,我爱我家,房多多,Q房网, 房天下,等网站平台,提升了企业品牌形象和服务范围,客户可实现在线的房源查询和发布。 建立自己的运营平台,拥有自主的房产电商平台,不仅能够便捷地接收网络订单,还能挖掘更多的潜在客户; 多区域分站平台,系统后台管理员对某区域绑定相对应子域名就能迅速形成一个新的分站系统,快速跨区域扩张自已的业务。 开拓连锁加盟事业,运用系统超强的会员分配权限,可以提供自主运营与加盟运营相结合模式。加盟商的管理权限可以自由分配。 二次开发成其它电商产品,系统源码提供,丰富优秀的源码能支持您迅速二次开发成您所需求的其它产品平台。 房产电商细分门户,根据运营者的需求,可对家新房,二手房、出租、商业地产(商铺与字档)、楼盘分销等功能模板单独或组合运营。 平台植入广告,吸引客源,增加企业知名度,树立品牌形象,达到互利共赢,专业的网络维护交给我们,您只管专心做好平台运营。 三、注意事项 安装步骤: 1、解压后下载phpStudySetup(https://pan.baidu.com/s/1i5kkVCL),下载后双击phpStudySetup,解压路径默认C:\phpStudy,修改为D:\phpStudy 2、安装后D盘phpStudy文件夹中的PHPTutorial文件夹中有个WWW文件夹,清空WWW文件夹中的文件 3、将解压的房少2.7.10学习版文件夹中的所有文件复制到D:\phpStudy\PHPTutorial\WWW中 4、双击D:\phpStudy中的phpStudy或者桌面的快捷方式,点击切换版本(如有更新,请等待升级完成后点击),选择php-5.6.27-nts + Apache 5、启动后打开浏览器访问127.0.0.1根据提示安装房少 6、安装成功后点击进入后台即可,以后想访问房少可以直接访问127.0.0.1 7、为了您站点的安全,安装完成后即可将WWW下的install文件夹删除,如需重新安装可以删除创建的数据库和install文件夹中的install.lock文件 8、其他电脑想使用房少需要与安装的电脑处于同一个局域网(比如所有电脑连接同一个wifi) 9、关闭安装房少电脑的防火墙,处于同一局域网的电脑可通过浏览器访问此电脑的IP地址使用房少 10、鼠标右键点击计算机→属性→控制面板主页→系统和安全→Windows防火墙→打开或关闭Windows防火墙选择关闭可关闭防火墙 11、鼠标右键点击网络→属性→无线网络连接→详细信息中的IPv4 地址就是此电脑的ip地址,同一局域网的电脑可通过浏览器访问此IP使用房少 12、使用房少需要保持phpStudy处于启动状态,可以根据个人需求启动phpStudy后电脑保持开机状态(随时可以使用)或者在使用时启动phpStudy

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值