内网穿透的应用-如何搭建WordPress博客网站,并且发布至公网上?

文章目录

  • 如何搭建WordPress博客网站,并且发布至公网上?
    • 概述
    • 前置准备
    • 1 安装数据库管理工具
      • 1.1 安装图形图数据库管理工具,SQL_Front
    • 2 创建一个新数据库
      • 2.1 创建数据库
      • 2.2 为数据库创建一个用户
    • 3 安装PHP7.4
    • 4. 创建一个新站点
      • 4.1 创建站点根目录
      • 4.2 访问WordPress官网,下载最新版本的压缩包
      • 4.3 创建新Web站点
      • 4.4 打开浏览器测试一下
    • 5 cpolar配置
      • 5.1 在后台预留一个二级子域名
      • 5.2 修改cpolar配置文件,添加一个隧道指向8080端口
      • 5.3 验证cpolar配置文件是否正确
      • 6 WordPress初始化配置
      • 6.1 WordPress初始化设置
      • 6.2 为WordPress定制主题
      • 6.4 安装WordPress相对URL插件(必需)
      • 修改config.php配置
    • 总结:

如何搭建WordPress博客网站,并且发布至公网上?

概述

搭建一个真正有用的Web站点,您可以用它来撰写博客、搭建您自己的企业站点,外贸站点等,并且发布至公网上。

前置准备

查看当前WordPress版本的组件依赖需求

访问WordPress官网: https://wordpress.org/download/

img

在本教程发布时,当前最新的WordPress版本为5.8.2

下面红框位置显示,它需要依赖PHP 7.4

我们对比一下PHPStudy里的组件版本,当前PHP 7.4没有安装,后面需要安装一下。其它的我们都已经满足。

接下来,我们要做如下操作:

  • 安装数据库管理工具
  • 创建一个数据库
  • 安装PHP 7.4
  • 为WordPress新创建一个站点
  • 安装与配置WordPress

1 安装数据库管理工具

1.1 安装图形图数据库管理工具,SQL_Front

在PHPStudy面板-软件管理-找到SQL_Front,点击安装按钮

img

安装后,点击管理按钮,打开数据库工具

img

选择localhost本地数据库,点击打开按钮

img

如有错误提示,点击确认,忽略即可,不影响。

img

2 创建一个新数据库

2.1 创建数据库

在localhost上点击右键,选择新建数据库

img

数据库名称,可以自定义,这里填写如下:

数据库名称: wordpress 字符集: utf8mb4 字符集校队: utf8mb4_unicode_ci

之后,点击确认按钮。

img

img

数据库创建成功。

2.2 为数据库创建一个用户

为了安全起见,我们为wordpress数据库,单独创建一个的用户名和密码,用于管理它,而不是使用root账号。

用户点击右键,弹出菜单,选择 新建用户

img

本例中,我们创建一个简单用户名user1,密码:12345678

img

注:本例是为了教学演示,用户名及密码简单,您在生产环境,应该创建更复杂的用户名和密码。

选择权限栏,为用户添加权限,在赋予权限选择数据库,并指定wordpress数据库,然后在右侧勾选所有权限。该用户只能控制wordpress数据库,而不能读写其它数据库。

img

选择配置好的wordpress权限,点击确定按钮。

img

添加好以后,如下图所示:

img

3 安装PHP7.4

在PHPStudy管理面板–软件管理– php7.4.3nts,点击安装

img

4. 创建一个新站点

4.1 创建站点根目录

我们在D盘,创建一个websites目录,再在下面创建一个site1目录,作为本次wordpress站点的根目录,如图:

4.2 访问WordPress官网,下载最新版本的压缩包

下载地址: https://wordpress.org/latest.zip

下载后解压,将所有文件内容,复制

img

粘贴到site1目录下,如下图:

img

4.3 创建新Web站点

在PHPStudy面板–网站–点击创建网站按钮

img

按下图配置:

img

我们在本机,8080端口上,创建了一个新站点。如下图:

img

4.4 打开浏览器测试一下

http://localhost:8080/ ,显示如下图,证明新网站创建成功。

img

5 cpolar配置

如果之前没有安装过cpolar,请参考这个系列的《第一篇》教程。

