百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程网 > 正文

简单6个步骤教会你快速搭建一个网站

yuyutoo 2024-10-15 17:00 7 浏览 0 评论

本篇文章主要针对刚入行的SEOer,要快速的在一个职业中获得成长,对于一个SEO新手最好搭建一个个人网站,不仅能够通过这个小站测试自己的SEO推理,也能够当做笔记记录自己SEO成长之路的点点滴滴,基于此“迷路的小爬虫”给站长朋友做了一个搭建个人站的详细教程。

一、前提准备

本地搭建一个网站都需要哪些基本元素,以及这些元素都有什么作用?在这里小编直接给站长朋友列出来通俗讲解:

1、 Apache服务器:一个很牛逼的web服务器,类似于windows环境下的IIS服务器,它就像一个容器,web应用程序放进去之后,用户就可以通过浏览器去访问指定目录的网站与其交互;

2、 Php:中文名字,超文本预处理器,依托于web服务器,用来解析使用php语言编写的网页程序,使网页呈现为咱们日常接触到的html页面;

3、 Mysql数据库,这个不多说,用来存储网站数据用的;

4、 phpMyAdmin:一款数据库管理软件,主要便于操作mysql用的;

5、 wordpress程序:一个入手很容易的网站程序,适合所有的新手SEOer。

如下图:

二、搭建Apache服务器

1、解压Apache安装软件,由于下载的是编译过的程序,所以只需要配置即可安装成功。如图:

2、管理员身份打开控制台,使用命令安装程序。如下图:

然后在控制台输入services.msc命令,进入服务台,查看apache是否安装成功。如下图:

如上图发现在服务控制台多了一个apache的名称,如果在没有安装Apache服务器之前有这项服务,说明这台电脑之前安装过,直接配置即可,如果你想要重新安装,需求先删除掉该服务,要不你在安装的过程中会遇到很多麻烦的问题,删除命令:sc delete apache,同样是在管理员的权限下打开控制台输入该命令即可删除。

3、启动Apache服务器

进入Apache的解压文件夹下,进入bin目录,找到ApacheMonitor.exe文件,点击可以。如下图:

然后会弹出一个窗口,点击启动,即可开启Apache服务。如下图:

然后在浏览器地址框输入http://localhost 回车测试打开。如下图:

Apache的搭建是就是这么简单,这里要提醒站长朋友,在官网上下载Apache的时候一定要看清楚要兼容的VC环境,装了匹配的VC之后在安装Apache,要不你在安装的过程中会报错。

注:相关网站建设技巧阅读请移步到建站教程频道。

三、配置php环境

1、同样php模块选择也是免安装版,直接解压到自己习惯的文件夹中配置即可,提醒站长在官网上下载的时候也要注意系统和VC环境支持。解压路径如下图:

进入php的解压目录,找到php.ini-production或者php.ini-development任意一个,重命名为php.ini;然后将D:\php\ext和D:\php\加入到系统变量的环境变量PATH中,如下图:

2、配置php.ini

这里说的配置主要是开启几个常用php扩展项目,可以根据需要开启。用记事本打开php.ini文件,配置如下:

1) 找到; extension_dir = "ext",去掉前面的分号

2) 找到;extension=php_mbstring.dll,去掉前面的分号

3) 找到; extension=php_mysqli.dll,去掉前面的分号

4) 找到; extension=php_pdo_mysql.dll,去掉前面的分号

这样php环境就算配置完成,在后面会提到在Apache的配置文件中加载php模块,这个在配置Apache的时候再讲。

四、Mysql配置安装

1、这里要讲的Mysql也是免安装版,直接解压到自己习惯命名的文件夹配置即可,解压路径如下图:

2、配置my-default.ini

进入这个路径然后找到my-default.ini,用记事本打开,修改文件中内容basedir和datadir的值,主要是填写安装的路径和data保存的路径,正确填写如下图:

3、配置环境变量

复制Mysql解压的bin目录路径到系统的环境中,中间以分号隔开,如下图:

4、安装Mysql服务

管理员权限打开控制台,找到安装Mysql的bin目录,然后使用mysqld –install命令安装,如下图安装成功:

然后使用命令net start mysql启动数据库即可,Mysql数据库的配置安装就到此为止,具体的使用由于篇幅不做具体的详解。

五、配置Apache服务器

在配置了php环境和安装了Mysql之后,要对Apache的配置文件做一下更改,以便于下一个步骤中php网站的解析。

用记事本打开D:\Apache24\conf\httpd.conf这个文件,由于最新版本的Apache的ServerRoot默认都是开启的,并且在解压后基于根路径使用的相对路径,基本不用改动,这里只讲需要改动的属性和模块。

