wordpress+ngrok+xampp 搭建免费个人博客

前言

相信有很多朋友都想要拥有一个属于自己的博客，现在市面上的博客有很多种，半年前我就搭建了一个基于hexo的个人博客，免费且可自定义设计。然后将其部署到github上，确实hexo搭建的个人博客，代码自己都可以操作，对于学前端的同学来说还是比较友好，就是挂载到github访问真的太慢了，本人实操之后，表示心很累。其次最火热的便是wordpress，可是大家都知道wordpress的博客虽然好，但是却要自己购买服务器，购买域名等一系列花钱的操作。再好的体验也显得不那么友好了。一次偶然的机会我发现花生壳的内网穿透，于是这样一个免费的基于wordpress的博客就应运而生了。计算机网络的知识总算是用到了

搭建步骤

一、下载花生壳

https://hsk.oray.com/download/

下载成功之后，注册可获得免费域名（免费的域名还是有点丑哈哈哈，不过对域名颜值有要求的同学可以花18元在花生壳买一个永久的二级域名）

在客户端设置内网穿透，通过cmd输入ipconfig查看本机ip地址，将自己的ip地址输入内网主机，默认端口80

选择HTTP请求（这里可能需要六元的HTTP认证，相对于买服务器来说这六元太值了）

二、下载XAMPP

xampp方便了许多不喜欢装大量软件在电脑上的同学，包括apache和mysql等一些列后台软件

我在下载xampp的时候是去官网下载的https://www.apachefriends.org/index.html。但是我用了*才下载成功

如果没有*的朋友还是使用一些流氓软件的下载方式

下载之后将apache和mysql点击start。这里如果start失败，可能有计算机的同学本身电脑就下载了，需要将原有的删掉才可成功开启。

成功start之后，网址输入localhost就可以访问到xampp的欢迎页面了

三、下载wordpress

下载地址：https://cn.wordpress.org/

下载压缩包之后解压即可

四、将wordpress导入xampp

（1）打开XAMPP安装目录下面的htdocs文件夹，例如F:\xampp\htdocs，然后再这里新建一个文件夹（例如：wp），路径为：F:\xampp\htdocs\wp

（2）然后，将解压的wordpress文件夹里面的文件全部复制粘贴到F:\xampp\htdocs\wp路径里面即完成XAMPP+WordPress的整合。

（3）最后，打开localhost/wp，看到WordPress的创建提示，即为成功。

五、新建mysql数据库（安装wordpress前就需要创建）

（1）打开浏览器，输入localhost/phpmyadmin，进入MySql管理页面，

（2）点击选项卡的数据库选项，可以看到“新建数据库”字样下面有一个输入框，在里面输入数据库名称（这里演示的数据库为wp），

（3）最后，直接点击创建，即完成了MySql数据库的创建。

六、安装wordpress

（1）打开浏览器，输入localhost/wp，进入WordPress安装界面。

（2）按照提示进行安装。

（3）需要注意的是数据库那一部分，数据库名称输入刚刚创建的“wp”，然后数据库用户输入“root”，数据库密码为空（不用填），其他的不用管。

（4）点击下一步，直到安装完毕，最后进入管理界面，即WordPress已安装完成。

（5）再次打开浏览器输入localhost/wp，就进入wordpress站点界面

七、wordpress绑定域名

（1）在站点界面点击设置-常规

（2）将wordpress地址和站点地址更换为自己的域名/wp (从“http://localhost/wp”修改成“http://域名/wp”)

（3）现在大功告成，已经可以通过“域名/wp”访问WordPress了。

八、wordpress博客自定义

搭建好博客之后就可以利用wordpress对自己的博客进行自定义了，例如更换主题、增加元素之类的。

如果对css，前端有了解的朋友可以在自定义的最下方找到自定义代码，自己上代码对样式进行改造哦。

注意：可能有很多朋友会说为啥域名后面要跟一个/wp.其实这是跟我们创建的文件有关系，我们将wordpress的所有压缩文件放再了wp里面，所以如果只需要域名访问的话，将wp里面的东西暴露出来，直接放在htdocs文件里面。就可以直接域名访问了