阿里云快速搭建一个静态网站的方法步骤

前言：

作为一个初级程序员，都梦想着自己能搭建一个自己的个人网站，同时展示给其他人浏览。如果你刚开始接触可看一下，我建议先给自己的静态网站发布到服务器上去。

准备：

1、申请注册一个服务器

申请注册一个云服务器，可以阿里云、腾讯云等等。学生党使用服务器有优惠哈~

2、配置ftp\ssh环境

ps：我知道的是阿里云已经把ftp和ssh配置好了，如果有可以跳过此步骤。

具体步骤：

为了方便你后期的操作和使用，你需要配置ftp和ssh环境。（ftp：文件传输协议，通俗说就是上传下载文件；ssh：安全外壳协议，专为远程登录会话和其他网络服务提供安全性的协议，允许你使用其他的软件连接你的服务器）。

ftp环境配置方案链接：https://www.jb51.net/article/156423.htm
ssh环境配置方案链接：https://www.jb51.net/article/156422.htm

3、服务器相关远程连接软件

在使用我们的服务器时，我们需要远程连接并且要上传文件到服务器上去，这里我个人喜欢的两个软件是Xshell和Xftp。

Xshell： 是一个强大的安全终端模拟软件，它支持SSH1, SSH2, 以及Microsoft Windows 平台的TELNET 协议。Xshell 通过互联网到远程主机的安全连接以及它创新性的设计和特色帮助用户在复杂的网络环境中享受他们的工作。也就是说远程服务器的控制台。

Xftp：通俗说就是上传下载服务器文件。

4、Web 应用服务器相关配置

ps：这里我使用的是tomcat，因为后期放的是java相关的项目。如果是其他的语言可以找对应的web服务器，这里我主要介绍tomcat的配置过程。

4.1 首先配置tomcat之前需要配置java环境配置。

java环境配置方案链接: https://www.jb51.net/softjc/193398.html

4.2 配置tomcat

tomcat配置方案链接: https://www.jb51.net/article/108101.htm

5、 开启相应的端口

对外开放端口，这里我个人使用的是80或者8080端口。

针对阿里云服务器开启指定端口，需要以下步骤：

5.1 找到安全组配置

5.2 点击配置规则

5.3 点击添加安全组规则

5.4 端口范围格式为 80/80 ，授权对象可以查看“教我设置”，这里设置的是0.0.0.0/0，允许任何对象访问。

6、 制作自己的静态网站，等待发布。

比如以下形式：

7、 发布自己的静态网站

7.1 打开Xftp， 在linux下的tomcat目录下webapps下创建一个项目文件夹 。（我的位置在 /usr/local/development/tomcat7/webapps，创建了一个tree的项目）

7.2 将这个项目放在刚才创建的文件夹下面去。

7.3 重启tomcat。

8、 成功访问自己的网站

暂时没有域名，可以查看一下自己服务器的ip地址进行访问，记住自己设置的tomcat的端口号，例如：我的ip地址是180.20.123.30，端口号是8080，那么此时我要访问的的index页面的http应该是 http://180.20.123.30:8080/tree/index.html 。

完成了，是不是特别开心，快去给你的成果给你的小伙伴们show show~

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

赞 (0)