5.1 在后台预留一个二级子域名

cpolar后台–预留–保留二级子域名,本例中: 二级子域名: dev10 (您可以配置成不同的) 地区: 选择 China VIP(cn_vip) 描述: wordpress (可选)

如下图:

img

5.2 修改cpolar配置文件,添加一个隧道指向8080端口

使用VS Code,打开cpolar配置文件

本例中,配置文件的路径在:C:\Users\michael.cpolar\cpolar.yml

打开后的样式:

img

我们在配置文件的最后面,添加一个新的隧道 隧道名称为wordpress,指向8080端口,二级子域名为dev10,地区是cn_vip,如下:

wordpress:proto: httpaddr: "8080"subdomain: dev10  #这里改为您自己的二级子域名region: cn_vip

修改后的配置文件,如下图:

img

注意:ymal格式是缩进敏感的,注意wordpress隧道的缩进与上面演示站点website的缩进是一致的。

如果缩进不一致,请适当调整。

修改后,保存文件。

5.3 验证cpolar配置文件是否正确

以管理员方式打开命令行窗口

img

关掉后台的cpolar服务

cpolar service stop

在前台运行cpolar,子命令使用start-all,意思是启动配置文件所有隧道,以测试配置文件是否正确。

cpolar start-all

如显示下图,则说明配置文件正确。

img

按CTRL+C,关掉前台cpolar

启动后台cpolar服务

cpolar service start

我们打开浏览器,测试一下 http://dev10.vip.cpolar.cn/

如同样显示下图,则说明公网域名配置成功了。

img

6 WordPress初始化配置

6.1 WordPress初始化设置

现在开始进行WordPress初始化设置

选择中文简体,按继续按钮

img

这里使用前面创建的数据库账号和密码

img

img

这里可以根据您的喜欢自定义配置,点击安装WordPress

img

安装成功后,跳转到Wordpress的后台控制面板

img

安装WordPress成功!

6.2 为WordPress定制主题

WordPress是非常可定制的。通过在页面顶部的 WordPress 横幅中单击您的站点名称(当您登录时),您将被带到仪表板。从那里,您可以更改主题、添加页面和帖子、编辑菜单、添加插件等等。这只是在 Raspberry Pi 的 Web 服务器上设置一些有趣的东西的品尝器。

下面,我们更换一个主题试试。

WordPress仪表盘–>外观–>主题

点击安装主题按钮,如下图:

img

点击热门,选择一个自己喜欢的主题,点击安装按钮

img

主题安装成功后,点击启用按钮。

img

新开一个浏览器窗口,打开 http://dev10.vip.cpolar.cn/

我们来浏览一下新主题的效果。

img

恭喜!我们的新博客站点,已经基本创建成功了!

6.4 安装WordPress相对URL插件(必需)

您必须确保WordPress发布为相对URL,否则使用https地址访问时将出现错误。

您可以通过安装以下插件之一来完成此操作

插件:

  • odt-relative-urls
  • relative-url
  • root-relative-urls

本例中,我们安装Relative URL插件:

  • 登录WordPress仪表盘–>插件–>安装插件

img

  • 在关键词搜索栏输入Relative URL 回车

img

  • 找到插件后点击现在安装按钮
  • 当安装成功后,点击启用按钮,激活插件。

修改config.php配置

您必须确保Wordpress了解它是为了通过隧道主机名提供服务。 您可以通过修改wp-config.php来配置Wordpress以包含以下行:

define('WP_SITEURL', 'http://' . $_SERVER['HTTP_HOST']);
define('WP_HOME', 'http://' . $_SERVER['HTTP_HOST']);
  • 修改wp-config.php文件 打开网站根目录下的wp-config.php文件,添加上面的项,然后保存。

配置好以后如图:

img

现在,我们的博客站点可以被公网正常访问啦!让我们看看效果:

使用https地址访问: https://dev10.vip.cpolar.cn/

img

看着红框里美丽的小锁头,现在心情好多了。^ ^

我们已经成功搭建起了WordPress站点。

总结:

我们创建了一个新Web站点,安装配置了wordpress最新版本,并且配置了公网隧道,二级子域名,并且给新站点配置了主题样式,您拥有了一个属于自己的博客站点,可以写博客,开启自己的自媒体之旅。

