【果核建站教程】2.本地环境搭建与第一个网站 - 果核剥壳

第一篇教程大家都能理解,那么本节我们就要进入实战教程咯。

【果核建站教程】2.本地环境搭建与第一个网站

这节教程讲在本地搭建环境和安装程序。

本地环境的搭建

之前有教程讲如何在Windows开启Linux系统,本来想直接让大家在Linux系统上面操作的,不过考虑到有部分同学没有安装Linux和使用的精简版系统导致无法启用Linux,今天就先让大家直接在Windows上安装环境吧。Linux后面等大家有服务器了以后再玩。

本地PHP环境的搭建,要说简单也简单,要说麻烦也麻烦,这儿推荐大家使用PHP集成环境软件:PHPstudy。目前官网已经更新到了8.0版本,非常好用,推荐大家使用,下载地址:

phpStudy 8.1.0.1 绿色版

phpstudy是对新手使用php最友好的一个软件,提供了一键配置环境的功能,经过一段时间的内测,现…>

下载对应符合自己的电脑位数的版本安装,程序默认是安装在C盘的。还别说,这个安装包界面和QQ家的好像~

【果核建站教程】2.本地环境搭建与第一个网站

点击立即安装以后,稍等一会,就安装完成了,你看到下面的界面是这个样子。是不是有点头大了

【果核建站教程】2.本地环境搭建与第一个网站

【果核建站教程】2.本地环境搭建与第一个网站

没事,看不懂,跟我操作,首先来跟大家解释一下上面的4个套件。

Apache和Nginx都是web服务器,他们能处理网站文件,将网站文件指向服务器执行文件。二选一即可,Apache俗称阿帕奇,稳定性不错,拓展多。Nginx并发能力强,运行效率高。

FTP,我们本地是用不上的,服务器支持FTP协议,我们就用使用FTP软件连接上服务器,进行文件管理了。

MySQL是数据库服务器,通常网站会把数据库和网站文件分离出来,方便管理。

上面我们要用到的是Nginx和MySQL,我们给启动起来。启动成功后,你应该能看到红色的停止按钮变成播放按钮。

如果不能成功启动,说明端口可能被占用,可以加群:664592923,果核可以帮你远程看看。

【果核建站教程】2.本地环境搭建与第一个网站

开启服务以后,我们在浏览器里面访问127.0.0.1或者http://localhost/ 看到如下界面,说明我们服务器已经正常配置。

【果核建站教程】2.本地环境搭建与第一个网站

很好,本地简单的环境就配置好了。这个时候,就能在本地运行简单的网页文件了,但是要运行PHP程序,还需要安装环境。

接下来,去安装PHP环境。

找到软件的环境选项卡,选择PHP7.0 版本安装。PHP有很多的版本,目前最新的版本的7.3版本,我们使用7.0或者7.1就够了。7.0版本相比5.6版本,速度提升了很多倍。

为啥不用7.3或者7.2呢,因为可能会导致我们以后安装的WordPress程序的插件或者主题不兼容。

【果核建站教程】2.本地环境搭建与第一个网站

环境安装好以后,就能正式来创建一个我们的网站了。

建立第一个网站

现在给你一个权力,你想一个域名,想什么域名就什么域名。不用在意是不是已经注册。就算你想用www.qq.com这个域名当你网站地址,也没有问题。因为本地环境,我们说了算!

【果核建站教程】2.本地环境搭建与第一个网站

果核比较低调,就用这个域名吧www.me.com,嗯,苹果的域名是我的了

在PHPstudy中选择网站,可以看到里面有一个已经绑定的域名了,就是之前我们输入的那个地址。不用管,现在新创建一个网站。点击创建网站按钮。

【果核建站教程】2.本地环境搭建与第一个网站

在弹出的窗口,输入我们想的域名,现在这个域名被我们征用了~域名填写带www的域名,第二域名可以又起一个域名的,但是这儿我们就直接输入不带www的域名了,不绑定多个域名。

【果核建站教程】2.本地环境搭建与第一个网站

勾选创建数据库选择框后,会弹出一个让我们创建网站数据库的窗口。直接用域名当名称和用户名,密码输入比较好记的就行。

【果核建站教程】2.本地环境搭建与第一个网站

创建成功后,点击确认,我们的网站初步就搭建好了。这下访问一下这个域名看看吧~

这下,网页打开会提示403错误,因为我们还没有部署网站程序,这个目录下面什么文件也木有。

【果核建站教程】2.本地环境搭建与第一个网站

