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

news/2024/5/10 5:58:03/文章来源:https://blog.csdn.net/yuan_618859/article/details/89223073

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

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

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

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_826700.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

生成微信二维码,微信扫码登录网站

微信扫码登录网站 源码地址1(这个是nodejs项目实现):https://gitee.com/618859/wx_login_qrcode 源码地址2(这个是前端vue3项目中实现微信扫码登录源码): https://gitee.com/618859/wx_login_qrcode_vue 源码地址3(这个是前端vue2项目中实现微信扫码登录…

网站流量统计系统 phpMyVisites

phpMyVisites是一个网站流量统计系统,它能够提供非常详细的统计报告和高级图形报表。phpMyVisites不是一个Apache log分析工具,它建有自己的log。它的特点包括: 安装部署:提供可视化的安装向导,并且使用简单只要把一段…

基于LAMP 的NFS数据共享论坛网站

基于LAMP 的NFS数据共享论坛网站实现要求:1.在两台或多台Linux系统上安装LAP(Apache和php),一台安装mariadb,一台安装DNS服务器。2.其中LAP之间的网页数据是相同的,且安装Discuz论坛,论坛上传的…

史上最形象最清晰网站集群物理拓扑及逻辑拓扑图分享!

老鸟谈画图能力对运维人员的重要性http://oldboy.blog.51cto.com/2561410/1686224手把手带你快速做【最专业】的项目文档实战(已有500人看了视频)http://edu.51cto.com/course/course_id-4992.html手把手带你快速画【最专业】的逻辑架构图实战(已有1000人看了视频)http://edu.5…

网站开发流程管理

需求分析阶段:   这一阶段,您的需求分析人员首先设计出站点的SITEMAP,之后规划站点所需功能、内容结构页面等。功能、内容结构页面演示给客户可以让您迅速的了解到客户真实需求。减少变更的可能性。该阶段所要输出的文档:A&…

如何简单的抓取网站数据

1.首先,用带debug的火狐浏览器,访问要抓取的网站,通过debug的控制台或网络找到数据的接口。2.Spring框架自3.0版本起,自带了任务调度功能,好比是一个轻量级的Quartz,而且使用起来也方便、简单,且…

用于加密研究的 5 大网站

用于加密研究的 5 大网站 DeFi是一个术语,指建立在区块链基础上的一组金融工具。这个想法是允许任何有互联网接入的人不经过中间商就可以借贷。DeFi是区块链和去中心化网络空间中增长最快的领域之一。 需要了解能够帮助您利用DeFi趋势的工具。DeFi工具提供了多种不…

10 个Web3 设计灵感网站

10 个Web3 设计灵感网站:Cosmos、Axies Infinity、DeSo Foundation、Foundation App、Llama、Snapshot、Juicebox、Alchemy、RabbitHole 正如Twitter前首席执行官Jack Dorsey最近发的一条推文“你不拥有web3,但风险投资家拥有”,而Marc Andre…

阿里云盾网站安全防御(WAF)的使用方法(图文)

2019独角兽企业重金招聘Python工程师标准>>> 将2个网站搬到阿里云,一个是因为阿里云稳定,另一个就是牛逼轰轰的云盾了。之前在博客联盟群里模拟CC攻击过搭建在阿里云ECS上的博客,结果云盾毫无反应,而网站已经挂了。 这…

05.网站点击流数据分析项目_模块开发_ETL

项目的数据分析过程在hadoop集群上实现,主要应用hive数据仓库工具,因此,采集并经过预处理后的数据,需 要加载到hive数据仓库中,以进行后续的挖掘分析。 ETL:用来描述将数据从来源端经过抽取(ext…

关于'大热网'SEO及百度推广的研究(上)

基本概念 SEO:搜索引擎优化,简单来说就是 靠自己做优化,使得排名靠前,时间长见效慢。 SEM:搜索引擎营销,简单来说就是 给“baidu”等搜索引擎钱,通过推广竞价的方式,达到排名靠前的效果&#xf…

python+flask搭建CNN在线识别手写中文网站

使用pythonflask搭建的一个网站,然后从网页的写字板上获取鼠标手写的汉字经过转码后传回后台,并经过图片裁剪处理之后传入CNN手写中文识别的模型中进行识别,最后通过PIL将识别结果生成图片,最后异步回传给web端进行识别结果展示。…

flask微视频网站(环境准备)

文章目录简介项目结构蓝图数据库简介 跟着做一个微电影视频网站WindowsPython3.9.6MySQL8.0pycharm安装py虚拟环境# 不添加源就会失败,还提示你要升级pip,千万别升级! pip install -i http://pypi.douban.com/simple/ --trusted-host pypi.d…

flask视频网站(前端)

文章目录前端界面前台电影列表404后台小结前端界面 前端的搭建目前水平只能靠模板了 在templates中新建admin/home 前台 搭建顶部和底部,新建 home.html 这部分是所有页面都要用到的,后面的模板继承也是基于此,用block增加内容&#xff01…

flask视频网站(后台管理)

文章目录简介管理员登录标签管理电影管理电影预告管理会员管理评论管理电影收藏管理员密码修改日志管理操作日志管理员登录日志会员登录日志小结简介 这一部分要实现具体的后台管理逻辑基本逻辑如下: 管理员登录 将之前models中数据库的认证部分移动到app初始化…

flask视频网站(权限控制)

文章目录AuthRoleAdmin权限控制Auth 基于角色的访问权限控制 有的管理员只能访问日志,而有的能访问会员列表,有的管理电影这部分还属于admin 从创建表单模型开始,别着急class AuthForm(FlaskForm):"""访问权限控制"&quo…

ASP.NET Core 网站在Docker中运行

Docker作为新一代的虚拟化方式,未来肯定会得到广泛的应用,传统虚拟机的部署方式要保证开发环境、测试环境、UAT环境、生产环境的依赖一致性,需要大量的运维人力,使用Docker我们可以实现一次部署,到处运行。 本文介绍如…

给你介绍一个假的苹果网站,能肉眼看出来算我输!

这或许是用肉眼最难分辨的钓鱼网站,没有之一,不信你试试,能看出端倪吗? 网站的 URL 地址显示的是苹果官网,网址旁边是安全字样和绿色小锁,表示网站信息基于 https 加密传输,完全没什么问题&…

新手如何掌握制作和提交网站地图?

新手如何掌握制作和提交网站地图?网站地图作为根据网站的结构,框架,内容生成的导航网页文件。大多数人都知道网站地图对于提高用户体验有好处:它们为网站访问者指明方向,并帮助迷失的访问者找到他们想看的页面。那么什么是网站地…

006-网站统计中的数据收集原理及实现

网站数据统计分析工具是网站站长和运营人员经常使用的一种工具,比较常用的有谷歌分析、百度统计和腾讯分析等等。所有这些统计分析工具的第一步都是网站访问数据的收集。目前主流的数据收集方式基本都是基于javascript的。本文将简要分析这种数据收集的原理&#xf…