1、 找到DirectoryIndex ,由于是php开发的网站程序,增加index.php;

2、 添加php模块,让apache支持php,由于小编使用的php7,所以在配置文件最后增加如下如下代码:

LoadModule php7_module "D:/php/php7apache2_4.dll"

<IfModule mime_module>

AddType application/x-httpd-php .php

</IfModule>

PHPIniDir "D:/php" *告知Apache php.ini所在的位置*

截图如下:

至此,httpd.conf 基本配置全部完成,保存httpd.conf,如果后续网站要增加一些模块或者开启一些模块功能,基本上都是在这个配置文件里面做更改。

六、配置wordpress网站

在wordpress的官方网站上下载即可,然后把压缩包复制到D:\Apache24\htdocs这个路径下解压,由于Apache的DocumentRoot路径已经定义好为htdocs这个目录,所以在本地的话直接通过访问http://localhost就可以直接跳转到wordpress的配置界面了。如下图:

当然实际去用的话还需要对网站和数据库的连接方面做一些配置,这个后续会专门用一篇文章来做分享。

以上6个步骤只要你认真的按照教程去做,即使是刚入手的SEOer,也能够短时间内很容易的搭建出自己的第一个网站,为了能够让站长朋友从一开始就打好根基的去配置一个站,小编也是煞费苦心,没有选择Apache官网上提供的集成环境,集成环境相对会更加容易,但是会让你对web服务器上的配置理解有局限性,为了你以后能够有更好的发展,打好根基还是非常有必要的。

本篇文章由“迷路的小爬虫”手写原创,微信公众账号:seopachong,转载请注明作者版权信息,谢谢合作!

相关推荐

网站建设:从新手到高手

现代化网站应用领域非常广泛,从个人形象网站展示、企业商业网站运作、到政府公益等服务网站,各行各业都需要网站建设。大体上可以归结四类:宣传型网站设计、产品型网站制作、电子商务型网站建设、定制型功能网站开...

JetBrains 推出全新 AI 编程工具 Junie,助力高效开发

JetBrains宣布推出名为Junie的全新AI编程工具。这款工具不仅能执行简单的代码生成与检查任务,还能应对编写测试、验证结果等复杂项目,为开发者提供全方位支持。根据SWEBench...

AI也能写代码!代码生成、代码补全、注释生成、代码翻译轻松搞定

清华GLM技术团队打造的多语言代码生成模型CodeGeeX近期更新了新的开源版本「CodeGeeX2-6B」。CodeGeeX2是多语言代码生成模型CodeGeeX的第二代模型,不同于一代CodeG...

一键生成前后端代码,一个36k星的企业级低代码平台

「企业级低代码平台」前后端分离架构SpringBoot2.x,SpringCloud,AntDesign&Vue,Mybatis,Shiro,JWT。强大的代码生成器让前后端代码一键生成,无需写任...

Gitee 代码托管实战指南:5 步完成本地项目云端同步(附避坑要点)

核心流程拆解:远程仓库的搭建登录Gitee官网(注册账号比较简单,大家自行操作),点击“新建仓库”,建议勾选“初始化仓库”和“设置模板文件”(如.gitignore),避免上传临时文件。...

jeecg-boot 源码项目-强烈推荐使用

JEECGBOOT低代码开发平台...

JetBrains推出全新AI编程工具Junie,强调以开发者为中心

IT之家2月1日消息,JetBrains发文,宣布推出一款名为Junie的全新AI编程工具,官方声称这款AI工具既能执行简单的代码生成与检查等基础任务,也能应对“编写测试、验证结...

JetBrains旗下WebStorm和Rider现已加入“非商用免费”阵营

IT之家10月25日消息,软件开发商JetBrains今日宣布,旗下WebStorm(JavaScript开发工具)和Rider(.NET开发工具)现已加入“非商用免费”阵营。如果...

谈谈websocket跨域

了解websocketwebsocket是HTML5的新特性,在客户端和服务端提供了一个基于TCP连接的双向通道。...

websocket调试工具

...

利用webSocket实现消息的实时推送

1.什么是webSocketwebSocket实现实现推送消息WebSocket是HTML5开始提供的一种在单个TCP连接上进行全双工通讯的协议。以前的推送技术使用Ajax轮询,浏览器需...

Flutter UI自动化测试技术方案选型与探索

...

为 Go 开发的 WebSocket 库

#记录我的2024#...

「Java基础」Springboot+Websocket的实现后端数据实时推送

这篇文章主要就是实现这个功能,只演示一个基本的案例。使用的是websocket技术。...

【Spring Boot】WebSocket 的 6 种集成方式

介绍...

取消回复欢迎 发表评论: