当前位置:网站首页>搭建一个仪式感点满的网站,并内网穿透发布到公网 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的无限潜能。
边栏推荐
- uniapp 富文本编辑器使用
- js 3D爆炸碎片图片切换js特效
- 哈希表、哈希函数、布隆过滤器、一致性哈希
- PS vertical English and digital text how to change direction (vertical display)
- idea恢复默认快捷键
- What if win11u disk refuses access? An effective solution to win11u disk access denial
- Sword finger offer II 80-100 (continuous update)
- Idea case shortcut
- 语义化标签的优势和块级行内元素
- 科普达人丨一文看懂阿里云的秘密武器“神龙架构”
猜你喜欢

Alibaba testers use UI automated testing to achieve element positioning

【观察】联想:3X(1+N)智慧办公解决方案,释放办公生产力“乘数效应”

Flet tutorial 06 basic introduction to textbutton (tutorial includes source code)

RFID仓储管理系统解决方案的优点

What if the WiFi of win11 system always drops? Solution of WiFi total drop in win11 system

哈希表、哈希函数、布隆过滤器、一致性哈希

Reinforcement learning - learning notes 2 | value learning

【1200. 最小絕對差】

剑指 Offer II 80-100(持续更新)
![[1200. Différence absolue minimale]](/img/fa/4ffbedd8f24c75a20d3eaeaf0430ae.png)
[1200. Différence absolue minimale]
随机推荐
记录线上bug解决list(未完待续7/4)
Flet tutorial 06 basic introduction to textbutton (tutorial includes source code)
js 3D爆炸碎片图片切换js特效
软件开发过中的采购
企业数字化转型最佳实践案例:基于云的数字化平台系统安全措施简介与参考
js 闭包
Four traversal methods of binary tree, as well as the creation of binary tree from middle order to post order, pre order to middle order, pre order to post order, and sequence [specially created for t
PS vertical English and digital text how to change direction (vertical display)
JS closure
What is the development of block hash quiz game system? Hash quiz game system development (case mature)
E-week finance | Q1 the number of active people in the insurance industry was 86.8867 million, and the licenses of 19 Payment institutions were cancelled
What if the computer page cannot be full screen? The solution of win11 page cannot be full screen
五子棋 上班摸鱼工具 可局域网/人机
heatmap.js图片热点热力图插件
WinCC7.5 SP1如何通过交叉索引来寻找变量及其位置?
Go language notes (4) go common management commands
Idea plug-in
go笔记(3)Go语言fmt包的用法
Alibaba testers use UI automated testing to achieve element positioning
Win11亮度被锁定怎么办?Win11亮度被锁定的解决方法