阿里云快速搭建一个静态网站的方法步骤
<p><strong>前言：</strong></p><p> 作为一个初级程序员，都梦想着自己能搭建一个自己的个人网站，同时展示给其他人浏览。如果你刚开始接触可看一下，我建议先给自己的静态网站发布到服务器上去。</p><p><strong>准备：</strong></p><p><strong>1、申请注册一个服务器</strong></p><p>
申请注册一个云服务器，可以阿里云、腾讯云等等。学生党使用服务器有优惠哈~</p><p><strong>2、配置ftp\ssh环境</strong></p><p>
ps：我知道的是阿里云已经把ftp和ssh配置好了，如果有可以跳过此步骤。</p><p>
具体步骤：</p><p>
为了方便你后期的操作和使用，你需要配置ftp和ssh环境。（ftp：文件传输协议，通俗说就是上传下载文件；ssh：安全外壳协议，专为远程登录会话和其他网络服务提供安全性的协议，允许你使用其他的软件连接你的服务器）。</p><p>
ftp环境配置方案<br/>
ssh环境配置方案</p><p><strong>3、服务器相关远程连接软件</strong></p><p>
在使用我们的服务器时，我们需要远程连接并且要上传文件到服务器上去，这里我个人喜欢的两个软件是Xshell和Xftp。</p><p><img style="max-width:100%!important;height:auto!important;" title="阿里云快速搭建一个静态网站的方法步骤" alt="阿里云快速搭建一个静态网站的方法步骤" src="https://zhuji.jb51.net/uploads/img/202305/bb2d9756ab7092ea48e6c208d711aaad.jpg"/></p><p>
Xshell： 是一个强大的安全终端模拟软件，它支持SSH1, SSH2, 以及Microsoft Windows 平台的TELNET 协议。Xshell 通过互联网到远程主机的安全连接以及它创新性的设计和特色帮助用户在复杂的网络环境中享受他们的工作。也就是说远程服务器的控制台。</p><p><img style="max-width:100%!important;height:auto!important;" title="阿里云快速搭建一个静态网站的方法步骤" alt="阿里云快速搭建一个静态网站的方法步骤" src="https://zhuji.jb51.net/uploads/img/202305/e00ed0071745bd08a01b2cc90096b886.jpg"/></p><p>
Xftp：通俗说就是上传下载服务器文件。</p><p><img style="max-width:100%!important;height:auto!important;" title="阿里云快速搭建一个静态网站的方法步骤" alt="阿里云快速搭建一个静态网站的方法步骤" src="https://zhuji.jb51.net/uploads/img/202305/94a4eb5647cfb783cb02323a67326ba7.jpg"/></p><p><strong>4、Web 应用服务器相关配置</strong></p><p>
ps：这里我使用的是tomcat，因为后期放的是java相关的项目。如果是其他的语言可以找对应的web服务器，这里我主要介绍tomcat的配置过程。</p><p>
4.1 首先配置tomcat之前需要配置java环境配置。</p><p>
java环境配置方案链接: </p><p>
4.2 配置tomcat</p><p>
tomcat配置方案链接: </p><p><strong>5、 开启相应的端口</strong></p><p>
对外开放端口，这里我个人使用的是80或者8080端口。</p><p>
针对阿里云服务器开启指定端口，需要以下步骤：</p><p>
5.1 找到安全组配置</p><p><img style="max-width:100%!important;height:auto!important;" title="阿里云快速搭建一个静态网站的方法步骤" alt="阿里云快速搭建一个静态网站的方法步骤" src="https://zhuji.jb51.net/uploads/img/202305/7338637a7dbbf9cbe9185722a7d51314.jpg"/></p><p>
5.2 点击配置规则</p><p><img style="max-width:100%!important;height:auto!important;" title="阿里云快速搭建一个静态网站的方法步骤" alt="阿里云快速搭建一个静态网站的方法步骤" src="https://zhuji.jb51.net/uploads/img/202305/931a9266c0bb8d62b7171a0ec1842a37.jpg"/></p><p>
5.3 点击添加安全组规则</p><p><img style="max-width:100%!important;height:auto!important;" title="阿里云快速搭建一个静态网站的方法步骤" alt="阿里云快速搭建一个静态网站的方法步骤" src="https://zhuji.jb51.net/uploads/img/202305/845e538b440995cee6f404373b188b6b.jpg"/></p><p>
5.4 端口范围格式为 80/80 ，授权对象可以查看“教我设置”，这里设置的是0.0.0.0/0，允许任何对象访问。</p><p><img style="max-width:100%!important;height:auto!important;" title="阿里云快速搭建一个静态网站的方法步骤" alt="阿里云快速搭建一个静态网站的方法步骤" src="https://zhuji.jb51.net/uploads/img/202305/e29b2a81b62080fb1b9cf92043eedc51.jpg"/></p><p><strong>6、 制作自己的静态网站，等待发布。</strong></p><p>
比如以下形式：</p><p><img style="max-width:100%!important;height:auto!important;" title="阿里云快速搭建一个静态网站的方法步骤" alt="阿里云快速搭建一个静态网站的方法步骤" src="https://zhuji.jb51.net/uploads/img/202305/f9294f862ca94fd92c59971bf2d5c9d3.jpg"/></p><p><strong>7、 发布自己的静态网站</strong></p><p>
7.1 打开Xftp， 在linux下的tomcat目录下webapps下创建一个项目文件夹 。（我的位置在 /usr/local/development/tomcat7/webapps，创建了一个tree的项目）</p><p><img style="max-width:100%!important;height:auto!important;" title="阿里云快速搭建一个静态网站的方法步骤" alt="阿里云快速搭建一个静态网站的方法步骤" src="https://zhuji.jb51.net/uploads/img/202305/8985e2ca8913d0d717df133944093e8b.jpg"/></p><p>
7.2 将这个项目放在刚才创建的文件夹下面去。</p><p><img style="max-width:100%!important;height:auto!important;" title="阿里云快速搭建一个静态网站的方法步骤" alt="阿里云快速搭建一个静态网站的方法步骤" src="https://zhuji.jb51.net/uploads/img/202305/23436e7e8967d8ca23caa4e3a5142533.jpg"/></p><p>
7.3 重启tomcat。</p><p><strong>8、 成功访问自己的网站</strong></p><p>
暂时没有域名，可以查看一下自己服务器的ip地址进行访问，记住自己设置的tomcat的端口号，例如：我的ip地址是180.20.123.30，端口号是8080，那么此时我要访问的的index页面的http应该是 <code>http://180.20.123.30:8080/tree/index.html</code> 。</p><p><img style="max-width:100%!important;height:auto!important;" title="阿里云快速搭建一个静态网站的方法步骤" alt="阿里云快速搭建一个静态网站的方法步骤" src="https://zhuji.jb51.net/uploads/img/202305/0d44c36d55f3fac1e424013bd776c101.jpg"/></p><p>
完成了，是不是特别开心，快去给你的成果给你的小伙伴们show show~</p><p>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持服务器之家。</p>
頁:
[1]