宝塔部署静态html项目

最新推荐文章于 2023-10-19 19:19:39 发布
最新推荐文章于 2023-10-19 19:19:39 发布
阅读量1w 收藏 23
点赞数 4
分类专栏： 服务器 文章标签： html 服务器 ubuntu
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41891425/article/details/122791009
版权

ubuntu安装宝塔

我们需要通过finalshell 软件ssh链接方式登录到我们的云服务器，输入安装指令
wget -O install.sh http://download.bt.cn/install/install-ubuntu_6.0.sh && sudo bash install.sh
我们需要确定是否将宝塔设置到/WWW文件下，默认就好，输入y回车，之后系统将开始自动安装宝塔环境
安装好后宝塔会告诉你访问地址和账号密码 记好 别忘记了
在这里插入图片描述

服务器安全组配置

宝塔需要服务器开放8888、888、80、443、20、21端口，我们服务器默认没有开放，我们需要去阿里云打开这些端口
进入云服务器选择安全组
在这里插入图片描述
在入方向添加8888、888、88、443、20、21端口
在这里插入图片描述

宝塔配置

浏览器中输入之前给的外网地址 输入账号 密码 进入后会提醒绑定账号
在这里插入图片描述
如看到下面的页面说明安装成功
在这里插入图片描述
它提示让我们安装LNMP环境，选择完毕后安装即可
之后宝塔就开始安装，网页会显示安装的进度

在这里插入图片描述
在这里插入图片描述

部署静态html

不需要php版本
域名需要填自己购买的域名（假如购买了liyingzhi.top）
在这里插入图片描述
上传文件
在这里插入图片描述
在这里插入图片描述

打开网址
http://liyingzhi.top/
在这里插入图片描述

遇到的问题

但是访问报404错误 因为多了一层文件夹 要把weitu-html-mater文件复制到上一个目录
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

