零代码搭建个人博客—Zblog结合内网穿透发布公网

news/2025/2/2 15:35:42/

目录

  • 一、准备工作
  • 二、Z-blog 网站搭建
    • 1. XAMPP 环境设置
    • 2. Z-blog 安装
    • 3. Z-blog 网页测试
  • 三、内网穿透工具 Cpolar 的安装和配置
    • 1. Cpolar 安装
    • 2. Cpolar 云端设置
    • 3. Cpolar 本地设置
  • 四、本地网页发布
  • 五、注意
  • 六、本次经历总结

大家好,我是学问小小谢。

最近心血来潮,想搭建一个自己的个人博客。看来看去,我觉得还是Zblog这种方式是最简单的,我呢,也搭建了一个自己的个人博客,觉得还是挺好用的。现在呢,来分享给大家。

一、准备工作

  • 硬件设备 :能正常运行并且具备网络连接功能的电脑。

Zblog__8">二、Z-blog 网站搭建

1. XAMPP 环境设置

  • 下载安装 :从XAMPP 官网下载适合你操作系统的 XAMPP 安装包,按照提示完成安装。注意!安装路径不能带有中文!
    在这里插入图片描述

  • 启动服务 :打开 XAMPP 控制面板,点击 “Start” 按钮启动 Apache 和 MySQL 服务,确保服务正常运行。
    在这里插入图片描述

Zblog__18">2. Z-blog 安装

  • 下载程序 :从Z-blog 官方网站下载 Z-blog PHP 版的安装包。在这里插入图片描述

  • 解压上传 :将下载的安装包解压,把文件夹中的文件直接复制到 XAMPP 的 htdocs 目录下。在这里插入图片描述

  • 访问安装 :打开浏览器,并在地址栏输入本地地址的XAMPP网页输出端口http://localhost:80/zb install/index.php

Zblog__26">3. Z-blog 网页测试

  • 本地访问 :安装Zblog,检查页面是否正常显示,功能是否正常运行。

三、内网穿透工具 Cpolar 的安装和配置

1. Cpolar 安装

  • 注册账号 :点击“免费注册”在这里插入图片描述

  • 下载安装 :点击“Download for Windows“,安装双击解压完的msi程序在这里插入图片描述

  • 启动服务 :双击快捷方式,打开 Cpolar 软件并登录,点击”创建隧道“
    在这里插入图片描述
    在这里插入图片描述

  1. 隧道名称

隧道名称可以看作是cpolar本地的隧道信息注释,主要作用是方便用户区分不同的隧道。您可以根据隧道的用途或服务来命名,例如“alipaytest”用于支付宝测试页面的隧道。

  1. 协议

由于支付宝的测试页面是网页,因此选择HTTP协议。HTTP协议适用于网页内容的传输,是创建网页隧道的常用选择。

  1. 本地地址

本地地址即为本地网站的输出端口号。Z-blog的输出端口为80,因此这里也填入80。本地地址是本地服务监听的端口号,确保cpolar能够正确映射到本地服务。

  1. 域名类型
  • 二级子域名:如果已经在cpolar云端预留了二级子域名的数据隧道,则勾选“二级子域名”,并在Sub Domain栏中填入预留的二级子域名,例如“alipaytest”。这种方式适用于需要长期稳定访问的场景。
  • 自定义域名:如果预留的是自定义域名,则勾选“自定义域名”,并在相应位置填入自定义域名。
  • 随机域名:如果打算创建临时数据隧道,则直接勾选“随机域名”,由cpolar客户端自行生成网络地址。这种方式适用于临时测试或短期使用。
  1. 地区

地区栏位设置与cpolar云端一样,都是服务器地址。选择实际使用地较近的服务器可以减少延迟,提高访问速度。例如,如果用户在中国,可以选择“China”或“ChinaVIP”等地区。

2. Cpolar 云端设置

  • 注册登录 :登录注册好的账号
  • 预留二级子域名 :点击隧道列表,然后找到自己的个人博客,点击启动。确保它的状态是”active“
    在这里插入图片描述

3. Cpolar 本地设置

  • 公网链接 :点击”状态““我的隧道列表”,找到自己的个人博客的公网地址,现在就可以进行发布了。在这里插入图片描述

四、本地网页发布

完成 Z-blog 网站搭建和 Cpolar 内网穿透软件的安装及配置后,Cpolar 会建立起一条内网穿透数据隧道,将本地电脑上的 Z-blog 网站发布到公共互联网上。由于 Z-blog 网站会长期存在,Cpolar 免费版的数据隧道每 24 小时重置一次,若不想每天重新设置网址,可将 Cpolar 升级至 vip 版,以获得能长期稳定存在的内网穿透数据隧道。

五、注意

  1. Z-blog 网站搭建原理 :Z - blog 依赖于本地服务器环境(如 XAMPP)和数据库(如 MySQL)。通过 PHP 脚本与数据库交互,实现动态网站功能。在本地搭建时,服务器(如 Apache)监听指定端口,接收客户端请求并响应,将网站页面展示给用户。

  2. 内网穿透原理 :内网与公网 IP 地址不同,内网服务默认无法被公网访问。内网穿透工具(如 Cpolar)通过在本地设备与云端服务器间建立数据隧道,将本地服务的内网端口映射到云端服务器的公网端口或域名。当公网用户访问该公网地址时,请求经云端服务器转发至本地设备,从而实现公网对内网服务的访问。

  3. Z - blog 是运行在本地服务器环境(如 XAMPP)上的, Apache 作为Web服务器,负责接收和响应来自客户端(如公网用户)的请求。只有当 Apache 服务启动时,它才能监听指定端口(例如 80 端口),并将请求转发给 Z - blog 的 PHP 脚本进行处理,最终生成网页返回给客户端。
    因此,如果关闭了 XAMPP 或停止了 Apache 服务,无论是本地访问还是通过内网穿透访问, Z - blog 网站都无法正常工作。

