怎么搭建自己的个人博客网站

如何搭建自己的个人博客网站

****** 本文原创,禁止一切形式的转载,请尊重作者权利。


如何搭建自己的个人博客网站

 

一、写作背景

随着信息时代的发展,催生博客文化,但受限于博客提供商有些功能或界面不能由自己决定,因此有的人想要在internet上拥有自己的个人网站,本文从无到有一步步描述个人博客网站的搭建步骤。

 

二、适用对象

小白、具有初步web知识的同学。

 

三、说明

本文所述的网站使用开源项目搭建,不能用于商业化目的,仅仅为个人爱好服务。因为使用开源项目,所以只需要读懂程序就好了,因此需要的专业知识也较少。

 

四、准备材料

大家可以登录的我的个人网站 www.ycxblog.com下载所需材料。

 

1.网站项目。(开源项目就可以)

 

2.环境。这里需要 apache 2.2 + php 5.2.6 + mysql 5.5.6

(就像运行JAVA程序需要jre一样,运行web项目也需要环境的搭建)

 

因为apache 有多个版本,php也有多个版本,不同的版本间不一定相互支持,而且还存在32位和64位之间的矛盾,但是题主提供的apache2.2和php5.2是一定相互支持的,mysql的话推荐5.5版本。

 

----以下是需要花费老爷爷的地方。如果只想学习web部署的话,以上就可以了。若真的想通过万维网访问的话,以下不可缺少。

 

3.一个服务器。如果是学生的话推荐学生云服务器,一般如阿里、百度、腾讯都会有针对学生的优惠,当然期限只到毕业为止,价格一般在1-10元/月不等,如果没有学生认证的话,费用最低大概在45元/月。本文以腾讯学生云为例。

 

4.一个域名。 首选.com域名,其次是.me域名(费用较贵),学生域名.com以腾讯提供优惠为基础费用在1元/年。无学生认证大概需要50元/年。

 

 

五、搭建步骤

1.     准备上述材料。

2.     注册一个腾讯云账号,一般qq就可以登陆。

3.     完成实名/学生认证。

4.     审核通过后,购买一个服务器。如果你是学生的话,推荐如下选择。

怎么搭建自己的个人博客网站

怎么搭建自己的个人博客网站

这样费用是65元/月,如果你完成了学生认证,会有64元的优惠券按月发放。国外服务器不需要备案,国内可能需要备案,具体情况根据自身定。推荐选择距离自己近的服务器即可。

 

5.     购买服务器后,可以看到自己的服务器信息。记录下服务器的外网ip地址,此处关键。

怎么搭建自己的个人博客网站

 

6.     购买一个域名。域名提供商与云服务商合作,各个云服务商与不同的域名提供商合作,如阿里云与万网合作。点击 云产品 – 域名管理 – 域名服务 – 域名注册,然后输入你想注册的域名并选择网站后缀,如 xxx.com。

怎么搭建自己的个人博客网站

如果未被注册,则可以购买。

 

7.     此时你拥有了服务器和域名,现在需要做的是把域名和服务器关联起来,这样就可以通过访问域名访问你的服务器,这个过程叫做域名解析。

域名解析方法:点击 云产品 – 域名服务 – 云解析 – 你的域名 – 添加,如图所示。

怎么搭建自己的个人博客网站

选择关联到云资源 – 是,填入主机记录,一般是www,即你的网址前缀,这样你的网址就是 www.xxx.com,如果是输入 my ,则你的网址是 my.xxx.com。然后在下方选择你购买的服务器,确认即可解析。因为DNS服务商按时刷新,所以解析服务不一定实时,最晚24小时即可解析完成。

 

8.     完成以上步骤,现在需要在服务器部署web环境了,对应所需材料2中所述,就是安装一些软件然后配置一些服务、环境变量一类。

此步骤是个人网站搭建中的关键也是最容易出问题的一步,所以这里详细说明搭建方法。

 

1)登陆自己的服务器。 运行cmd命令行格式,输入 mstsc ,进入远程连接窗口。输入服务器的ip地址,点击选择选项,进入本地资源 – 本地设备和资源 – 详细信息,选择驱动器,这样就把你自己的电脑上某个盘共享在了服务器上,这样做的目的是为了把你下载好的准备资料拷贝到服务器上使用,如把材料放在了D盘,就把驱动器D:/选择上,确认后选择连接。如图所示。

怎么搭建自己的个人博客网站

在弹出的窗口中输入登陆用户名(初始是Administrator)、登陆密码(用户名和密码都通过云服务的管理界面的站内信发送给你了),如果弹出证书警告请点击是。

 

2)远程连接成功后,可以看到自己服务器的界面了,如下所示(初始桌面只有回收站)。服务器可能会自动弹出服务器管理器,按照默认next设置即可。

怎么搭建自己的个人博客网站

 

3)此时你可以在我的电脑 - 设备和驱动器中看到本机网络共享的驱动器D:/,如图所示。进入把准备材料拷贝到服务器的本地磁盘C:/即可。

怎么搭建自己的个人博客网站

 

4)到此处,你的服务器上应该已经有了所需的材料。现在真正开始做的是在服务器上搭建web环境。

如果怕麻烦不想学习的可以某宝帮你搭建,百元老爷爷搞定。

 

5)Apache 2.2 + PHP 5.2 + MySql 5.5.6配置。

怎么搭建自己的个人博客网站

在服务器C盘建立三个文件夹,C:/apache,C:/php, C:/MySQL。分别把这三个压缩包的内容解压到对应的文件夹中。

