windwos系统如何创建typecho个人博客并通过内网穿透实现无公网IP访问

news/2024/7/24 5:58:00 标签: tcp/ip, 网络协议, 网络

文章目录

  • 前言
  • 1. 环境安装
  • 2.安装Typecho
  • 3.安装cpolar内网穿透
  • 4. 固定公网地址
  • 5.配置Typecho

前言

Typecho是一款PHP语言编写的开源博客程序,它是一个轻量级的内容管理系统,专注于博客领域。支持多用户、多站点、多语言等功能,可以满足不同用户的需求。

同时,Typecho还有丰富的插件和模板资源,用户可以根据自己的需要自由选择和配置。

Typecho的安装非常简单,用户只需要将Typecho的安装包上传到自己的服务器上,然后通过浏览器访问相应的URL进行安装即可。

cpolar内网穿透工具主要是将本地端口转发到公网环境,通过此工具我们很容易将本地服务转发到公网。

下面介绍在windwos系统搭建typecho博客+cpolar内网穿透工具将博客发布到公共网络环境,实现远程也可以访问和操作。

1. 环境安装

Typecho博客是PHP语言写的,运行它需要安装一系列环境,如PHP,数据库和运行web容器等,为了方便搭建那些环境,我们使用一个第三方工具XAMPP,这个工具集成了我们所需的工具环境,一键即可安装,减少了繁琐的配置,这是下载地址:https://www.apachefriends.org/,我们选择windwos版本安装。

image-20230324105521061

安装时候点击next即可,安装路径可以自定义设置,安装后,我们打开,点击界面启动apache测试:

image-20230324142239632

启动服务后,在浏览器输入localhost:80,即可看到apache的欢迎页面,然后停止Apache

image-20230324142304127

2.安装Typecho

进入Typecho 官网下载,

image-20230323151443954

下载好后,我们找一个叫htdocs的文件夹,这个文件夹就是apache的web访问目录,点击XAMPP右边Explorer

image-20230324142559609

然后找到htdocs文件夹

image-20230324142720598

先把htdocs里面的文件全部删除,我们把Typecho的压缩包解压到htdocs的文件夹下.

image-20230324142858480

然后我们再次启动apache,在浏览器输入localhost:80,自动跳转到了typecho页面

image-20230324143027486

3.安装cpolar内网穿透

cpolar官网:https://www.cpolar.com/

访问cpolar官网,注册一个账号,然后下载并安装客户端,具体安装教程可以参考官网文档教程。

  • windows系统:在官网下载安装包后,双击安装包一路默认安装即可。
  • linux系统:支持一键自动安装脚本,详细请参考官网文档——入门指南

20230130105715

cpolar安装成功后,在浏览器上访问本地9200端口【http://localhost:9200】,使用cpolar账号登录。

20230130105810

点击左侧仪表盘的隧道管理——创建隧道,创建一个80端口 http隧道,即Apache 的端口

  • 隧道名称:可自定义命名,注意不要与已有的隧道名称重复
  • 协议:选择http
  • 本地地址:80
  • 域名类型:免费选择随机域名
  • 地区:选择China vip

点击创建

image-20230324144017545

隧道创建成功后,点击左侧的状态——在线隧道列表,查看所生成的公网地址,然后复制地址

image-20230324144047261

打开浏览器,使用上面公网地址进行连访问,即可看到typecho博客欢迎页,此时即可使用公网地址进行远程访问

image-20230324144153374

4. 固定公网地址

由于以上使用cpolar所创建的隧道使用的是随机公网地址,24小时内会随机变化,不利于长期远程访问。因此我们可以为其配置二级子域名,该地址为固定地址,不会随机变化【ps:cpolar.cn已备案】

注意需要将cpolar套餐升级至基础套餐或以上,且每个套餐对应的带宽不一样。

登录cpolar官网,点击左侧的预留,选择保留二级子域名,设置一个二级子域名名称,点击保留,保留成功后复制保留的二级子域名名称

image-20230324144519095

保留成功后复制保留的二级子域名地址

image-20230324144553685

访问http://127.0.0.1:9200/,登录cpolar web UI管理界面,点击左侧仪表盘的隧道管理——隧道列表,找到所要配置的80端口隧道,点击右侧的编辑

image-20230324144621225

