内网穿透:Cloudflare连接没有公网电脑的RDP/SMB/SSH-(亲测)

内网穿透:内网穿透:Cloudflare连接没有公网电脑的RDP/SMB/SSH-含详细原理配置说明介绍
前言

远程桌面协议(RDP, Remote Desktop Protocol)可用于远程桌面连接,Windows系统(家庭版除外)也是支持这种协议的,无需安装额外客户端即可实现类似向日葵、toDesk等的远程桌面访问与控制。

但是前提是被控制的电脑有公网ip或者可以被局域网访问。没有公网ip又不在同一个局域网中的电脑如何使用这个协议进行远程连接呢?那就试试大名鼎鼎的cloudflare的内网穿透零信任tunnel技术吧!

准备

  • 需要有两台电脑,一台配置好远程桌面用于被远程访问,一台电脑用于连接这台电脑。
    需要注册Cloudflare账号并且绑定一个域名。

方法

  1. 进入Cloudflare零信任控制台(控制台主页 -> ZeroTrust -> Networks -> Tunnels

 

2.两台电脑都下载并安装cloudflared客户端,并且复制命令在cmd命令窗口运行代码,运行完毕后就可以退出了。

3.配置域名(外网访问与内网映射规则)(点击公共主机名 -> 添加公共主机名 -> 子域输入RDP -> 域选择域名RDP.x.com->服务类型选择RDP->URL输入localhost:3389

4 .在控制者电脑上CMD命令提示符”,输入命令cloudflared.exe access rdp --hostname rdp.x.com --url rdp://localhost:1234     (注:这里的1234端口号可以随便写,只要不和本机冲突就可以了)

5.同样在控制者电脑上打开远程桌面连接输入刚才的 localhost:1234,正常话就可以连接了!

<think>好的,用户现在问的是关于这个链接:"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"。之前他们问的是HTML中的Thymeleaf命名空间和lang属性,现在转向了Font Awesome的CDN链接。我需要先理解这个链接的作用,然后组织回答。 首先,这个链接是来自cdnjs.cloudflare.com,这是一个公共CDN服务,提供各种前端库的托管。路径中的font-awesome/6.0.0/css/all.min.css明显指向Font Awesome的版本6.0.0的CSS文件。用户可能想知道这个链接的用途,或者如何在自己的项目中使用它。 接下来,我需要拆解这个链接的组成部分:CDN服务、Font Awesome库、版本号、CSS文件。然后解释每个部分的作用。要提到CDN的好处,比如加速加载、缓存优势、无需自己托管。Font Awesome是一个图标库,使用CSS类来添加图标,特别是字体和图标的矢量化。 可能用户是前端开发者,想要在网页中添加图标,但不太清楚如何引入Font Awesome。或者他们可能在别人的代码中看到这个链接,想了解其作用。需要解释如何通过link标签引入这个CSS,然后使用示例展示i标签的用法,比如fas fa-icon-name这样的类。 另外,需要注意版本6.0.0可能会有更新,但用户用的是固定版本,这样确保稳定性。同时,提到免费和付费图标,但默认情况下CDN提供的是免费图标。可能用户关心是否需要注册或付费,需要说明这一点。 还要对比其他引入方式,比如下载到本地,或者使用npm安装,但CDN方式是最简单的,适合快速开始。同时提醒用户如果项目需要离线使用,可能需要其他方法。 检查是否有其他需要注意的点,比如安全性,但cdnjs是可信的源,所以通常没问题。可能用户担心链接的安全性,可以提到使用HTTPS和可靠CDN的重要性。 最后,总结使用这个链接的好处和步骤,确保用户能够理解并应用。可能用户需要示例代码,所以给出一个简单的HTML片段,展示如何引入和使用图标。同时提醒版本更新时链接可能需要更改,但固定版本可以避免意外的问题。</think>你提供的链接是 **Font Awesome 图标库的 CDN 地址**,以下是详细解析: --- ### 1️⃣ **核心功能** - **图标工具库**:提供 2000+ 免费矢量图标(另有 8000+ 专业版付费图标) - **使用方式**:通过 CSS 类名快速在网页中添加图标(如 `<i class="fas fa-user"></i>`) - **技术特性**:基于 Web Font + SVG 的矢量图标方案,支持任意缩放不失真 --- ### 2️⃣ **链接结构解析** ``` https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css ``` | 组成部分 | 说明 | |------------------------------|----------------------------------------------------------------------| | `cdnjs.cloudflare.com` | 全球公共 CDN 服务,加速资源加载 | | `font-awesome/6.0.0` | 指定 Font Awesome 的版本为 6.0.0(固定版本避免更新导致样式异常) | | `css/all.min.css` | 包含所有图标的 CSS 样式文件(min 表示压缩版,体积更小) | --- ### 3️⃣ **使用方法** ```html <!-- 在 HTML 头部引入 --> <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> </head> <!-- 在页面中使用图标 --> <i class="fas fa-camera"></i> <!-- 实心图标 --> <i class="far fa-envelope"></i> <!-- 线性图标 --> <i class="fab fa-weixin"></i> <!-- 品牌图标 --> ``` --- ### 4️⃣ **优势特点** - **无需下载文件**:直接通过 CDN 引用 - **自动缓存优化**:利用浏览器缓存机制加速重复访问 - **跨域支持**:避免字体文件的跨域加载问题 - **版本锁定**:6.0.0 版本保证长期稳定性 --- ### 5️⃣ **对比其他引入方式** | 方式 | CDN 引入(推荐) | 本地下载 | npm 安装 | |---------------|----------------------------------------|----------------------------------|-------------------------------| | 适用场景 | 快速开发/小型项目 | 需要离线使用 | 前端工程化项目 | | 更新机制 | 需手动改版本号 | 需手动替换文件 | 通过包管理器更新 | | 加载速度 | 依赖 CDN 速度(通常较快) | 依赖服务器带宽 | 打包到本地代码 | --- ### 📌 使用建议 1. **图标查询**:通过 [Font Awesome 官网](https://fontawesome.com/icons) 搜索图标名称 2. **样式控制**:可以通过 CSS 直接修改图标颜色、大小等属性 3. **免费版限制**:免费图标库(Solid/Regular/Brands)已覆盖大部分基础需求
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

再创世纪

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

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

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

打赏作者

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

抵扣说明:

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

余额充值