如果想让网站 24 小时都能被访问,就要一直保持电脑开机并运行 XAMPP。
但是可能会导致硬件损坏或能耗增加。同时也没这个必要。
如果是真心想建个人博客的话,还是把网站部署到云服务器比较好。

欢迎大家留言讨论!你们的每一次留言都是对我莫大的支持和鼓励,让我们一起在这个数字世界中共同成长、共同进步。

六、本次经历总结

文学时间到~~~

在数字世界的浪潮中,拥有自己的博客就像拥有一片独特的天地,可以自由地分享知识、记录生活、表达观点。最近,我踏上了一段充满挑战与惊喜的旅程 —— 搭建属于自己的 Z - blog 博客,并通过内网穿透将其发布到公网。现在,我想和大家分享这段经历,以及我在这个过程中的收获感悟

经过一系列的探索、尝试、犯错、思路调整、顿悟、实施想法、验证 ,我终于成功地让我的 Z - blog 博客稳定地呈现在了公网之上。当我看到博客页面在浏览器中顺利加载,文章内容清晰展示,评论功能正常运行时,那种成就感油然而生。我意识到,这不仅仅是一个技术上的突破,更是我迈向数字创作领域的重要一步。

在这个过程中,我深刻体会到了技术的力量。从最初对 XAMPP、Z - blog 和内网穿透工具一无所知,到逐渐掌握它们的原理和使用方法,我感受到了知识积累带来的成长。每一个成功配置的步骤,每一次解决技术难题的喜悦,都让我更加坚定了在技术道路上不断探索的决心

同时,我也认识到了耐心毅力的重要性。在搭建博客的过程中,我遇到了许多困难和挫折,有时候甚至想要放弃。但是,凭借着对博客的热爱和对技术的执着,我一次次地克服了这些困难,最终实现了我的目标。

如今,我的 Z - blog 博客已经稳定运行了一段时间,每天都有新的访客来到这里,阅读我的文章,留下他们的评论。这让我感到非常欣慰,也让我更加珍惜这个属于自己的数字空间。

未来,我将继续努力,不断提升自己的技术能力,丰富博客的内容,为大家带来更多的价值。我相信,在这个充满机遇和挑战的数字时代,只要我们勇于探索敢于创新,就一定能够创造出属于自己的精彩


http://www.ppmy.cn/news/1568731.html

相关文章

04树 + 堆 + 优先队列 + 图(D1_树(D2_二叉树(BT)(D1_基础学习)))

目录 一、简介 二、二叉树的类型 1. 严格二叉树 2. 满二叉树 3. 完全二叉树 三、二叉树的性质 四、二叉树的结构 五、二叉树的操作 1. 基本操作 2. 辅助操作 六、二叉树的应用 七、二叉树的遍历 1. 简介 2. 遍历方式 3. 遍历的分类:4类 3.1. 前序遍历…

HTML一般标签和自闭合标签介绍

在HTML中,标签用于定义网页内容的结构和样式。标签通常分为两类:一般标签(也称为成对标签或开放闭合标签)和自闭合标签(也称为空标签或自结束标签)。 以下是这两类标签的详细说明: 一、一般标…

代码随想录算法训练营第三十九天-动态规划-337. 打家劫舍 III

老师讲这是树形dp的入门题目解题思路是以二叉树的遍历(递归三部曲)再结合动规五部曲dp数组如何定义:只需要定义一个二个元素的数组,dp[0]与dp[1] dp[0]表示不偷当前节点的最大价值dp[1]表示偷当前节点后的最大价值这样可以把每个节…

61.异步编程1 C#例子 WPF例子

和普通的任务绑定不太相同的部分如下: public MainWindowViewModel(){FetchUserInfoCommand new RelayCommand(async (param) > await FetchUserInfoAsync());}private async Task FetchUserInfoAsync(){// 模拟异步操作,比如网络请求await Task.Del…

无线通信与人工智能技术与发展年度总结

2024年,无线通信与人工智能技术取得了显著的进步和突破,这些技术的革新不仅推动了行业的数字化转型,还为全球经济的持续发展注入了新的活力。以下是对无线通信与人工智能技术在这一年发展的详细总结。 #### 无线通信技术的飞速演进 无线通信…

深入MapReduce——从MRv1到Yarn

引入 我们前面篇章有提到,和MapReduce的论文不太一样。在Hadoop1.0实现里,每一个MapReduce的任务并没有一个独立的master进程,而是直接让调度系统承担了所有的worker 的master 的角色,这就是Hadoop1.0里的 JobTracker。在Hadoop1…

【Linux网络编程】数据链路层

前言: 数据链路层非常简单,对于程序员来说,这里只需要大致了解即可,本篇文章不做重点说明。 数据链路层介绍 数据链路层是OSI位于物理层之上和网络层之下,这一层的报文叫做帧。它的主要任务是确保数据从一个节点可靠地…

go变量、打印、注释

Go 语言定义变量 变量:程序运行过程中的数据都是保存在内存中,我们想要在代码中操作某个数据时就需要去内存上找到这个变量,但是如果我们直接在代码中通过内存地址去操作变量的话,代码的可读性会非常差而且还容易出错,…