相关推荐

  • 阿里云快速搭建一个静态网站的方法步骤

    前言: 作为一个初级程序员,都梦想着自己能搭建一个自己的个人网站,同时展示给其他人浏览.如果你刚开始接触可看一下,我建议先给自己的静态网站发布到服务器上去. 准备: 1.申请注册一个服务器 申请注册一个云服务器,可以阿里云.腾讯云等等.学生党使用服务器有优惠哈~ 2.配置ftp\ssh环境 ps:我知道的是阿里云已经把ftp和ssh配置好了,如果有可以跳过此步骤. 具体步骤: 为了方便你后期的操作和使用,你需要配置ftp和ssh环境.(ftp:文件传输协议,通俗说就是上传下载文件:ssh:安全外

  • 一个小时快速搭建微信小程序的方法步骤

    一个小时快速搭建微信小程序的方法步骤

    「小程序」这个划时代的产品发布快一周了,互联网技术人都在摩拳擦掌,跃跃欲试.可是小程序目前还在内测,首批只发放了 200 个内测资格(泪流满面).本以为没有 AppID 这个月就与小程序无缘了,庆幸的是微信这两天发布了正式版开发者工具,无需内测邀请也可以尝鲜了. 因此也就有了我与「小程序」的初体验,而我的感受只有一个字--爽! 选择哪个「小程序」Demo? 在知名同性交友网站 Github 上,「小程序」的 Demo 不少,但是大多只是简单的 API 演示,有的甚至直接把页面数据写在了 json

  • VuePress 静态网站生成方法步骤

    使用技术: VuePress - Vue 驱动的静态网站生成器 仓库地址:https://github.com/yinian-R/vuepress-demo 全局安装 ## 安装 yarn global add vuepress # 或者:npm install -g vuepress 现有项目 如果你想在一个现有项目中使用 VuePress,同时想要在该项目中管理文档,则应该将 VuePress 安装为本地依赖. ## 没有项目可以初始化 yarn init ## 将 VuePress 作为一

  • 阿里云Centos7.X 如何对外开放端口的方法步骤

    一句话:如果你是买的各大厂商的云服务器,去安全组配置对应需要使用到的端口就可以啦! 因为博主用的是阿里云,所以这里就只介绍下阿里云如何开放端口,按着下面三张图来操作就行嘞 这个时候有同学就说了,不通过平台的方式行不行,我想锻炼我的Linux能力...当然可以,接下来介绍下直接在Linux上配置防火墙规则来开放端口(Centos7以上,Centos6和7用的防火墙规则不一样,这里不介绍Centos6) 先掌握下systemctl+firewall命令 描述 命令 查看firewall状态 syst

  • 搭建一个nodejs脚手架的方法步骤

    1 前言 1.1 像我们熟悉的 vue-cli,taro-cli 等脚手架,只需要输入简单的命令 taro init project ,即可快速帮我们生成一个初始项目.在日常开发中,有一个脚手架工具可以用来提高工作效率. 1.2 为什么需要脚手架 减少重复性的工作,从零创建一个项目和文件. 根据交互动态生成项目结构和配置文件等. 多人协作更为方便,不需要把文件传来传去. 1.3 怎样来搭建呢? 脚手架是怎么样进行构建的呢,我是借助了 taro-cli的思路. 1.4 本文的目标读者 1 想要学习

  • 用Java实现一个静态链表的方法步骤

    什么是静态链表? 对于线性链表,也可用一维数组来进行描述.这种描述方法便于在没有指针类型的高级程序设计语言中使用链表结构. 用数组描述的链表,即称为静态链表. 在C语言中,静态链表的表现形式即为结构体数组,结构体变量包括数据域data和游标CUR. 静态链表的节点 数据域:用于存储数据元素的值 游标:即数组下标,表示直接后继元素所在数组中的位置 public class StaticLinkedListNode<T> { public T data; // 数据 public int curs

  • 详解用Docker快速搭建一个博客网站

    详解用Docker快速搭建一个博客网站

    目录 一.准备工作 二.部署流程  三.访问测试 Halo 是一款现代化的个人独立博客系统,给习惯写博客的同学多一个选择. 官网地址:https://halo.run/ 一.准备工作 本章教程基于Docker搭建,所以需要你提前在服务器上安装好Docker环境. Docker安装教程:https://www.jb51.net/article/94067.htm 二.部署流程 (1)创建工作目录 mkdir ~/.halo && cd ~/.halo (2)下载配置文件到工作目录 wget

  • 如何快速搭建一个自己的服务器的详细教程（java环境）

    一.   服务器的购买 1. 我选择的是阿里云的服务器,学生价9.5元一个月,百度直接搜索阿里云,然后点击右上角登录,推荐大家用支付宝扫码登录,方便快捷.阿里云官网的东西比较多,登录后我找了很久也没有找到学生服务器在哪里卖,最后在咨询里找到了这个网址,https://promotion.aliyun.com/ntms/campus2017.html,购买的时候需要进行学生认证,按照他的要求一步步来就好,认证大概需要几个小时.如果你不是学生那就直接购买ecs服务器就好,首页就可以看到ecs服务器的

  • 阿里云CentOS7搭建Apache+PHP+MySQL环境

    最近要搭建一个阿里云的LMAP环境,选了CentOS7来做搭建. 1.Apache Centos7默认已经安装httpd服务,只是没有启动. 如果你需要全新安装,可以yum install -y httpd 启动服务:systemctl start httpd.service 设置开机自动启动:systemctl enable httpd.service Apache配置文件:/etc/httpd/conf/httpd.conf 项目默认存放目录为/var/www/html 你可以用vi来编辑或

  • 用Go+Vue.js快速搭建一个Web应用(初级demo)

    用Go+Vue.js快速搭建一个Web应用(初级demo)

    Vue.js做为目前前端最热门的库之一,为快速构建并开发前端项目多了一种思维模式.本文给大家介绍用Go+Vue.js快速搭建一个Web应用(初级demo). 环境准备: 1. 安装go语言,配置go开发环境: 2. 安装node.js以及npm环境: Gin的使用: 为了快速搭建后端应用,采用了Gin作为Web框架.Gin是用Golang实现的一种Web框架,api非常友好,且拥有出色的路由性能和详细的错误提示,如果你想快速开发一个高性能的生产环境,Gin是一个不错的选择. 下载和安装Gin:

随机推荐