生活热爱就好
关注
  • 4
    点赞
  • 踩
  • 23
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
宝塔部署RocketMQ+可视化面板
03-25
java sdk
【宝塔面板】将html+css静态网页部署到阿里云服务器上（通过IP访问）
超逸の学习技术博客
02-10 1万+
前言 今天算是查了好多好多资料，各种版本都查了，有的是说要生成一个war包？然后还用WinSCP将本地拖到云端，但最终我都没有解决我的问题，但最后解决了，原来如此简单！ 准备工作 第一步 我静态网页就三个东西 html5+css+一个音乐外链 我们需要做的是将我们的love项目包压缩打包 第二步 打开宝塔面板，找到文件，然后按照下图找到指定位置 第三步 点击上传，选择我们刚刚压缩的压缩包，上...
【HTML学习笔记/Linux学习笔记】阿里云服务器网站快速部署（宝塔便捷工具）
Adlerian的博客
03-19 522
一个星期前应朋友的邀请，写一篇快速搭建网站到域名上面的笔记，于是拖稿到今天，做一个利用工具进行搭建自己的个人网站，从服务器的选购，域名申请到Linux服务器环境的搭建建议先买域名并且通过后在进行购买服务器，当然也可以同时买。
利用服务器上宝塔快速部署静态HTML页面
m0_58035880的博客
04-09 4643
3.点击后弹出如图所示，域名填写自己购买的域名，如果没有则填服务器的IP地址，纯静态页面选择FTP，数据库，PHP版本，网站分类都如图所示。6.宝塔文件夹传送静态页面，点击根目录，把文件放到该文件夹中，注意静态页面主页名要为index.html。4.若购买了域名，则需要在购买网站中进行解析以腾讯云为例，点添加记录，记录值填服务器IP。1.购买腾讯云或者阿里云服务器，在服务上安装宝塔（较为简单，可以搜如何安装）5.打开服务器的80端口，在防火墙打开80端口。2.进入宝塔，点击左边网站，在点击添加站点。
【腾讯云服务器】部署云服务器(宝塔面板)——Flask项目+mysql+html全过程
网瘾中心呼唤爱的博客
12-25 1470
【腾讯云服务器】部署云服务器(宝塔面板)——Flask项目+mysql+html全过程
宝塔面板将前端部署服务器
qq_28373303的博客
10-02 140
8：在配置文件中，加入以下代码， 为了访问后端接口，添加代理，避免跨域错误。5:点击根目录，进入目录中，删除原来的所有，把项目打包好的文件 ，上传此处，3 执行成功后会得到地址，密码，输入后，注册账号，登录，安装推荐的包。换为自己后端的接口地址。至此，前端部署完成。7：填写SSL 证书；目的是用https访问，4 安装成功后，点击右侧网站，点击添加网站。6：回到右边导航网站，点击设置，// 替换为自己后端域名。
宝塔如何部署静态网页html
weixin_43465508的博客
04-25 2989
第三步：将index.php,改成index.html,然后将自己的代码复制上去。第二部找到一键部署，输入域名，没有域名就输入自己服务器的ip地址。第四步 输入ip和要访问的文件名的后缀。然后就可以看自己的静态网页了。
用宝塔部署静态html页面
最新发布
Gamin
10-19 1212
然后，点击跟目录进入其中。创建路由“/app/protocol”，随后往protocol目录中上传general-user.html文件。本文主要介绍用宝塔部署静态页面，比较简单，以部署一个用户协议为例。首先，去“网站”中“添加站点”。有域名用域名，没域名用IP。云服务器安装宝塔面板搭建LNMP环境，可以看另一文。用浏览器访问静态页面，效果如下。
使用宝塔面板部署前端网站
weixin_43239880的博客
03-13 2195
添加一个38760的入口（为什么是38760而不是其他的，你要看上面宝塔外网ip的端口号，我的是38760，但是你起的可能是其他的，所以你要注意），其他选择如图。这里的ip地址（公）就是待会你要连接的服务器的ip地址，也是别人访问你网站的地址，可以注意一下。然后你就能找到你的服务器了，其中最重要的就是实例（管理你的服务器状态）和安全组（控制可访问该服务器的端口号）在登录到首页的时候，宝塔会提示你安装环境，你就直接选择左边的一键安装就ok了。在浏览器中输入你阿里云对公ip，就能访问到你的网站啦！
宝塔面板如何部署静态网站？一分钟教会你最简单的方法
热门推荐
粗浅的入门功夫
05-03 1万+
宝塔面板如何部署静态网站？ 如果你有做好的静态网站源码，想要直接上传到宝塔面板，有的朋友可能不知道放在哪里。 这里教大家一个最简单的方法： 首先，一键部署好你的网站，这里用WordPress一键部署来举例。填写好你的网站信息，保存好数据库名和密码。让它自己创建成功再安装WordPress。这个时候你应该能够正常访问你的网站，此时是WordPress的页面。 接着，点击左侧的“文件”，选择你刚刚搭...
通过宝塔搭建个人服务器并访问静态网页
weixin_45914112的博客
05-03 6555
准备工作： 你要在云上关联实例，不然会链接不上你的云服务器。 1、打开华为云控制台，找到安全组打开一下端口号 参照宝塔官方教程：https://www.bt.cn/bbs/thread-3923-1-1.html 如要使用宝塔完整功能 仍需放行以下端口 FTP连接：20 21 30000-40000 网站访问：80 443 phpmyadmin管理访问：888 数据库远程访问：3306 面板：8888 注：如果你在面板修改了网站等端口 也要在安全组修改过来 2、百度打开宝塔官网，找到Linux面板 3、找
CentOS下宝塔部署Django项目的详细教程
09-14
主要介绍了CentOS下宝塔部署Django项目的详细教程,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
宝塔面板配置及部署javaweb教程(全网最全)
08-19
主要介绍了宝塔面板配置及部署javaweb教程(全网最全)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
flutter实现输入框撤销、重写功能
06-16
自己模拟一个栈的操作，然后通过两个列表来实现撤销和重写。来源简书https://www.jianshu.com/p/b42f23f91000，调整了一下样式，并对其中的功能进行了优化。
宝塔部署Django项目.doc
05-29
宝塔面板部署django项目.使用的是django3.0.6+python3.7+mysql数据库，
宝塔面板成功部署Django项目流程(图文)
09-16
主要介绍了宝塔面板成功部署Django项目流程，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
宝塔部署Django项目.docx
08-28
用宝塔服务器，快速的部署Python，Django项目！新手也能快速部署！教程简单易懂，直接安装步骤部署就行！如有疑问，请你联系我！
在Nginx上部署ThinkPHP项目教程
10-24
主要介绍了在Nginx上部署ThinkPHP项目的方法,十分详细，需要的朋友可以参考下
flutter 输入框清空
05-18
可以使用`TextEditingController`来清空Flutter的输入框。首先，创建一个`TextEditingController`对象，并将其传递给输入框的`controller`属性。然后，在需要清空输入框的地方，调用`clear()`方法即可。 以下是一个示例代码： ```dart class MyPage extends StatefulWidget { @override _MyPageState createState() => _MyPageState(); } class _MyPageState extends State<MyPage> { TextEditingController _controller = TextEditingController(); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Clear Text Field'), ), body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Padding( padding: EdgeInsets.symmetric(horizontal: 20), child: TextField( controller: _controller, decoration: InputDecoration( hintText: 'Enter some text', ), ), ), SizedBox(height: 20), ElevatedButton( onPressed: () { _controller.clear(); // Clear the text field }, child: Text('Clear'), ), ], ), ), ); } } ``` 在这个示例中，我们创建了一个带有一个输入框和一个清空按钮的页面。当用户点击按钮时，我们调用`clear()`方法来清空输入框。注意，在调用`clear()`方法之前，我们需要先创建一个`TextEditingController`对象，并将其传递给输入框的`controller`属性。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

生活热爱就好

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

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

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

打赏作者

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

抵扣说明：

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

余额充值