为什么这个域名可以用了呢?原理是通过HOST修改,把这个域名劫持到了本地,仅仅是我们本地访问这个域名,就指向了本地的一个目录,在其他电脑,没有修改HOST文件,打开我们自定义的域名,还是网站原来的地址。

安装WordPress程序

网站也被我们创建好了,那么接下来就是安装网站程序了。访问:https://cn.wordpress.org/download/

下载WordPress程序

【果核建站教程】2.本地环境搭建与第一个网站

下载好程序以后,打开网站根目录。在PHPstudy中,找到网站,点击管理按钮,选择最后一个菜单:打开根目录

【果核建站教程】2.本地环境搭建与第一个网站

会打开目录:D:\phpstudy_pro\WWW\www.me.com

以后我们创建是所有网站,默认就在D:\phpstudy_pro\WWW这个目录里面了。

【果核建站教程】2.本地环境搭建与第一个网站

下载的压缩包解压到根目录,注意压缩包里面还有一个目录,要把wordpress目录里面的全部内容解压到根目录。

这个时候你的目录应该是这样的

【果核建站教程】2.本地环境搭建与第一个网站

这下,再一次访问www.me.com,奇迹发生了!

网页出现了WordPress引导安装页面。

【果核建站教程】2.本地环境搭建与第一个网站

跟随引导,点击现在就开始按钮,会来到数据库信息填写页面。还记得上面创建的数据库吗?就填入上面创建的数据库名称和密码。

数据库主机和表前缀一般不用修改。

我是这样写的,如果你写的不一样,请按照你创建网站的时候填写的信息填入。

最后点击提交按钮。

【果核建站教程】2.本地环境搭建与第一个网站

如果账号密码没有问题,并且数据库正常,那么会提示你开始连接数据库。点击现在安装按钮。

【果核建站教程】2.本地环境搭建与第一个网站

安装成功以后,就会要求我们填写网站信息了。根据你自己的喜好填写网站标题。

用户名需要你记住,如果使用太简单的密码的话,需要勾选确认使用弱密码。

电子邮件可以随便填写一个,当然了,最好还是填写你真实的。

这儿的信息,以后都可以修改。

最后点击安装WordPress

【果核建站教程】2.本地环境搭建与第一个网站

安装完成后,我们就能登录网站后台了。

【果核建站教程】2.本地环境搭建与第一个网站

点击登录按钮,输入账号密码,进入后台。

WordPress的后台长这个样子。

【果核建站教程】2.本地环境搭建与第一个网站

在进入网站首页,浏览器输入我们自定义的域名。我自定义的是www.me.com

这就是网站首页了。

【果核建站教程】2.本地环境搭建与第一个网站

至此,我们的程序就搭建完成了。大家可以自己看看程序里面有些什么东西。WordPress的后台页面是:www.me.com/wp-admin

今天的教程就到这儿。下一期,我们继续讲如何给网站安装主题来达到美化的界面,自带的主题实在是丑。

不过聪明的你,可能在我讲之前,你就会了哦~加油吧!

更多讨论请加群:664592923,有问题找果核免费帮你解决!

【果核建站教程】2.本地环境搭建与第一个网站

如果您喜欢本站,点击这儿不花一分钱捐赠本站

这些信息可能会帮助到你: 下载帮助 | 报毒说明 | 进站必看

修改版本安卓软件,加群提示为修改者自留,非本站信息,注意鉴别

(115)
上一篇 2019年8月9日 下午9:35
下一篇 2019年8月12日 上午10:10

相关推荐

发表回复

评论问题之前,点击我,能帮你解决大部分问题

您的电子邮箱地址不会被公开。 必填项已用*标注

