当前位置:网站首页>搭建一个仪式感点满的网站,并内网穿透发布到公网 1/2
搭建一个仪式感点满的网站,并内网穿透发布到公网 1/2
2022-07-04 19:55:00 【probezy】
情侣之间的表白创意总是花样百出,并且凭借新颖的创意,和满满的仪式感,就能很容易打动另一半的内心。不过,记忆总是很奇怪,在经历美好后却很容易失去新鲜感。如何才能打败时间,让记忆永远鲜活呢?此时,我们可以使用cpolar建立一个能随时被访问到,并且只属于二人的互联网回忆空间。现在就让我们看看应该如何进行操作吧!
一般来说,一个网站的建立,需要在服务器上安装网页的运行环境,将网站运行所需的各项文件都部署在服务器上,并进行各项调试,才能让网站被互联网访客正常访问。但这样做不仅要租用服务器空间,还要经常进行维护,付出不少的资源和精力。但如果能让建立网站所需的各项内容都存在本地电子设备上,再通过cpolar的数据隧道功能发布到公共互联网上,无疑就能节省大量资源和精力,并且还能根据自己所需,为网页添加各式各样的功能,如日期或时间提醒等。
当然,想要让本地电子设备能建立网页,就必须为网页搭建必要的运行环境。而我们可以使用一个网页运行套件,来达到这个目的。在这里,我们使用PHPStudy套件,作为网页运行的环境程序。这个软件看起来,就是这个样子的。
在这个软件安装到本地后,会自动启用MySQL(数据库软件)、Nginx或Apache(均为网页服务器软件)。在启动PHPStudy(及其网页运行环境)后,就迈出了我们建立网站的第一步:搭建网页运行环境。
在有了网页运行环境后,我们就能将一个网页(包括其中的内容),放入这个运行环境中,让这个网页在本地电子设备上运行起来。此时我们可以借助开源的力量,找到一个适合表白和纪念的开源网页,将这个网页添加到我们的运行环境中,就能让这个网页为我们所用。此处我们使用https://gitee.com/selfeasy/love.git这个资源(在此感谢原作者慷慨开源)。
点击右上的“克隆/下载”,将这个网页存放到本地电子设备上,并进行解压,我们就能得到列表中所显示的网页运行相关文件。
然后将这些文件,都复制到PHPStudy软件的网页目录下。具体位置为(D:\phpstudy_pro\WWW),此处的(D:)为软件安装的磁盘号(为避免权限冲突,PHPStudy最好不要安装在C盘或系统盘下);而WWW文件夹,就是PHPStudy的网页文件存放文件夹。在这个例子中,为避免建立的网页混淆,因此在WWW文件夹下新建了“web2”文件夹,用以存放该网页的各项文件。
接着,我们回到PHPStudy软件中,点击面板左侧的“网站”选项卡,点击面板左上的“创建网站”按钮。
在“创建网站”界面,我们需要对即将建立的网页进行一些简单的设置,包括网页输出端口,网页文件存放位置等。
其中,“域名”项我们输入“localhost”;端口为“80”端口;根目录点击“浏览”,找到PHPStudy目录中WWW文件夹下的web2文件夹,并点击“选择文件夹”;将“同步hosts”勾选去掉。在各项设置完成后,就可点击下方的“确认”,完成网页的建立。
此时我们回到浏览器中,输入刚才建立网站时输入的域名“localhost:80”,就能转入新建立的网页。
当然,网页内的内容元素,都是可以进行编辑的,不过这会涉及到更深层次的网页代码编辑。我们也可以在网上找到更多类似的开源网页设计,将其应用到我们的网页上。
当本地网页建立成功后,我们就可以通过cpolar建立的数据隧道,将其发布到公共互联网上,让其成为表白和纪念的见证,同时也能让一众好友们见证这份浪漫。如果您对cpolar有任何疑问,欢迎与我们联系,我们必将为您提供力所能及的协助。当然也欢迎加入cpolar的VIP官方群,共同探索cpolar的无限潜能。
边栏推荐
- What if the WiFi of win11 system always drops? Solution of WiFi total drop in win11 system
- 基于OpenCV haarcascades的对象检测
- PS vertical English and digital text how to change direction (vertical display)
- 测试用例 (TC)
- 实操自动生成接口自动化测试用例
- What are the functional modules of RFID warehouse management system solution
- Stack: how to realize the judgment of valid brackets?
- 哈希表、哈希函数、布隆过滤器、一致性哈希
- [1200. Minimum absolute difference]
- Après l'insertion de l'image dans le mot, il y a une ligne vide au - dessus de l'image, et la disposition est désordonnée après la suppression
猜你喜欢
电脑页面不能全屏怎么办?Win11页面不能全屏的解决方法
Understand Alibaba cloud's secret weapon "dragon architecture" in the article "science popularization talent"
实操自动生成接口自动化测试用例
网络命名空间
In the face of the same complex test task, why can the elder sort out the solution quickly? Ali's ten-year test engineers showed their skills
看腾讯大老如何做接口自动化测试
RFID仓储管理系统解决方案的优点
【服务器数据恢复】某品牌服务器存储raid5数据恢复案例
Jiuqi ny8b062d MCU specification /datasheet
哈希表、哈希函数、布隆过滤器、一致性哈希
随机推荐
TweenMax表情按钮js特效
From automation to digital twins, what can Tupo do?
记录线上bug解决list(未完待续7/4)
Idea case shortcut
Fleet tutorial 08 introduction to AppBar toolbar Basics (tutorial includes source code)
mysql语句执行详解
Android原生数据库的基本使用和升级
Idea configuration standard notes
Win11怎么搜索无线显示器?Win11查找无线显示器设备的方法
word中插入图片后,图片上方有一空行,且删除后布局变乱
LeetCode 871. 最低加油次数
VIM asynchronous problem
【1200. 最小绝对差】
Automatic generation of interface automatic test cases by actual operation
PS竖排英文和数字文字怎么改变方向(变竖直显示)
剑指 Offer II 80-100(持续更新)
WinCC7.5 SP1如何通过交叉索引来寻找变量及其位置?
Hands on deep learning (III) -- convolutional neural network CNN
How does the computer save web pages to the desktop for use
Go notes (3) usage of go language FMT package