i.                   Apache2.2

运行httpd-2.2.15-win32-x86-no_ssl.msi,安装apache到C:/apache中即可,安装过程选项默认即可。

 

进入C:\Apache\bin文件夹下,运行ApacheMonitor.exe。点击start,若一切正常,则apache2.2前的标识显示高亮绿色,否则为红黄色,如图所示。

怎么搭建自己的个人博客网站

如果出现错误显示the requested operation has failed,说明配置中有误,解决方法附后。

 

如何正常start了apache,现在打开浏览器,输入 http://localhost:80/ 会显示 it works或者一个apache的英文界面,总之不显示无法解析地址或者not found,就说明配置成功了!如图所示(这里忽视如图的8081,读者在输入时直接输入http://localhost:80/即可,不出现错误即说明成功,原因稍后再错误排查中会提及)。

怎么搭建自己的个人博客网站

 

 

ii.                 PHP5.2

免安装版直接解压即可。

 

因为网站的代码是由php语言所写,所以需要php环境支持,同时我们还需要让apache支持php,配置的方法如下。

`1.       php环境变量配置

    进入控制面板 – 系统和安全 – 系统 – 高级系统设置 – 环境变量,如图所示。

怎么搭建自己的个人博客网站

                            进入环境变量,找到系统变量 – Path变量,选择Path变量,点击编辑,新建一个,输入C:/php,再新建一个,输入C:/php/ext,保存退出。如果是win7/8系统,环境变量的界面可能有所不同,注意path中的各个路径要以分号;隔开。

怎么搭建自己的个人博客网站

 

`2.       Php配置文件修改

    进入C:/php,找到文件 php.ini-dist文件,重命名为php.ini,右键打开编辑,按照我的博客文章配置方式修改该ini文件,文章链接 http://blog.****.net/ya_da/article/details/50660170 。

修改extension_dir = "c:/php/ext"   ///注意php路径!

把下面语句的句首分号去掉,使php支持MySQL、图片、GD等。

;extension=php_dba.dll

;extension=php_dbase.dll

;extension=php_filepro.dll

;extension=php_gd2.dll

;extension=php_imap.dll

;extension=php_mbstring.dll

;extension=php_mcrypt.dll

;extension=php_mysql.dll

;extension=php_mysqli.dll

其他可根据需要解除注释,各项语句的作用可上网搜索,此处不详细列出。

 

`3.       让Apache支持php

    进入C:\Apache\conf,用记事本方式打开httpd.conf,在文本结尾处加上以下代码。

LoadModule php5_moduleD:/php/php5apache2_2.dll

PHPIniDir D:/php

AddTypeapplication/x-httpd-php .php

                            DirectoryIndex参数后直接添加 ” index.php “ 即可。

    DocumentRoot参数后改为服务器文件路径,一般是htdocs,如这里我们需要添加"C:/Apache/htdocs"。

ServerRoot 参数后路径设为"C:/Apache"(apache安装目录)

 

iii.               MySQL

绿色版解压就可以了。无需配置。

 

错误排查与解决:

@1 apache启动显示错误the requested operation has failed。

         i.检查apache服务是否存在。打开运行,输入services.msc,查看是否存在名称为apache2.2的服务,存在的话将其打开并设置为自动启动。若不存在,进入cmd命令行,按行顺序输入以下命令:

         C:/

         cdapache/bin

         httpd–k install

         显示服务安装成功后打开服务即可。

        

         ii.检查80默认端口是否被apache以外的程序占用。大多问题都是出现在此。打开运行cmd命令行,输入 netstat –ano,找本地地址中冒号后面代表的端口号是否存在已存在占用,找到占用80端口的进程的PID编号,打开任务管理器– 详细信息,找到使用80端口的进程。如果是可以结束的进程,可以选择结束,根本的解决方法是打开C:\Apache\conf下的httpd.conf文件,找到listen,修改listen 80为listen XXXX,如listen 8080,总之是进程未占用的端口即可。

 

iii.非以上错误,说明未按照说明进行配置,请再次检查,可能是漏掉了分号、空格等原因。

 

9.     至此web环境搭建完成。进入C:\Apache\htdocs文件夹,删掉系统生成的html文件,把网站目录下的所有文件拷贝到该目录下,如图所示。

怎么搭建自己的个人博客网站

把上述文件直接拷贝在htdocs\下,并把index.html删掉,注意不是index.php,不能删错了。

此时访问 http://localhost:80/ ,出现真正的网站界面,初始会提示安装数据库,这时候需要去mysql建立一个对应的数据库,基础能力可百度解决,之后大功告成!

怎么搭建自己的个人博客网站

当然界面肯定会不一样了,刚刚部署时是初始形态,还需要有阅读PHP代码的能力,才能修改相应代码变成自己定制的个人主页。Php代码阅读可以用notepad++等文本编辑器编辑。

 ***需要把apache,mysql服务打开才可以,mysql在其目录文件夹下运行mysql_start.bat批处理文件启动即可,对应的进程名是mysqld.exe。


10.  之前已经进行了域名解析,如果解析完成,此时便可以通过你自己的域名访问自己的网站了,如 www.ycxblog.com,它现在的样子就是这样的。

怎么搭建自己的个人博客网站

 

 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

特别提醒:

1.网站是基于PHP的开源项目,不可用于商业活动,由此引发的与代码开源方的纠纷,与本文作者无关,特此声明。

2.原创所有,禁止任何形式的转载,请尊重作者权利。

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

END

Yoder

2016/05/01