评论列表(43条)

  • Test
    Test 2024年1月30日 下午4:41
    Google Chrome 100.0.0.0 Google Chrome 100.0.0.0 Android 10 Android 10

    局域网内其他电脑访问提示超时怎么办,本机可以访问。

  • xjq2009
    xjq2009 2022年7月25日 上午9:38
    Google Chrome 103.0.0.0 Google Chrome 103.0.0.0 Windows 10 x64 Edition Windows 10 x64 Edition

    www.me.com是苹果的iCloud笑哭

    • moran123
      moran123 2022年11月28日 下午3:34
      Google Chrome 108.0.5348.0 Google Chrome 108.0.5348.0 Windows 7 x64 Edition Windows 7 x64 Edition

      我记得以前是苹果官网

  • 2668464193
    2668464193 2022年7月6日 上午12:13
    Google Chrome 80.0.3987.163 Google Chrome 80.0.3987.163 Windows 7 x64 Edition Windows 7 x64 Edition

    服务器用公网IP搭建,http://服务器ip/文件名.txt ,这个怎么操作??

  • 憨憨敢敢
    憨憨敢敢 2022年7月3日 下午5:40
    Firefox 102.0 Firefox 102.0 Windows 10 x64 Edition Windows 10 x64 Edition

    PHP 7.0.9版本好像会不兼容,我刚开始用的7.0.9显示错误502,后来换成7.1.9就都正常了 wordpress的版本和教程图片上的一样

  • 星夏
    星夏 2022年6月24日 上午11:14
    Google Chrome 86.0.4240.198 Google Chrome 86.0.4240.198 Windows 10 x64 Edition Windows 10 x64 Edition

    难过也不知道是哪里错误,只要打开我自定的域名就是网络连接错误

    • 星夏
      星夏 2022年6月24日 上午11:17
      Google Chrome 86.0.4240.198 Google Chrome 86.0.4240.198 Windows 10 x64 Edition Windows 10 x64 Edition

      找到问题了,不输入www,只输入第二域名就能进难过

  • 硬梆梆的漢堡包
    硬梆梆的漢堡包 2022年6月6日 上午10:48
    Google Chrome 86.0.4240.198 Google Chrome 86.0.4240.198 Windows 10 x64 Edition Windows 10 x64 Edition

    这下,再一次访问www.me.com,奇迹发生了!
    网页出现了WordPress引导安装页面。
    -------------------------
    大神,我这几天尝试了很多次,还是卡在了这部,解压wordpress的文件进去之后,打开www.me.com,还是没有显示上图的页面,什么都没有。是不是需要在hosts里面增加对应的本地网址??
    谢谢!

    • 果核剥壳
      年费VIP果核剥壳 2022年6月6日 上午11:06
      Microsoft Edge 101.0.1210.53 Microsoft Edge 101.0.1210.53 Windows 10 x64 Edition Windows 10 x64 Edition

      需要

    • 硬梆梆的漢堡包
      硬梆梆的漢堡包 2022年6月6日 上午11:07
      Google Chrome 86.0.4240.198 Google Chrome 86.0.4240.198 Windows 10 x64 Edition Windows 10 x64 Edition

      -----------------
      我试出来了,如上:
      需要打开hosts文件,然后在里面添加:
      127.0.0.1 www.me.com
      保存,关闭。然后你会发现,在浏览器上,可以打开www.me.com的界面了。
      然后按果核的教程继续下去~

  • 硬梆梆的漢堡包
    硬梆梆的漢堡包 2022年5月17日 下午5:41
    Google Chrome 86.0.4240.198 Google Chrome 86.0.4240.198 Windows 10 x64 Edition Windows 10 x64 Edition

    我去到 解压wordpress到那个www.me.com根目录之后,在浏览器重新打开www.me.com,发现没有出现上文所说的wordpress里面的信息,请问是什么问题呢?怎么解决?谢谢

    • psf2292551082
      psf2292551082 2022年5月17日 下午8:12
      Google Chrome 95.0.4638.69 Google Chrome 95.0.4638.69 Windows 10 x64 Edition Windows 10 x64 Edition

      总有报错吧,啥都不说怎么给你解决

    • 硬梆梆的漢堡包
      硬梆梆的漢堡包 2022年6月5日 下午12:45
      Google Chrome 86.0.4240.198 Google Chrome 86.0.4240.198 Windows 10 x64 Edition Windows 10 x64 Edition

      就是 按上面的步骤,解压wordpress到那个www.me.com根目录之后,在浏览器重新打开www.me.com,
      www.me.com里面什么都没有。没有上文所说的有显示解压的文件信息。不知道哪里出问题了。步骤一步一步跟上面的教程走的。

  • 24324235325
    24324235325 2021年1月23日 下午6:07
    Google Chrome 75.0.3770.100 Google Chrome 75.0.3770.100 Windows 10 x64 Edition Windows 10 x64 Edition

    这种网站其他人可以访问吗?

    • 李沁小迷弟
      李沁小迷弟 2021年6月3日 上午11:10
      QQbrowser 10.8.4405.400 QQbrowser 10.8.4405.400 Windows 10 x64 Edition Windows 10 x64 Edition

      只有内网才能访问

    • 热心网友
      热心网友 2021年9月15日 下午1:27
      WebView 4.0 WebView 4.0 Android 6.0.1 Android 6.0.1

      内网穿透即可,有免费的frp

  • 2847587055
    2847587055 2020年10月4日 下午7:10
    Microsoft Edge 85.0.564.68 Microsoft Edge 85.0.564.68 Windows 10 x64 Edition Windows 10 x64 Edition

    现在版本的phpstudy已经集成了WordPress ,可以一键部署,不需要去官网下WordPress了