在后面的教程里,我们会继续完善WordPress站点的配置,为其配置SSL,如果您喜欢,请分享给好友,并且关注后续章节。

欢迎进一步了解更多关于cpolar的讯息

转载自cpolar极点云文章:如何搭建WordPress博客网站,并且发布至公网上?

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/132899.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Vue面试题以及解答(持续扩展中.....)

##Vue面试题## 1.组件中通讯方式有哪些 组件中通讯有$emit,props,vuex,provid和inject,$parent/$children,$refs,全局总线时间EvenBus,订阅与发布模式的subscrip/publish 2.Vue2和Vue3的区别…

Talk | ICCV‘23北京通用人工智能研究院黄江勇:ARNOLD-三维场景中基于语言的机器人任务学习

本期为TechBeat人工智能社区第531期线上Talk! 北京时间9月14日(周四)20:00, 北京通用人工智能研究院实习研究员—黄江勇的Talk已准时在TechBeat人工智能社区开播! 他与大家分享的主题是: “ARNOLD-三维场景中基于语言的机器人任务学习”&…

ArcGIS Pro将SHP文件转CAD并保留图层名称

相信大家应该都使用过ArcGIS将SHP文件转CAD格式,转换过后所有的要素都在一个图层内,那么有没有办法将SHP文件某个字段的值作为CAD的图层名字呢,答案是肯定的,这里就为大家介绍一下ArcGIS Pro转CAD文件并且保留图层名称的方法&…

[UE]常见数学和插值

UE常见数学和插值 参考unreal中的Transform基础FMatrix、FMatrix44f、FMatrix44dFTranslationMatrixFRotationMatrixTRotator<T>FQuatFScaleMatrixFTransform 关于旋转的几个常见示例1. 将不限范围的角度转换到[0, 360)2.A位置的actor看向B位置3.RotateVector和UnrotateV…

特斯拉的困境:增长与竞争

来源&#xff1a;猛兽财经 作者&#xff1a;猛兽财经 总结&#xff1a; 虽然特斯拉(TSLA)股票仍有很大的上涨潜力;但从全球电动汽车市场的最新发展来看&#xff0c;特斯拉在“电动汽车统治”的道路上仍然面临着很多挑战。 在本文中&#xff0c;猛兽财经将分析我们对特斯拉&…

C语言——字符函数和字符串函数_学习笔记

本文目录 一、字符函数1.1 字符分类函数常见的字符分类函数介绍应用举例 1.2 字符转换函数函数介绍toupper 函数举例 二、字符串函数2.1 常用的字符串函数介绍2.2 应用举例① strlen② strcpy③ strcat④ strcmp⑤ strncpy⑥ strncat⑦ strncmp⑧ strstr⑨ strtok 关于一些字符…

2023Web前端面试题及答案(一)

答案仅供参考&#xff0c;每人的理解不一样。 文章目录 1、简单说一说事件流原理 事件流: &#xff08;1&#xff09;事件流是指页面 接收事件的顺序; &#xff08;2&#xff09;假设页面中的元素都具备相同的事件,并且这些个元素之间是相互嵌套的 关系. &#xff08;3&#xf…

Postman使用_接口导入导出

文章目录 Postman导入数据Collections导出数据Environments导出数据Postman导出所有数据 Postman导入数据 可以导入collections&#xff08;接口集&#xff09;、Environments&#xff08;环境配置&#xff09;通过分享的链接或导出的JSON文件导入数据&#xff08;还可以从第三…

视频监控/安防监控/AI视频分析/边缘计算/TSINGSEE青犀AI算法智慧仓储解决方案

随着全球经济与科学技术的双重推动&#xff0c;我国的仓储管理已经进入了高速发展时期&#xff0c;物流仓储也由简单的储藏仓库向智能化仓储转变。TSINGSEE青犀AI智慧仓储解决方案是利用先进的信息技术和物联网技术来提高仓储管理效率、降低成本的一种仓储管理模式。 方案功能 …

家政服务预约小程序,推拿spa上门预约系统

