当前位置：首页 > news >正文

Linux服务使用宝塔面板搭建网站，并发布公网访问

news 2026/2/8 19:07:16

文章目录

前言
1. 环境安装
2. 安装cpolar内网穿透
3. 内网穿透
4. 固定http地址
5. 配置二级子域名
6. 创建一个测试页面

前言

宝塔面板作为简单好用的服务器运维管理面板，它支持Linux/Windows系统，我们可用它来一键配置LAMP/LNMP环境、网站、数据库、FTP等，通过Web端轻松管理服务器。

以下教程，我们将演示使用宝塔面板快速简单搭建本地web网站，并做内网穿透，实现不在同个局域网下的用户也可以访问到本地web站点，无需公网IP，也不用设置路由器。

1. 环境安装

安装apache服务器,在宝塔面板中我们点击网站,然后会提示安装apache服务器。

选择极速安装

然后等待安装完成即可,安装完成在左边消息列表会提示

2. 安装cpolar内网穿透

https://www.cpolar.com/

打开宝塔终端命令窗口,使用cpolar一件安装脚本:

curl -L https://www.cpolar.com/static/downloads/install-release-cpolar.sh | sudo bash

token认证

登录cpolar官网,点击左侧的验证，查看自己的认证token，之后将token贴在命令行里

cpolar authtoken xxxxxxx

20230111103532

向系统添加服务

sudo systemctl enable cpolar

启动cpolar服务

sudo systemctl start cpolar

开放9200端口

在宝塔面板中选择安全.然后开放9200端口

登录cpolar web UI 管理界面

然后局域网ip访问9200端口即可出现cpolar管理界面，输入cpolar邮箱账号进行登陆

3. 内网穿透

登录cpolar web UI管理界面后，我们创建一个http隧道，指向80端口,因为apache服务默认是80端口

隧道名称：可自定义，注意不要重复
协议：http
本地地址：80
端口类型：随机域名
地区：China vip

点击创建

创建成功后我们打开在线隧道列表复制创建的公网地址

然后我们打开宝塔面板,点击网站,选择添加站点,把复制的公网地址粘贴到域名的参数框,然后点击提交

这个时候我们可以看到站点创建成功

然后我们再使用复制的公网地址,打开浏览器访问,出现欢迎页表示成功

4. 固定http地址

由于刚刚创建隧道使用的是随机临时地址，该地址会在24小时内发生变化，为了长期远程访问，我们接下来将这个公网地址配置为固定的。

需升级至基础套餐或以上才支持配置二级子域名

登录cpolar官网后台，点击左侧仪表盘的预留，找到保留二级子域名，为http隧道保留一个二级子域名。

地区：选择服务器地区
名称：填写您想要保留的二级子域名（可自定义）
描述：即备注，可自定义填写

本例保留一个名称为mywebsitegame的二级子域名。子域名保留成功后，我们将子域名复制下来，接下来需要将其配置到隧道中去。

5. 配置二级子域名

登录cpolar web ui管理界面。点击左侧仪表盘的隧道管理——隧道列表，找到需要配置二级子域名的隧道（本例中为apache website隧道），点击右侧的编辑

修改隧道信息，将二级子域名配置到隧道中：

域名类型：改为选择二级子域名
Sub Domain：填写我们刚刚所保留的二级子域名（本例为mywebsitegame）

修改完成后，点击更新

隧道更新成功后，点击左侧仪表盘的状态——在线隧道列表，可以看到隧道的公网地址，已经更新为二级子域名了，将公网地址复制下来。

然后我们打开宝塔面板,找到站点,点击设置

添加一个我们固定的公网地址域名

然后把之前创建的随机地址删除

然后我们打开浏览器,使用固定的公网地址进行访问,以上我们就配置好了站点远程访问

6. 创建一个测试页面

点击站点根目录路径,直接点击

新建一个名字为game.html页面

然后双击文件编辑,把下面代码复制进去(贪吃蛇小游戏),然后Ctrl+S保存

