【网络编程】从零开始搭建一个自己的网站(静态网页)

已于 2022-06-18 22:27:10 修改
阅读量5.7k 收藏 97
点赞数 11
分类专栏： Windows 网络知识和建站实战 文章标签： 网络 服务器 腾讯云
于 2022-06-15 00:45:51 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/AnChenliang_1002/article/details/125268556
版权

最近突然对想试着做一个自己的网站，经过不懈的查资料总算是实现了一个简单的网站，实现后会发现其实挺简单的，即使是不懂编程也能很轻松的完成，毫不夸张的说，熟悉的话十来分钟就能完成。现记录一下过程：
如果你对linux有一定的接触和了解，那么推荐你使用第一种方法进行搭建；如果你对linux不熟悉，只想通过图形页面点点点，那么推荐第二种方法进行搭建。

文章目录

方法1：使用Linux指令

1、一个html文件和一张图片

本文为了主要为了演示创建网站的过程，所以对网页的内容只是简单实现了一下，只有简单的内容+图片；首先写一个html文件，代码如下；可以在桌面新建一个名为web的文件夹，在文件夹里新建一个txt文件，然后把以下代码复制进去，最后把名字改为index.html，然后在文件夹里放一张你想在网页上展示的图片，名字改为pic.jpeg即可。

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>test</title>
	<style>
		body{
			text-align:center;
			padding:50px;
		}
	</style>
</head>
<body>
	<p>求关注</p>
	<img src="pic.jpeg" />
</body>
</html>

完成后，将刚刚新建的index.html文件拖到浏览器中打开，即可在本地呈现最终的效果。如下图
在这里插入图片描述

但是现在仅仅是在自己本地的电脑实现了，如何让其他人也能访问到这个网页呢？这时候就需要一个能被公网访问的服务器了。其实说起服务器，本质上也就是一台能联网的电脑嘛，所以只要你想，你自己的电脑也可以成为服务器。具体实现请看下一节。

2、创建服务器

创建一台自己的服务器，方式有很多种，可以租借一台云服务器；找一个云虚拟主机专门用来放网页文件；或者只要你想，你可以把你自己正在用的这台电脑变成服务器。我自己尝试了云服务器和使用自己电脑两种方式，经过我的实测，还是感觉云服务器更方便，现在很多国内的互联网大厂都提供了云服务器租借服务，学生用还是很便宜的，所以更推荐使用租借云服务器的方式创建服务器。

方式1：云服务器（推荐）

现在很过国内的大厂都提供了云服务器租借服务，比如阿里云、腾讯云、华为云、网易云等等，经过我多方比较，发现在我购买的时候（2022.6.14），腾讯云最便宜，45块钱一年，（可能是赶上618活动了吧，哈哈哈）所以我就购买了腾讯云的。
腾讯云官网：https://cloud.tencent.com/act/cps/redirect?redirect=2260&cps_key=5c9d8709f8a7d925d2594ce534f28de5&from=console

系统方面更推荐用CentOS，至于版本，7.0以上的版本都可以，我这里选择的最新的CentOS 8.2。
购买完成后，点到控制台，在控制台中就能看到准备好的服务器了，点击登录
在这里插入图片描述

记得在上图的“更多”选项里改一个自己常用的密码，后面要用到的。有了服务器后，怎么把网页文件放进去呢？可以在控制台点击登录，直接在网页端操作服务器，但是这样显然不够灵活；所以一般我们使用ssh连接的方式远程操作服务器，常用的软件是xshell，一款免费的远程连接工具，具体的安装方法百度搜索即可。

xshell安装完成后，新建会话，名称写一个你方便记忆的名称就好，主机地址填写你的服务器公网ip，端口号就是22，直接点连接，输入用户名root和密码，然后你就可以像操作自己本地的电脑一样操作云服务器执行一些命令了。
新建一个web文件夹，然后把第一节写好的两个文件拖进去：

mkdir web
cd web

在这里插入图片描述

完成后如下图：
在这里插入图片描述