家政服务预约小程序&#xff0c;用户直接发布需求下单&#xff0c;师傅入驻抢单派单&#xff0c;多商家入驻&#xff0c;上门预约服务流程清晰&#xff0c;适合家政公司或需要预约场景的团队公司使用&#xff0c;支持多种行业上门预约服务场景&#xff1a;家政保洁维修上门服务…

代码随想录--链表-反转链表

题意&#xff1a;反转一个单链表。 示例: 输入: 1->2->3->4->5->NULL 输出: 5->4->3->2->1->NULL 双指针 public class Main {public static class ListNode {int val;ListNode next;ListNode(int x) {val x;}}public ListNode reverseList(L…

Docker从认识到实践再到底层原理(五)|Docker镜像

前言 那么这里博主先安利一些干货满满的专栏了&#xff01; 首先是博主的高质量博客的汇总&#xff0c;这个专栏里面的博客&#xff0c;都是博主最最用心写的一部分&#xff0c;干货满满&#xff0c;希望对大家有帮助。 高质量博客汇总 然后就是博主最近最花时间的一个专栏…

VisualStudio Code 支持C++11插件配置

问题 Visual Studio Code中的插件: Code Runner 支持运行C、C、Java、JS、PHP、Python等多种语言。 但是它不支持C11特性的一些使用&#xff0c;比如类似错误&#xff1a; binarySearch.cpp:26:17: error: non-aggregate type ‘vector’ cannot be initialized with an ini…

Qt For OpenHarmony

本文转载自 OpenHarmony TSC 官方微信公众号《峰会回顾第29期 | Qt For OpenHarmony 》 演讲嘉宾 | 蔡万苍 回顾整理 | 廖 涛 排版校对 | 李萍萍 嘉宾简介 蔡万苍&#xff0c;13 年 C/Qt 开发相关工作经验&#xff0c;曾任职 Qt 公司&#xff0c;担任技术支持、Qt 咨询师…

windows系统docker中将vue项目网站部署在nginx上

一、首先在windows系统上下载并安装docker&#xff0c;要下载windows版本 https://www.docker.com/products/docker-desktop/ PS&#xff1a;安装过程中需要WSL&#xff0c;我的是win11系统&#xff0c;直接提示了我安装就可以下一步了。其他windows系统版本我不知道是否需要单…

C++下标运算符详解

C++ 规定,下标运算符[ ]必须以成员函数的形式进行重载。该重载函数在类中的声明格式如下: 返回值类型 & operator[ ] (参数); const 返回值类型 & operator[ ] (参数) const; 使用第一种声明方式,[ ]不仅可以访问元素,还可以修改元素。使用第二种声明方式,[ ]只…

postgresql-通用表达式

postgresql-通用表达式 入门案例简单CTE递归 CTE案例1案例2 入门案例 -- 通用表达式 with t(n) as (select 2) select * from t;简单CTE WITH cte_name (col1, col2, ...) AS (cte_query_definition ) sql_statement;WITH 表示定义 CTE&#xff0c;因此 CTE 也称为 WITH 查询…

河北省图书馆典藏《乡村振兴振兴战略下传统村落文化旅游设计》许少辉八一新著

河北省图书馆典藏《乡村振兴振兴战略下传统村落文化旅游设计》许少辉八一新著

Nginx(动静分离、分配缓冲区、资源缓存、防盗链、资源压缩、IP黑白名单、大文件传输配置、跨域配置、高可用、性能优化)

Nginx&#xff0c;负载均衡&#xff0c;Http反向代理服务器&#xff0c;支持大部分协议&#xff0c;如TCP、UDP、SMTP、HTTPS 环境搭建 Nginx反向代理-负载均衡 首先通过SpringBootFreemarker快速搭建一个WEB项目&#xff1a;springboot-web-nginx&#xff0c;然后在该项目中&…

FastJSON将对象转JSON字符串引发的血案

问题&#xff1a;最近工作中需要将一个将近两百页的pdf的base64作为value转成JSON字符串&#xff0c;而代码中使用的方案就是JSONObject.toJSONString(obj); 而结果就是引发了OOM内存溢出。 翻阅源码找到一段关键点&#xff1a; 也就是说FastJSON内部设置了一个阈值&#xff…