<!DOCTYPE html>
<html>
<head><title>贪吃蛇</title><meta charset="UTF-8"><meta name="keywords" content="贪吃蛇"><meta name="Description" content="这是一个初学者用来学习的小游戏"><style type="text/css">*{margin:0;}.map{margin:100px auto;height:600px;width:900px;background:#00D0FF;border:10px solid #AFAEB2;border-radius:8px;}</style>
</head><body>
<div class="map">
<canvas id="canvas" height="600" width="900"></canvas>
</div><script type="text/javascript">//获取绘制工具/*var canvas = document.getElementById("canvas");var ctx = canvas.getContext("2d");//获取上下文ctx.moveTo(0,0);ctx.lineTo(450,450);*/var c=document.getElementById("canvas");var ctx=c.getContext("2d");/*ctx.beginPath();ctx.moveTo(0,0);ctx.lineTo(450,450);ctx.stroke();*/var snake =[];//定义一条蛇，画蛇的身体var snakeCount = 6;//初始化蛇的长度var foodx =0;var foody =0;var togo =0;function drawtable()//画地图的函数{for(var i=0;i<60;i++)//画竖线{ctx.strokeStyle="black";ctx.beginPath();ctx.moveTo(15*i,0);ctx.lineTo(15*i,600);ctx.closePath();ctx.stroke();}for(var j=0;j<40;j++)//画横线{ctx.strokeStyle="black";ctx.beginPath();ctx.moveTo(0,15*j);ctx.lineTo(900,15*j);ctx.closePath();ctx.stroke();}for(var k=0;k<snakeCount;k++)//画蛇的身体{ctx.fillStyle="#000";if (k==snakeCount-1){ctx.fillStyle="red";//蛇头的颜色与身体区分开}ctx.fillRect(snake[k].x,snake[k].y,15,15);//前两个数是矩形的起始坐标，后两个数是矩形的长宽。}//绘制食物	ctx.fillStyle ="black";ctx.fillRect(foodx,foody,15,15);ctx.fill();}function start()//定义蛇的坐标{//var snake =[];//定义一条蛇，画蛇的身体//var snakeCount = 6;//初始化蛇的长度for(var k=0;k<snakeCount;k++){snake[k]={x:k*15,y:0};}drawtable();addfood();//在start中调用添加食物函数}function addfood(){foodx = Math.floor(Math.random()*60)*15; //随机产生一个0-1之间的数foody = Math.floor(Math.random()*40)*15;for (var k=0;k<snake;k++){if (foodx==snake[k].x&&foody==sanke[k].y)//防止产生的随机食物落在蛇身上{	addfood();}}}	function move(){switch (togo){case 1: snake.push({x:snake[snakeCount-1].x-15,y:snake[snakeCount-1].y}); break;//向左走case 2: snake.push({x:snake[snakeCount-1].x,y:snake[snakeCount-1].y-15}); break;case 3: snake.push({x:snake[snakeCount-1].x+15,y:snake[snakeCount-1].y}); break;case 4: snake.push({x:snake[snakeCount-1].x,y:snake[snakeCount-1].y+15}); break;case 5: snake.push({x:snake[snakeCount-1].x-15,y:snake[snakeCount-1].y-15}); break;case 6: snake.push({x:snake[snakeCount-1].x+15,y:snake[snakeCount-1].y+15}); break;default: snake.push({x:snake[snakeCount-1].x+15,y:snake[snakeCount-1].y});}snake.shift();//删除数组第一个元素ctx.clearRect(0,0,900,600);//清除画布重新绘制isEat();isDead();drawtable();} 			function keydown(e){switch(e.keyCode){case 37: togo=1; break;case 38: togo=2; break;case 39: togo=3; break;case 40: togo=4; break;case 65: togo=5; break;case 68: togo=6; break;}}function isEat()//吃到食物后长度加1{if(snake[snakeCount-1].x==foodx&&snake[snakeCount-1].y==foody){addfood();snakeCount++;snake.unshift({x:-15,y:-15});}}//死亡函数function isDead(){if (snake[snakeCount-1].x>885||snake[snakeCount-1].y>585||snake[snakeCount-1].x<0||snake[snakeCount-1].y<0){window.location.reload();}}document.onkeydown=function(e)
{keydown(e);} 
window.onload = function()//调用函数
{ start();setInterval(move,150);drawtable();}
</script>
</body>
</html>

然后我们浏览器使用公网地址加这个html文件访问,即可看到我们部署的小游戏。

转载自cpolar极点云文章：Linux服务使用宝塔面板搭建网站，并发布公网访问

Linux服务使用宝塔面板搭建网站，并发布公网访问

文章目录前言1. 环境安装2. 安装cpolar内网穿透3. 内网穿透4. 固定http地址5. 配置二级子域名6. 创建一个测试页面前言宝塔面板作为简单好用的服务器运维管理面板，它支持Linux/Windows系统，我们可用它来一键配置LAMP/LNMP环境、网站、数据库、FTP等&…...

编程日记 2023/9/14 17:25:53

代码随想录算法训练营19期第48天

198.打家劫舍视频讲解：动态规划，偷不偷这个房间呢？| LeetCode：198.打家劫舍_哔哩哔哩_bilibili 代码随想录初步思路：动态规划。总结： dp[i]：考虑下标i（包括i&#xff09…...

编程日记 2023/9/14 17:24:52

【校招VIP】产品项目分析之竞品分析

考点介绍： 在产品经理的日常工作当中，经常需要针对某个具体问题或特定功能点进行竞品调研；竞品分析是结构化分析方法论，核心思想是通过对比的方法寻找最佳的解决方案。产品项目分析之竞品分析-相关题目及解析内容可点击文章末尾…...

编程日记 2023/9/14 17:23:51

【JavaScript内置对象】Date对象，从零开始

【JavaScript内置对象】Date对象，从零开始时间的表示方式时间表示的基本概念最初，人们是通过观察太阳的位置来决定时间的，但是这种方式有一个最大的弊端就是不同区域位置大家使用的时间是不一致的。相互之间没有办法通过一个统一的时间…...

编程日记 2023/9/14 17:21:49

idea启动缓慢解决办法

idea启动缓慢解决办法文章目录 idea启动缓慢解决办法前言一、修改内存大小二、虚拟机运行大小三、插件禁用1、安卓相关2、构建工具3、Code Coverage 代码覆盖率4、数据库5、部署工具6、html和xml7、ide settings8、JavaScript框架和工具9、jvm框架10、Keymap快捷键映射11、kot…...

编程日记 2023/9/14 17:20:48

App测试中ios和Android有哪些区别呢？

App测试中，大家最常问到的问题就是：ios和 Android有什么区别呢？ 在Android端，我们经常会使用 JavaScript、 HTML、 CSS等技术来编写一些简单的 UI界面。而 iOS端，我们经常会使用到 UI设计、界面布局、代码结构、 API等…...

编程日记 2023/9/14 17:19:48

Flink JobManager的高可用配置

背景在flink执行中，jobManager是一个负责执行流式应用执行和检查点生成的组件，一旦发生故障，那么其负责的所有应用都会被取消，所以我们需要对JobManager配置高可用的模式 JobManager高可用配置配置JobManager的高可用需要使用…...

编程日记 2023/9/14 17:18:47

为什么Token手动添加到请求的Header中，通常使用“Authorization“字段？

为什么Token手动添加到请求的Header中，通常使用"Authorization"字段？ 通常将Token放置在"Authorization"字段中的主要原因如下： 标准化：HTTP协议中定义了一些常见的头部字段，如"Authorizati…...

编程日记 2023/9/14 17:16:45

1、https://lternet.edu/ 2、https://www.neonscience.org/ 3、https://www.tern.org.au/ 4、https://www.industry.gov.au/ 5、http://www.cbas.ac.cn/ 6、https://sdg.casearth.cn/datas/casearthData 7、https://data.casearth.cn/ 8、https://omai.casearth.cn/ai-l…...

编程日记 2023/9/14 17:15:43

爬虫逆向实战(34)-某视综数据(MD5、AES)

一、数据接口分析主页地址：某视综 1、抓包通过抓包可以发现数据接口是/rank/waiting/fans 2、判断是否有加密参数请求参数是否加密？ 通过查看“载荷”模块可以发现有一个sign参数请求头是否加密？ 无响应是否加密？ 通过查…...

编程日记 2023/9/14 17:14:41

数据分析三剑客之Matplotlib

0.Matplotlib绘图和可视化 1.简介我的前面两篇文章介绍了 Nimpy ，Pandas 。今天来介绍一下Matplotlib。简单来说，Matplotlib 是 Python 的一个绘图库。它包含了大量的工具，你可以使用这些工具创建各种图形，包括简单的散点图&…...

编程日记 2023/9/14 17:11:38

Python Opencv实践 - LBP特征提取

参考资料： python skimage库LBP提取特征local_binary_pattern参数解释_local_binary_pattern函数_friedrichor的博客-CSDN博客 LBP特征笔记_亦枫Leonlew的博客-CSDN博客 import cv2 as cv import numpy as np import matplotlib.pyplot as plt from skimage.feat…...

编程日记 2023/9/14 17:10:37

Docker 搭建Redis Cluster 集群

环境： centos7 redis:7.0.5 三主三从，六个节点一、下载redis镜像 docker pull redis:7.0.5 二、创建虚拟网卡 docker network create redis-cluster# 查看创建的Docker网卡 docker network ls 网卡类型为bridge桥接类型三、准备redis配置文件 redi…...

编程日记 2023/9/14 17:07:33

解决谷歌浏览器会http网站自动变成https的问题

不知道是不是升级的缘故，最近打开公司一个http网站，会自动跳去https，用了网上说的这个方案，如下： 但发现还不行，这时我尝试用点击地址栏左边那锁的那个图标，图如下： 然后点击网站设…...

编程日记 2023/9/14 17:05:30

go小知识2

Golang开发新手常犯的50个错误_gezhonglei2007的博客-CSDN博客一些题目整理，附带大佬的解释 1.go中哪些值不能寻址& 常量（const常量，字面值3.14，字符串“xxx”，函数或方法, map的val值） golang中接…...

编程日记 2023/9/14 17:04:30

zabbix监控H3C设备

背景常见的服务和主机已经使用Prometheus进行监控了，但是网络设备还未配置监控。使用基于SNMP对网络设备进行监控。设备概览主要类型为H3C的路由器和交换机。 H3CS5560交换机路由器MER5200 er8300 一台群晖的NAS服务步骤配置网络设备开启telnet远程&…...

编程日记 2023/9/14 17:03:28

国产化改造之Mysql迁移方案：Mysql Galera Cluster

一、背景因某业务系统OS国产化改造，现需将生成环境Mysql 主从迁移到新部署的BCLinux OS主机上；如果保障业务不断，平滑迁移并成功割接将是本次方案的重要方向，现场环境涉及需迁移数据780G左右，目标主机OS版本&#xff…...

编程日记 2023/9/14 17:02:27

bootstrap表单类型

1.基本格式 <form><div class"form-group"><label>电子邮件</label><input type"email" class"form-control" placeholder"请输入你的电子邮件" /></div><div class"form-group"&g…...

编程日记 2023/9/14 17:01:26

第一章 SQL Server 数据库部署

个人简介：云计算网络运维专业人员，了解运维知识，掌握TCP/IP协议，每天分享网络运维知识与技能。座右铭：海不辞水，故能成其大；山不辞石，故能成其高。个人主页：小李会科技的…...

编程日记 2023/9/14 16:55:20

赛事个人团体报名分组成绩查询证书h5小程序开源版开发

赛事个人团体报名分组成绩查询证书h5小程序开源版开发以下是赛事个人团体报名分组成绩查询证书H5小程序的功能列表： 用户注册和登录：用户可以通过注册和登录功能创建账号或使用已有账号登录小程序。赛事信息浏览：用户可以浏览小程序中提供…...

编程日记 2023/9/14 16:53:17

逻辑回归：给不确定性划界的分类大师

想象你是一名医生。面对患者的检查报告（肿瘤大小、血液指标），你需要做出一个**决定性判断**：恶性还是良性？这种“非黑即白”的抉择，正是**逻辑回归（Logistic Regression）** 的战场&a…...

编程新知 2025/10/27 21:25:04

页面渲染流程与性能优化

页面渲染流程与性能优化详解（完整版） 一、现代浏览器渲染流程（详细说明） 1. 构建DOM树浏览器接收到HTML文档后，会逐步解析并构建DOM（Document Object Model）树。具体过程如下： (…...

编程新知 2026/1/31 11:58:35

高等数学（下）题型笔记（八）空间解析几何与向量代数

目录 0 前言 1 向量的点乘 1.1 基本公式 1.2 例题 2 向量的叉乘 2.1 基础知识 2.2 例题 3 空间平面方程 3.1 基础知识 3.2 例题 4 空间直线方程 4.1 基础知识 4.2 例题 5 旋转曲面及其方程 5.1 基础知识 5.2 例题 6 空间曲面的法线与切平面 6.1 基础知识 6.2…...

编程新知 2026/1/28 9:04:29

相机从app启动流程

一、流程框架图二、具体流程分析 1、得到cameralist和对应的静态信息目录如下：重点代码分析：启动相机前，先要通过getCameraIdList获取camera的个数以及id，然后可以通过getCameraCharacteristics获取对应id camera的capabilities（静态信息）进行一些openCamera前的…...

编程新知 2026/1/31 5:09:19