与 WordPress 的美妙相遇

与 WordPress 的美妙相遇

折折腾腾搞了几年的个人博客,东搞西搞,搞来搞去也不满意。最终痛定思痛,想彻底解决这个问题,最后筛选了一些建站工具后选择了 WordPress,可能是因为喜欢他的风格吧。

 

安装问题

 

让我万万没有想到的是,这个在我看来、和在 ``WordPress`` 看来简单的小东西的安装就卡住了。

image.png

PHP环境

首先就是安装环境的要求

image.png

话说这个鄙视链底端(无心挑衅,诚我不欺,瑟瑟发抖,婀娜多姿,如有得罪,在下赔罪,多谢多谢)的语言我曾经只是看过同事一番操作,没有亲自上手写过。而且这个 WordPress 又是基于这个语言构建的,着实有点不会了。所以没办法,我决定

 

image.png

 

我预计给了自己1个小时时间想要速成 PHP 开发,现在是 2020年10月18日11:04:11 ,一小时后见。等等

 

image.png

第一次下载 PHP 的包,不清楚情况,检查了一下网速。

 

image.png

此时我只有默默的等他下载完成。趁着这个机会,赶紧去看看 WordPress 的主题吧。

 

image.png

30分钟终于下好了,那么开始吧。

 

windows 环境

 

我现在像个小孩子拿到一个玩具一样盯着 PHP 的包看

image.png

我试着解压它

 

image.png

 

发现了我想要的东西 README.md ,因为现在在 window 环境,所以找到了关键的信息

 

image.png

我顺着文档的指示来到

 

image.png

继续在网页中寻找自己想要的结果 windows。windows。windows。windows。windows。windows。找到 !

 

image.png

 

下载 window 环境 PHP 包

 

继续下载!

 

image.png

 

解压之后继续找到 README.md 中的内容,跟随 README.md 的指引来到了

 

image.png

 

应该很快就可以安好了吧

image.png

 

image.png

 

先去搞个 WampServer https://www.wampserver.com/

 

 

下载 PHP 的运行服务器 Apache WampServer

 

 

image.png

 

选择直接下载 https://sourceforge.net/projects/wampserver/files/

 

image.png

 

emmm.... 安完 wampserver 心里很不愉快

 

image.png

 

这货居然自带这么多环境, 我本地是已经有 MySQL环境的,但是又取消不掉,甚是搞笑。不管了,先安再说。。。

 

image.png

 

image.png

 

好像安完了

image.png

嗯,他来了。让我看看他是什么样子,弹了几个黑窗口后,看了下任务栏,多了一个小东西。

 

image.png 看看到底是个什么鬼。

 

image.png

 

emmm.... 根据 WordPress 的要求,我先将 PHP 环境切换一下。

 

image.png

 

image.png

 

嗯,看起来好像还不错,然后试着把 WordPress 放上来搞一搞吧。

 

安装 WordPress

 

image.png

 

将WordPress压缩包解压至一个空文件夹,并上传它。

 

应该是上传到这里了

 

image.png

 

image.png

放上去试一试。

 

image.png

在浏览器中访问wp-admin/install.php。它将帮助您把数据库连接信息写入到wp-config.php文件中。

  1. 如果上述方法无效,也没关系,这很正常。请用文本编辑器(如写字板)手动打开wp-config-sample.php文件,填入数据库信息。
  2. 将文件另存为wp-config.php并上传。
  3. 在浏览器中访问wp-admin/install.php

 

这步需要配置数据库,我先看下我本地的数据库情况

image.png

 

环境没有问题,继续;

 

浏览器输入:http://localhost/wordpress/wp-admin/setup-config.php

 

image.png

 

看来一切都在掌握之中。继续配置一些数据库的基本参数

 

image.png

 

额。需要我给它创建 数据库。还以为会自动创建,草率了。

 

image.png

 

image.png

 

这里选择 utf8mb4 是因为他可以存储一些特殊字符比如 🔨😚🤺🤦‍♂️🤳⚒🗯⛏😒😍🤣😂📄👌💖🤷‍♀️😁👏👏🎂

 

建好了重试一下

 

image.png

 

image.png

 

嗯,受到了夸奖,继续

 

image.png

 

这里需要配置一些自己站点的内容,自由发挥,我是星尘的一个朋友 lvgo。 搞起

 

image.png

 

一切看起来很顺利。开始登陆了,紧张。

 

image.png

 

🔊哇哇哇哇哇哇哇哇哇,似乎和我想的一样

 

image.png

 

等等,不对。PHP 呢?

image.png

 

emm... 2020年10月18日12:54:26。去它的吧。 WampServer 真香,后面面向百度编程 PHP 好了。

 

 

跑起来之后

 

看到了心中期待的后台之后,觉得还不错。试着看看页面长什么样子。

 

 

编辑区

 

编辑区,终于不用多个软件来回倒了吗?还不清楚

 

image.png

image.png

 

页面看起来还好

 

image.png

 

嗯,看起来好像还不错。

 

自动升级

 

image.png

 

就像 README.md 中说的一样,自动升级简直不要太好用。

image.png

 

尝试更新一下

 

image.png

 

体验很流畅

 

image.png

 

升级完成。爱了爱了

升级插件

image.png

升级主题

image.png

 

image.png

 

image.png

 

丝滑顺畅。

 

爱上它之后

 

主题

 

image.png

 

关于 WordPress 的主题个人还是比较喜欢这种大气的感觉,相比起一些紧凑型布局个人更喜欢这种放肆的体验。多列一些看看

image.png

 

image.png

 

随便点几个进去看看页面效果

 

 

image.png

 

image.png

下面这个熟悉吧

 

image.png

 

image.png

 

没错,就是喜欢这种开幕雷击的感觉

 

image.png

期待ing。。。。。

 

控制台

 

image.png

 

控制台布局自由拖拽

 

image.png

我要去慢慢研究了,期待建站结果。感觉还需要花点精力在上面🤔

 

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值