就会发现云服务器里的web文件夹下已经有咱们刚刚写好的index.html文件了。但是我们怎么在浏览器中看到这个文件呢？直接访问服务器的ip，再加上文件在服务器中的位置可以吗？你可以试一下，在浏览器中输入（10.41.62.166/web/index.html），（我这里假设我服务器ip是10.41.62.166，你需要换上你自己的云服务器ip;注意，是公网ip）发现不行，连接失败。因为当我们直接输入ip时，默认会访问服务器的80端口，我们敲netstat -nltp 命令看一下,发现80端口根本就没有程序在运行，因为我们还要安装web服务器软件，提供网站访问能力。博主推荐使用nginx，使用以下在线安装即可。

yum install nginx

安装过程需要输入Y确定，然后就一直刷刷刷，刷的非常开心，不一会儿就安装完成了。安装完成后，执行nginx命令启动web服务器，再netstat -nltp看一下端口占用，会发现80端口被nginx服务器占用了然后直接访问云服务器ip地址，在浏览器界面输入10.41.62.166（换成你自己的服务器ip），效果图如下，
在这里插入图片描述

虽然一片红，但是恰恰说明成功了，我们访问到了nginx的默认页面，nginx默认页面的html文件是放在/usr/share/nginx/html下面的。那接下来很简单了，我们只需要进入到这个存放网页的文件夹，

cd /usr/share/nginx/html

然后我们把他原来的文件删掉

rm -rf index.html

再把自己的网页文件（前面自己写的index.html和pic.jpeg）拖到这个文件夹下面，然后我们再去浏览器界面访问服务器ip，我们的网站就访问成功了。
在这里插入图片描述

但是这种删除原有文件的方式其实是不好的，你要是一不小心把命令输错了不就成了删库跑路了嘛；所以，除了覆盖原目录下的文件，我们还可以将nginx的默认打开路径，修改为咱们自己的路径，步骤如下：

先进入nginx路径：

cd /usr/share/nginx/html

将第一步咱们新建的web文件夹（里面有html文件和jpeg文件）复制过来：

cp -R /root/web/ ./

在这里插入图片描述

然后进入到nginx的配置目录下

cd /etc/nginx

修改配置文件

vim nginx.conf

如下图，
在这里插入图片描述

默认他读取的是/usr/share/nginx/html下的网页文件，那我们只要把这个路径改成自己网页文件在服务器上所在的路径就可以了，比如修改为刚刚建立的web文件夹：
在这里插入图片描述
保存退出，然后重启nginx：

nginx -s reload

再去访问你服务器ip，结果如下：
在这里插入图片描述

方式2：使用自己的笔记本（不推荐）

我在前面提到过，只要你想，你自己的电脑也可以成为服务器；那么怎么实现呢，那么要求你的电脑有Ubuntu系统或CentOS系统，纯系统或者虚拟机都可以。下面分别介绍网页在Ubuntu和CentOS上的实现。

1、CentOS
配置上网

CentOS版本是7.6，安装在VMware虚拟机中，启动CentOS系统，先修改配置网卡配置文件：

vim /etc/sysconfig/network-scripts/ifcfg-ens33

在这里插入图片描述
修改ONBOOT=yes
然后重启网络服务：

systemctl restart network

测试一下网络：

ping baidu.com

在这里插入图片描述
能ping通说明网络没问题了。

设置静态ip

查看本地ip:

ifconfig

在这里插入图片描述
之前的网络配置是使用dhcp方式分配ip地址，这种方式会在系统每次联网的时候分配一个ip给我们用，也就是说有可能系统下次启动的时候ip会变，这样非常不方便我们管理。

网段和网关可以通过以下方式查看：
编辑->虚拟网络编辑器
在这里插入图片描述
然后按照1->2->3的步骤，即可看到网段为192.168.92.0；网关为192.168.92.2
在这里插入图片描述
配置静态ip首先需要打开网卡配置文件

vi /etc/sysconfig/network-scripts/ifcfg-ens33

修改启动协议 BOOTPROTO=static
手动配置ip地址，配置规则如下：

