【果核建站教程】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.本地环境搭建与第一个网站

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

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

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

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

相关推荐

发表回复

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

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

评论列表(43条)

  • cenfeng
    cenfeng 2020年5月28日 下午5:57
    QQbrowser 10.6.4121.400 QQbrowser 10.6.4121.400 Windows 10 x64 Edition Windows 10 x64 Edition

    正式建站怎么搞呢,网站能被别人看到

  • guagua0516
    蛋卷酱 2020年5月3日 下午7:50
    IBrowse r IBrowse r Android 10 Android 10

    根本连不上数据库,怎么办?

  • wssx12138
    解人 2020年4月14日 下午3:13
    Google Chrome 81.0.4044.92 Google Chrome 81.0.4044.92 Windows 10 x64 Edition Windows 10 x64 Edition

    果核大大,请问能不能出一期《如何通过局域网访问自建网站?》我折腾几天了仍不行, 比如手机给电脑开热点, 打开http://192.168.137.1:66/能成功进入我建立的www.666.com首页, 却点不开文章链接http://www.666.com:66/?p=19。花生壳内网穿透也是如此。求教程?

    • simiyu
      simiyu 2020年4月14日 下午4:16
      Google Chrome 81.0.4044.92 Google Chrome 81.0.4044.92 Windows 10 x64 Edition Windows 10 x64 Edition

      大哥,这已经涉及到域名解析DNS了

    • CSN
      CSN 2020年4月14日 下午5:17
      Google Chrome 81.0.4044.92 Google Chrome 81.0.4044.92 Windows 10 x64 Edition Windows 10 x64 Edition

      这篇文章是本地网站~要能访问的话~问果核大大吧

  • cute-ruirui
    cute-ruirui 2020年4月11日 下午4:46
    Google Chrome 81.0.4044.92 Google Chrome 81.0.4044.92 Windows 10 Windows 10

    mysql一启动就停止,百度了好多方法都无法解决

  • dugu2000
    dugu2000 2019年12月17日 上午10:26
    Google Chrome 69.0.3497.100 Google Chrome 69.0.3497.100 Windows 10 x64 Edition Windows 10 x64 Edition

    正在下载WordPress程序

  • 超逗的二哈少爷
    734鸡蛋糕 2019年11月22日 下午4:16
    Google Chrome 78.0.3904.108 Google Chrome 78.0.3904.108 Windows 10 x64 Edition Windows 10 x64 Edition

    我加群没有回答怎么办。

  • wyh
    wyh 2019年9月22日 下午4:42
    Google Chrome 77.0.3865.90 Google Chrome 77.0.3865.90 Windows 10 x64 Edition Windows 10 x64 Edition

    出现 502 Bad Gateway 这个提示 不知道怎么回事?

  • 超逗的二哈少爷
    734鸡蛋糕 2019年9月12日 上午9:26
    Google Chrome 77.0.3865.75 Google Chrome 77.0.3865.75 Windows 10 x64 Edition Windows 10 x64 Edition

    Mac怎么本地搭建网站啊大神,有没有Mac上的WordPress主题。

    • 视觉素子
      视觉素子 2019年9月12日 上午11:54
      Google Chrome 75.0.3770.100 Google Chrome 75.0.3770.100 Windows 7 x64 Edition Windows 7 x64 Edition

      主题是WordPress的,跟系统没关系。至于本地网站,os x上应该也有类似的网页一键集成环境吧,没用过os x系统,你可以自己找找

    • Supernova
      7086cmd 2019年9月13日 上午9:47
      Safari 7.0.3 Safari 7.0.3 Mac OS X  10.9.3 Mac OS X 10.9.3

      你的黑苹果:-)

  • 7086cmd
    7086cmd 2019年9月1日 下午12:45
    Opera 12.14 Opera 12.14 Windows Vista Windows Vista

    果核,为什么我应到不进WordPress呢

  • 小不点
    小不点 2019年8月25日 上午10:21
    Google Chrome 63.0.3239.132 Google Chrome 63.0.3239.132 Windows 7 x64 Edition Windows 7 x64 Edition

    为什么我显示数据库创建失败!

  • 发的SA
    发的SA 2019年8月21日 上午8:49
    Google Chrome 76.0.3809.100 Google Chrome 76.0.3809.100 Windows 10 x64 Edition Windows 10 x64 Edition

    果核大哥,有没有搭建discuz!论坛的教程?跪求

  • 2333
    2333 2019年8月19日 下午9:20
    Firefox 68.0 Firefox 68.0 Windows 10 x64 Edition Windows 10 x64 Edition

    那个啥,群我搜不到。。。

  • songzc
    songzc 2019年8月18日 上午8:46
    Google Chrome 76.0.3809.100 Google Chrome 76.0.3809.100 Windows 10 x64 Edition Windows 10 x64 Edition

    端口被占用,求帮忙

    • 745734066@qq.com
      745 2019年8月18日 下午2:49
      Google Chrome 69.0.3497.100 Google Chrome 69.0.3497.100 Windows 10 x64 Edition Windows 10 x64 Edition

      换一个端口呗

  • caoxino
    caoxino 2019年8月14日 上午12:38
    WebView 4.0 WebView 4.0 Android 9 Android 9

    求教程3啊,思密达亲爱滴

  • 一世殇
    一世殇 2019年8月13日 下午7:56
    Google Chrome 57.0.2987.108 Google Chrome 57.0.2987.108 Windows Server 2003 Windows Server 2003

    我装的phpstudy集成环境mysql和nginx启动不了,这是怎么回事,求解

    • applek
      年费VIP果核剥壳 2019年8月13日 下午8:31
      Google Chrome 69.0.3497.100 Google Chrome 69.0.3497.100 Windows 10 x64 Edition Windows 10 x64 Edition

      可能端口被占用了

  • creator2k
    creator2k 2019年8月12日 下午8:39
    WebView 4.0 WebView 4.0 Android 9 Android 9

    果核这里永远是干货满满!!

  • 念小石头
    念小石头 2019年8月11日 上午11:18
    Google Chrome 69.0.3497.100 Google Chrome 69.0.3497.100 Windows 10 x64 Edition Windows 10 x64 Edition

    这么快就又制作好新的教程了,辛苦了!

  • caoxino
    caoxino 2019年8月11日 上午10:13
    WebView 4.0 WebView 4.0 Android 9 Android 9

    新玩具,感觉发现了新世界,棒棒哒!期待新一期!

  • Sky_Freedom
    Sky_Freedom 2019年8月10日 下午5:52
    QQbrowser 10.5.3768.400 QQbrowser 10.5.3768.400 Windows 7 x64 Edition Windows 7 x64 Edition

    非常棒,支持一下

  • monseasd
    monseasd 2019年8月10日 下午2:32
    Google Chrome 75.0.3770.80 Google Chrome 75.0.3770.80 Windows 10 x64 Edition Windows 10 x64 Edition

    感谢教程,学到很多