文章目录
平时开发微信公众号,小程序, 或者给他人演示项目等,难免会遇到需要开通外网的情况,作为开发,难道还要自己部署上去嘛? NO ,我当然选择内网映射了,今天给大家介绍一个良心的免费穿透软件
(巴比达)
一、巴比达是什么?
巴比达内网穿透(Babida Private Cloud) 是一款企业级内网穿透软件,部署简单便捷,使公网请求无缝接入本地局域网内项目服务。采用WanGooe Tunnel企业级通信协议,该协议以其高性能著称, 完全基于C语言编写,确保了极致的运行效率。 兼容包括Windows、Linux、Raspberry Pi、OpenWrt、 嵌入式系统以及物联网平台在内的多种主流操作系统。
二、巴比达服务
服务比较全部,适合企业各种环境使用,服务部分有两种企业服务、个人服务、还有免费版本可供使用。
三、免费版每月不限流
流量限制常常是使用内网穿透工具的一大痛点,但巴比达内网穿透解决了这个问题。每月不限流的政策意味着不用担心数据传输和访问,
四、免费版每日不强制改变端口和访问地址
每日不强制改变端口和访问地址。这使得我的网络连接更加稳定和可靠,不用因为地址和端口的频繁变动而重新配置和调整,节省了大量的时间和精力,也保证了我的工作和娱乐能够持续进行,不受网络连接问题的干扰。
五、无需公网 IP
获取公网 IP 往往是一件困难且复杂的事情,巴比达内网穿透无需公网 IP 就能实现内网穿透。即使在没有公网 IP 的情况下,也能轻松地访问内网资源。
六、无需设置路由器
对于大多数非专业的网络用户来说,设置路由器是一项极具挑战性的任务。巴比达无需设置路由器,简化了操作流程,让我们可以轻松上手,快速完成内网穿透的配置和使用。
七、简单易用
巴比达内网穿透的操作界面简洁明了,配置过程简单易懂。即使是像对网络技术了解不多的人,也能够在短时间内完成安装和设置,顺利地实现内网穿透功能,让内网资源轻松地连接公网,随时随地实现远程访问。
八、简洁的操作界面
九、创建映射 步骤简单
十、一步完成映射创建
创建映射共分为3个部分
1、选择项目访问协议
2、选择项目主机IP地址
3、填写项目访问端口
十一、轻松获取公网固定地址
随意访问远程桌面、访问家中NAS、远程SSH 管理等
巴比达官网:https://bbd.shenzhuohl.com/
web基础篇-css
01_CSS编写位置-1行内样式
行内样式
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>位置1_css行内样式</title>
</head>
<body>
<h1 style="color: red;font-size: 60px;">欢迎来到我的css</h1>
</body>
</html>
01_CSS编写位置-2内部样式
内部样式
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>位置1_css内部样式</title>
<style>
h1{
color: red;
font-size: 60px;
}
h2{
color: green;
font-size: 40px;
}
p{
color: blue;
font-size: 80px;
}
img{
width: 200px;
}
</style>
</head>
<body>
<h1>欢迎来到我的css</h1>
<h1>欢迎学习前端</h1>
<p>北京欢迎您</p>
<p>上海欢迎您</p>
<p>广州欢迎您</p>
<p>深圳欢迎您</p>
<img src="../../1_HTML/jks.jpg" alt="jks">
</body>
</html>
01_CSS编写位置-3外部样式(最推荐使用)
1.css代码:position.css
h1{
color: red;
font-size: 60px;
}
h2{
color: green;
font-size: 40px;
}
p{
color: blue;
font-size: 80px;
}
img{
width: 200px;
}
2.html代码
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>位置1_css外部样式</title>
<link rel="stylesheet" href="./position.css">
</head>
<body>
<h1>欢迎来到我的css</h1>
<h1>欢迎学习前端</h1>
<p>北京欢迎您</p>
<p>上海欢迎您</p>
<p>广州欢迎您</p>
<p>深圳欢迎您</p>
<img src="../../1_HTML/jks.jpg" alt="jks">
</body>
</html>