TYPE=Ethernet
PROXY_METHOD=none
BROWSER_ONLY=no
BOOTPROTO=static
DEFROUTE=yes
IPV4_FAILURE_FATAL=no
IPV6INIT=yes
IPV6_AUTOCONF=yes
IPV6_DEFROUTE=yes
IPV6_FAILURE_FATAL=no
IPV6_ADDR_GEN_MODE=stable-privacy
NAME=ens33
UUID=d768f819-cfc1-4a6d-8bf5-cd7359a86c75
DEVICE=ens33
ONBOOT=yes
# IP地址 （根据自己的环境修改）
IPADDR=192.168.92.101
# 子网掩码
NETMASK=255.255.255.0
# 网关（根据自己的环境修改）
GATEWAY=192.168.92.2
#DNS
DNS1=223.5.5.5

IP地址根据上图的子网地址来生成，把子网的最后一个数字改大点就好，比如我改成了101，即192.168.92.101；子网掩码设置为255.255.255.0；网关按照上图中你的子网掩码设置；DNS设置为223.5.5.5；

完整配置截图如下：
在这里插入图片描述
环境不同，ip地址可能不同，所以需要安装自己的ip网段和网关地址进行配置。

接下来重启网络服务

systemctl restart network

查看ip地址，发现ip地址已经变成固定ip 192.168.92.101：

在这里插入图片描述

一些公网DNS服务器
#阿里
223.5.5.5
223.6.6.6
#腾讯
119.29.29.29
182.254.118.118
#百度
180.76.76.76
#114 DNS
114.114.114.114
114.114.115.115
#谷歌
8.8.8.8
8.8.4.4
安装nginx

安装nginx，整个过程跟云服务器上的CentOS完全一样了；首先是在线安装nginx

yum install nginx

遇到的问题1：
提示没有可用的软件包。
解决：
当出现这个问题时，说明yum源中已经没有对应的安装包了，需要我们安装epel( Extra Packages for Enterprise Linux 企业版 Linux 额外包),指令如下：

yum install -y epel-release

安装完成后，再执行安装nginx的命令即可安装成功。
然后启动nginx，输入以下指令：

nginx

此时运行netstat -nltp，可以看到80端口被nginx占用，此时就可以通过ip访问咱们的CentOS系统了。

在这里插入图片描述
使用ifconfig可以看到本机的ip，如下图所示：

在这里插入图片描述

此时正常来讲在浏览器输入你的CentOS ip，就能访问了，我们试一下
在这里插入图片描述
果然能访问了，如果你的还是不能访问，且确定nginx已经运行，80端口已经被nginx占用，那就可能是网络防火墙拦截了，把网络防火墙关闭即可。指令如下：

安装nginx后，80端口已经打开，但是网页还是无法打开
防火墙问题导致，这时需要关闭防火墙

systemctl stop firewalld.service

访问ip出现的是centOS欢迎页
在这里插入图片描述
访问服务器IP后发现出现的是CentOS的欢迎页面，而不是nginx的欢迎页面，起初以为是Nginx没有启动成功，后来发现nginx.conf中指向的就是CentOS的欢迎页面
root /usr/share/nginx/html; 这一条设置就是指向页面设置

 vim /etc/nginx/nginx.conf

在这里插入图片描述
要想访问自己的网页，那就把自己写的网页文件（第一节中创建的html文件和jpeg文件）放入 /usr/share/nginx/html这个目录下即可。此时再去访问CentOS ip，效果图如下：

在这里插入图片描述
但是这种删除原有文件的方式其实是不好的，你要是一不小心把命令输错了不就成了删库跑路了嘛；所以，除了覆盖原目录下的文件，我们还可以将nginx的默认打开路径，修改为咱们自己的路径，步骤如下：

先进入nginx路径：

cd /usr/share/nginx/html

将第一步咱们新建的web文件夹（里面有html文件和jpeg文件）复制过来：

cp -R /root/web/ ./

在这里插入图片描述

然后进入到nginx的配置目录下

cd /etc/nginx

修改配置文件

