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

个人网站发布 同时被 3 个专栏收录
1 篇文章 0 订阅
54 篇文章 0 订阅
2 篇文章 0 订阅

注**:本教程是在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天吧。到时候就会有审核的结果通过您填写的邮箱通知你。如果通过了的话,就可以通过域名访问你的网页了。恭喜你,你成功将网页放到外网了。快去告诉你朋友们吧!

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

©️2021 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值