修改隧道信息,将保留成功的二级子域名配置到隧道中

  • 域名类型:选择二级子域名
  • Sub Domain:填写保留成功的二级子域名

点击更新

image-20230324144704784

更新完成后,打开在线隧道列表,此时可以看到公网地址已经发生变化,地址名称也变成了保留过的二级子域名名称,将其复制下来

image-20230324144934391

然后使用固定https地址打开浏览器访问,同样访问成功,且域名不会发生变化,然后下面typecho继续配置

image-20230324144958466

5.配置Typecho

点击开始下一步,然后出现数据库配置,

image-20230324145214179

在XAMPP启动数据库

image-20230324150333142

启动后,点击Admin,进入数据库管理界面

image-20230324151450974

然后我们添加一个数据库,名字叫"typecho"

image-20230324152919471

创建好后,我们打开typecho数据库设置页面,填写参数,由于是本地数据库,没有设置密码,所以我们不需要填写密码,填写好后我们确认开始安装

image-20230324153133053

然后,到了设置用户名和密码页面,还有一个邮箱信息,设置完后,点击继续安装

image-20230324153418156

安装成功,在页面显示了登陆用户名和密码,然后点击用户名和密码下面的字样访问控制面板

image-20230324153542071

然后配置完成,即可愉快写文章啦,且支持远程访问

image-20230324153725747

安装成功,在页面显示了登陆用户名和密码,然后点击用户名和密码下面的字样访问控制面板


然后配置完成,即可愉快写文章啦,且支持远程访问


http://www.niftyadmin.cn/n/4967886.html

相关文章

【移动端开发】鸿蒙系统开发入门:代码示例与详解

一、引言 随着华为鸿蒙系统的日益成熟,越来越多的开发者开始关注这一新兴的操作平台。本文旨在为初学者提供一份详尽的鸿蒙系统开发入门指南,通过具体的代码示例,引导大家逐步掌握鸿蒙开发的基本概念和技术。 二、鸿蒙系统开发基础 鸿蒙系…

非流式HTTP和流式的Websocket区别

Websocket简介 Websocket 是一种在 Web 应用程序中实现全双工、持久性连接的通信协议。它是基于 HTTP 协议构建的,但与传统的 HTTP 请求-响应模型不同。下面详细解释 Websocket 是如何实现的: 1.HTTP 握手: 当客户端想要与服务器建立 WebSo…

抖音seo短视频矩阵系统源代码开发原型--开源

一、系统设计 1.需求分析 抖音SEO矩阵系统的主要功能是提高视频的曝光和排名,因此,其主要需求包括: 1)关键词研究:通过分析用户搜索行为,挖掘出热门关键词,以便制定针对性的SEO策略。 2&…

基于NXP i.MX 6ULL核心板的物联网模块开发案例(3)

前言 本文主要介绍基于创龙科技TLIMX6U-EVM评估板的物联网模块开发案例,适用开发环境: Windows开发环境:Windows 7 64bit、Windows 10 64bit 虚拟机:VMware15.1.0 Linux开发环境:Ubuntu18.04.4 64bit U-Boot&…

力扣:70. 爬楼梯(Python3)

题目: 假设你正在爬楼梯。需要 n 阶你才能到达楼顶。 每次你可以爬 1 或 2 个台阶。你有多少种不同的方法可以爬到楼顶呢? 来源:力扣(LeetCode) 链接:力扣(LeetCode)官网 - 全球极客…

机器学习之ResNet(残差网络)与常用的标准数据集

ResNet(Residual Network)是一种深度神经网络,由微软实验室的何凯明等几位大神在2015年提出,并在当年的ImageNet竞赛中获得了分类任务第一名。 ResNet通过引入残差结构(residual structure),解决…

vivado简单工程

创建vivado工程 1 选择设备(board u50) 2 添加source 文件,这里以mut2.v为例 ///****************************** timescale 1ns / 1ps module mux2( a, b, sel, out ); input a; input b; input sel; outp…

高德猎鹰轨迹查询相关接口

高德猎鹰轨迹官网:服务管理-API文档-开发指南-猎鹰轨迹服务 | 高德地图API 轨迹查询 httpclient的post // post方法请求 创建轨迹 private static void createTrace() {String key "高德注册的key";String sid "服务id"; // 服务idString…