vim nginx.conf

如下图，
在这里插入图片描述

默认他读取的是/usr/share/nginx/html下的网页文件，那我们只要把这个路径改成自己网页文件在服务器上所在的路径就可以了，比如修改为刚刚建立的web文件夹：
在这里插入图片描述
保存退出，然后重启nginx：

nginx -s reload

再去访问你服务器ip，结果如下：
在这里插入图片描述

Centos7 防火墙的关闭

CentOS 7.0默认使用的是firewall作为防火墙

查看防火墙状态

firewall-cmd --state

停止firewall

systemctl stop firewalld.service

禁止firewall开机启动

systemctl disable firewalld.service

放行端口

firewall-cmd --zone=public --add-port=80/tcp --permanent

重启防火墙

firewall-cmd --reload
2、Ubuntu

我使用的Ubuntu版本是Ubuntu 20.04，安装在VMware虚拟机。
进入Ubuntu系统，跟使用云服务器的方法类似，首先，在线安装nginx

sudo apt install nginx

安装完成后，再执行安装nginx的命令即可安装成功。
然后启动nginx，输入以下指令：

nginx

此时运行netstat -nltp，可以看到80端口被nginx占用，此时就可以通过ip访问咱们的Ubuntu系统了。
在这里插入图片描述
输入ifconfig查看自己电脑ip，

在这里插入图片描述
然后在浏览器输入此ip即可访问。结果如下图：
在这里插入图片描述
这是访问的nginx的默认页面，如果要访问咱们自己制作的网页，只需把刚刚创建的网页复制到/var/www/html/目录下，并将index.html改为index.nginx-debian.html，此时再去访问刚刚的ip，即可实现访问咱们自己的网页。

方法2：使用宝塔面板搭建

1、一个html文件和一张图片

本文为了主要为了演示创建网站的过程，所以对网页的内容只是简单实现了一下，只有简单的内容+图片；首先写一个html文件，代码如下；可以在桌面新建一个名为web的文件夹，在文件夹里新建一个txt文件，然后把以下代码复制进去，最后把名字改为index.html，然后在文件夹里放一张你想在网页上展示的图片，名字改为pic.jpeg即可。

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>test</title>
	<style>
		body{
			text-align:center;
			padding:50px;
		}
	</style>
</head>
<body>
	<p>求关注</p>
	<img src="pic.jpeg" />
</body>
</html>

完成后，将刚刚新建的index.html文件拖到浏览器中打开，即可在本地呈现最终的效果。如下图
在这里插入图片描述

但是现在仅仅是在自己本地的电脑实现了，如何让其他人也能访问到这个网页呢？这时候就需要一个能被公网访问的服务器了。其实说起服务器，本质上也就是一台能联网的电脑嘛，所以只要你想，你自己的电脑也可以成为服务器。具体实现请看下一节。

2、创建服务器

创建一台自己的服务器，方式有很多种，可以租借一台云服务器；找一个云虚拟主机专门用来放网页文件；或者只要你想，你可以把你自己正在用的这台电脑变成服务器。我自己尝试了云服务器和使用自己电脑两种方式，经过我的实测，还是感觉云服务器更方便，现在很多国内的互联网大厂都提供了云服务器租借服务，学生用还是很便宜的，所以更推荐使用租借云服务器的方式创建服务器。

现在很过国内的大厂都提供了云服务器租借服务，比如阿里云、腾讯云、华为云、网易云等等，经过我多方比较，发现在我购买的时候（2022.6.14），腾讯云最便宜，45块钱一年，（可能是赶上618活动了吧，哈哈哈）所以我就购买了腾讯云的。
腾讯云官网：https://cloud.tencent.com/act/cps/redirect?redirect=2260&cps_key=5c9d8709f8a7d925d2594ce534f28de5&from=console

系统方面更推荐用CentOS，至于版本，7.0以上的版本都可以，我这里选择的最新的CentOS 8.2。
购买完成后，点到控制台，在控制台中就能看到准备好的服务器了，点击登录
在这里插入图片描述

记得在上图的“更多”选项里改一个自己常用的密码，后面要用到的。有了服务器后，怎么把网页文件放进去呢？可以在控制台点击登录，直接在网页端操作服务器，但是这样显然不够灵活；所以一般我们使用ssh连接的方式远程操作服务器，常用的软件是xshell，一款免费的远程连接工具，具体的安装方法百度搜索即可。

xshell安装完成后，新建会话，名称写一个你方便记忆的名称就好，主机地址填写你的服务器公网ip，端口号就是22，直接点连接，输入用户名root和密码，然后你就可以像操作自己本地的电脑一样操作云服务器执行一些命令了。

有了云服务器后，安装宝塔面板：

宝塔面板是一款服务器管理软件，用户可以通过Web端轻松管理服务器，提升运维效率。例如：创建管理网站、FTP、数据库，拥有可视化文件管理器，可视化软件管理器，可视化CPU、内存、流量监控图表，计划任务等功能。

3、开放宝塔端口

首先，开放腾讯云服务器宝塔端口：
在这里插入图片描述
点进来后，点击防火墙：
可以看到我们的服务器仅开放了80、443、22、3389端口；腾讯云轻量应用服务器默认开放了80、443、22和3389四个端口；而宝塔Linux面板需要开放宝塔依赖的端口号8888、21和888，所以需要在防火墙增加开放对应的端口号。如下：
在这里插入图片描述
按照上图操作，分别添加8888、21和888端口：
在这里插入图片描述

4、安装宝塔

然后进入云服务器CentOS系统，如果你之前安装过Apache/Nginx/php/MySQL，要先删除；比如我之前通过yum在线安装了nginx，所以需要先卸载nginx：

yum remove nginx

然后安装宝塔：

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh

安装完成后，他会为我们提供一个默认的站点地址，默认用户名和密码，一定要保存好；如下图所示；
在这里插入图片描述
访问上图中的默认站点，
在这里插入图片描述
输入刚刚的用户密码进行登录，登录完成后，如果没有注册则进行注册，注册完成之后直接；
然后就进入宝塔主页面：
在这里插入图片描述
他会提示让我们安装一些软件，比如说nginx web服务器、数据库、PHP等。这里如果没什么特殊需求的话，我们就安装他推荐的环境，比较适合部署网站。安装过程如下：
在这里插入图片描述

等待安装的过程中，可以进入面板设置，修改一些设置，比如默认入口、默认用户名、密码等等。
至此，宝塔面板已经安装成功啦。

5、成功搭建网站

在宝塔界面，点击网站->添加站点->创建站点，输入域名，如果没有域名的话填你服务器ip就好，点击提交，成功创建站点。
在这里插入图片描述然后我们进入目录：
在这里插入图片描述
如下：
在这里插入图片描述
在目录里我们可以对网站文件进行管理，比如把里面的文件都删除，然后上传自己的文件：
在这里插入图片描述
然后点击“开始上传”，上传成功后如下：
在这里插入图片描述
然后我们打开一个浏览器，在浏览器里输入自己云服务器公网ip，最终效果如下：

在这里插入图片描述
OK，大功告成，一行代码都没敲。

乘凉~
关注
  • 11
    点赞
  • 踩
  • 97
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
5分钟从零开始搭建一个独立博客网站
01-07
通过HUGO+Heroku一键式建站上云 阅读这篇blog大约需要5分钟 用5分钟搭建一个独立博客网站，在云时代，一切皆有可能！ 今天向大家介绍一个很优秀的框架，Hugo项目。通过Go语言开发，能够快速的生成静态博客、内容网站。通过HUGO可以几秒钟搭建一个完全属于自己的博客网站。 Hugo项目主页: https://gohugo.io/ 然后可以通过Node.js几秒钟内起一个Web服务器，然后部署到云上即可。可以用之前介绍的Heroku PaaS平台。 主要涉及的工具和技术： Hugo Node.js Git, GitHub Heroku There are only two hard
Python3.7.2、Django-2.2.1。从零开始搭建一个完整博客网站。从基础编码到部署上线，走完整个流程。.zip
09-29
Python3.7.2、Django-2.2.1。从零开始搭建一个完整博客网站。从基础编码到部署上线，走完整个流程。
一个简单的HTML网页 、个人主页网页设计(HTML+CSS)
最新发布
网页设计与制作 | HTML+CSS+JS
06-04 541
🧑个人网页设计、🙋‍♂️个人简历制作、👨‍💼简单静态HTML个人网页作品、👨‍🏭个人介绍网站模板 、等网站的设计与制作。⭐个人网页设计网站模板采用DIV CSS布局制作，网页作品有多个页面，如 :个人介绍（文字页面）、我的作品（图片列表）、个人技能（图文页面）、在线留言（表单页面）CSS样式方面网页整体采用左右布局结构，制作了网页背景图片，导航区域每个导航背景色不同，导航背景色与页面背景呼应。🏅 一套A+的网页应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大
html网页制作——HTML+CSS学校静态网页设计——南京师范大学泰州学院（11页）
12-18 45
📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。📘网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。📒网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；
如何搭建自己的网站
acheding的博客
01-15 1万+
一、购买服务器 首先，得有一台 24 小时无间断运行的服务器，可以选择 Windows 服务器或者 Linux 服务器，Windows 服务器通过 IIS 部署，这个不算复杂，网上可以搜到一大堆教程，本文主要讲述 Ubuntu 服务器下部署 Vue 项目。 二、重置实例密码、设置密钥对 可以选择两种方式去访问服务器，一是通过实例密码，二是通过密钥对。 三、域名购买、备案、解析 买到服务器之后，就拥有属于自己的一片空间了，但是一长串的 IP 不容易记住怎么办，两个办法：①少熬点儿夜，提高记忆力。②挑
如何详细搭建一个属于自己的网站（适合小白）（超详细）
2301_81818516的博客
04-10 1万+
如何在阿里云服务器上搭建属于自己的网站
html静态网站基于游戏网站设计与实现共计10个页面 (仿地下城与勇士游戏网页)
qq__3200628753的博客
12-16 92
🎮游戏官网、⛹️游戏网站、🕹️电竞游戏、🎴游戏介绍、等网站的设计与制作。⭐ 网页中包含：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频音频元素，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。🏅 一套A+的网页应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保...
宝塔如何部署静态网页html
weixin_43465508的博客
04-25 3224
第三步：将index.php,改成index.html,然后将自己的代码复制上去。第二部找到一键部署，输入域名，没有域名就输入自己服务器的ip地址。第四步 输入ip和要访问的文件名的后缀。然后就可以看自己的静态网页了。
从零开始搭建Vue3+Vite+TS+Router+Pinia脚手架源码
11-04
在本文中，我们将深入探讨如何从零开始搭建一个基于Vue3、Vite、TypeScript（TS）、Vue Router和Pinia的脚手架源码。这是一个现代前端开发的常见配置，可以提供高效、类型安全以及组织良好的项目结构。下面将依次...
从零开始学C++
02-25
全书第1章通常会介绍C++的基础知识，包括编程环境的搭建、C++的历史和发展、以及编写第一个“Hello, World!”程序。这一章是入门者了解编程世界的起点，将帮助读者建立起对编程的基本认识和理解。 第2章通常会深入...
自由职业者博客工作室社交网站HTML静态模板
12-04
这个模板提供了预设的HTML代码，用户可以根据自己的需求进行修改，快速搭建起一个网站。 5. **静态模板**：这意味着所有内容在用户访问时就已经存在于服务器上，无需执行任何服务器端的程序。这使得网站加载速度快...
从零开始学java web
02-25
本教程“从零开始学Java Web”旨在帮助初学者系统地掌握这一领域的基础知识，从第一章到第十七章，内容全面且详细。下面我们将逐一探讨这些章节可能涵盖的关键知识点。 第一章：Java Web入门 这一章通常会介绍Java ...
从零开始：学习使用 Hugo 构建自己的静态网站
蜗牛的博客
03-02 2453
Hugo 是一个由 Go 语言编写的静态网站生成器。它可以帮助用户快速构建高性能的静态网站，特别是博客、文档和个人网站等。与其他静态网站生成器相比，Hugo 的特点是速度快、易于使用、可扩展性强等。Hugo 使用简单的 Markdown 和 HTML 等标记语言来创建内容，并使用 Go 语言的模板引擎来自定义主题和布局。Hugo 的优点还包括其跨平台性、低资源消耗和易于维护等。由于其快速编译和生成速度，Hugo 成为了流行的静态网站生成器之一。
手把手教你搭建一个属于自己的网站-适合零基础小白，文末附网站模板
qq_46788925的博客
08-23 8198
手把手教你搭建一个属于自己的网站-适合零基础小白写在前面搭建需求功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 写在前面 前段时间休息想着搭一个属于自己的网站，几经尝试终于成功了，网上其实有很多教程，但很多，希望这篇文章能够帮助到
从0到1搭建一个个人网站超详细教程
DeepLearning_的博客
11-10 2336
如何从0到1搭建一个可以外网访问的项目？我就用自己的服务器给大家举例，怎么从0到1搭建一个学生和新手可以用来面试的项目，老手也可以回忆一下自己逝去的青春。服务器在激活的时候会让你选系统，这个时候敖丙我个人建议，有点基础已经熟悉安装过程和环境配置的同学可以直接选择镜像，镜像市场里面有很多很适合的镜像，我选的就是带JDK8，Tomcat8，MySQL的镜像。没搞过的同学可以尝试着选个空白机，然后下好这些东西，一步步去尝试，我想收获还是会有的，跟你在自己电脑搭建的区别你会马上体会到。
利用服务器上宝塔快速部署静态HTML页面
m0_58035880的博客
04-09 5841
3.点击后弹出如图所示，域名填写自己购买的域名，如果没有则填服务器的IP地址，纯静态页面选择FTP，数据库，PHP版本，网站分类都如图所示。6.宝塔文件夹传送静态页面，点击根目录，把文件放到该文件夹中，注意静态页面主页名要为index.html。4.若购买了域名，则需要在购买网站中进行解析以腾讯云为例，点添加记录，记录值填服务器IP。1.购买腾讯云或者阿里云服务器，在服务上安装宝塔（较为简单，可以搜如何安装）5.打开服务器的80端口，在防火墙打开80端口。2.进入宝塔，点击左边网站，在点击添加站点。
用宝塔部署静态html页面
Gamin
10-19 1742
然后，点击跟目录进入其中。创建路由“/app/protocol”，随后往protocol目录中上传general-user.html文件。本文主要介绍用宝塔部署静态页面，比较简单，以部署一个用户协议为例。首先，去“网站”中“添加站点”。有域名用域名，没域名用IP。云服务器安装宝塔面板搭建LNMP环境，可以看另一文。用浏览器访问静态页面，效果如下。
如何搭建个人网站
热门推荐
lyonte的专栏
05-27 2万+
如何搭建个人网站---三个必备的因素，即：域名、服务器、程序。
阿里云服务器+宝塔 （尝试部署一个最简单的静态页面）
liyankang的博客
01-13 1243
使用阿里云服务器，配置宝塔面板，解决宝塔面板的无法访问问题，部署一个静态页面，新手可以试试哦
python搭建网页代码
04-24
可以使用Python的web框架，如Flask和Django。下面是一个使用Flask搭建网页的简单示例代码： ```python from flask import Flask, render_template app = Flask(__name__) @app.route('/') def index(): return 'Hello, World!' @app.route('/example') def example(): return render_template('example.html') if __name__ == '__main__': app.run(debug=True) ``` 这个代码可以在本地运行一个简单的服务器，并且在浏览器中访问。其中，'/'表示基础路由，访问时会返回“Hello, World!”；'/example'表示另一个路由，访问时会返回一个渲染过的HTML文件。使用Flask的render_template函数可以方便地将Python变量传递到HTML模板中。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

乘凉~

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值