导语

正好,最近我的一个朋友求教于我帮他搭建一个博客网站。他对于编程、网页方面基本上算是个小白,所以我教了一套最简单的搭建方法: Windows 系统下,使用 Xampp 搭建简约风格的 Typecho 博客网站。在此,一并分享给大家。当然,这篇文章仅适用于小白搭建网站, 大牛看着乐呵乐呵就行。

正文

前期准备

为了能顺利搭建一个网站,并能够通过公网访问,你需要准备:

对于服务器,我推荐大家使用一些大厂的服务器, 比如华为云腾讯云阿里云等,价格虽然偏高,但是质量与售后服务等还是有保障的。
当然,一个少有人知的省钱技巧是,这三个大厂都是有类似于学生优惠套餐之类活动。通过学生优惠套餐购买服务器,通常能够省下不少的钱,以华为云为例, 2 核 4G 的 1M 40G 服务器仅仅只需要 198 元,直接省了千来元钱,可以说聚划算了。但是不好的是,华为云通过学生云购买的服务器不能够安装 Windows 系统。


说完服务器,再讲讲域名。通常情况下,建议域名与服务器在同一家服务商购买,这样可以避免一些不必要的麻烦。
现在的域名价格普遍也不贵。以华为云为例,新用户,cn 域名首年 8.9 元,com 域名首年 18 元,普通用户 cn 域名 28 元 / 年,com 域名 55 元 / 年。购买完域名另外一个令人头疼的问题就是备案了。
之前备案是没啥的,基本上填写信息、上传证件照、等待一个星期左右的审核就完成了。但是最近貌似新增了一下要打印《备案承诺书》, 并签名摁手印,这个属实有点麻烦。所以,大家看着说明照着办吧。

下载安装 Xampp

XAMPP 是一个易于安装且包含 MySQL、PHP 和 Perl 的 Apache 发行版。XAMPP 非常容易安装和使用。
推荐大家到 XAMPP 官网了解、下载 XAMPP。安装 Typecho 博客建议选择 7.X 版本的 XAMPP,避免由于 PHP 版本过高,带来的一些不兼容的问题。


下载完成 XAMPP 安装包以后,一般情况只需要傻瓜式的一路点 Next 就行了。XAMPP 会默认安装在 C:\\xampp 位置。这里,我们默认你将 XAMPP 程序安装在 C:\\xampp 位置。

安装完成后,我们进入到 XAMPP 安装位置,找到并打开 xampp 控制面板程序(xampp-control)。首先需要点击 Apache、Mysql 前面的 X 按钮,初始化 Apache、Mysql 服务,当 X 转变为√即代表初始化成功。


现在,我们只需要点击 Apache 后的 Start 即可启动 Apache 网站服务。此时,我们在服务器浏览器输入 localhost 访问时,即可见到一个 XAMPP 的欢迎界面。

一般的,XAMPP 内置 Apache 是不需要我们去额外的配置的,我们只需要将网页代码扔到 C:\\xampp\\htdocs 文件夹内即可。但为了安全起见,我们需要稍微配置一下 XAMPP 的 mysql 数据库,为 root 用户设置一个密码,或者更规范的创建一个 mysql 数据库账号,专门用于管理 typecho 博客数据。这里我们只演示如何为 root 用户设置密码。

首先进入到 C:\\xampp\\mysql\\bin 位置,在空白处按住 Shift 键时,单击鼠标右键,唤出菜单,选择 “在此处打开命令窗口”(或者直接打开 cmd 命令行窗口, 使用 cd 指令切换到 C:\\xampp\\mysql\\bin 路径)


然后在命令行输入以下命令并回车,即可登录到 mysql 数据库(在登录 mysql 数据库之前,你需要在 xampp 控制面板启动 mysql1 服务,点击 mysql 后的 start 即可)

 复制代码 隐藏代码mysql -u root

成功登录以后,再执行以下命令(将双引号中的 password 替换为你的密码)并回车。

 复制代码 隐藏代码SET PASSWORD = Password("password");

修改完成 root 用户登录密码以后,我们还需要再为 typecho 创建一个专用的数据库,执行以下命令

 复制代码 隐藏代码CREATE DATABASE typecho;

修改完 mysql root 账号密码之后, 我们还需要修改一下 phpmyadmin 的配置文件,否则后面将无法使用 phpmyadmin。
首先,进入到路径 C:\\xampp\\phpmyadmin , 找到 config.inc.php 文件,以文本形式打开(推荐使用 Notepad++ 打开),修改 passowrd 属性值为你之前修改的 root 用户名密码。


另外还有一点,在 Apache 服务中,当不存在 index.html、index.php 等索引文件时,xampp 自带的 Apache 是允许外网访问我们的网站目录结构的。显然,这是不安全的。为了安全起见,我们需要对 Apache 配置做一些修改。修改方法如下:
以文本方式打开 httpd.conf 文件 (位于 C:\\xampp\\apache\\conf 目录下), 使用文本搜索工具找到 Options Indexes FollowSymLinks ,并将其改为 Options FollowSymLinks


下载 Typecho 源码

Typecho 是一款内核强健﹑扩展方便﹑体验友好﹑运行流畅的轻量级开源博客程序。
我们可以到 Typecho 官网查看相关文档,下载源码。推荐大家下载正式稳定版。


下载完成,我们将得到一个 zip 压缩包。我们将 zip 文件解压到 C:\\xampp\\htdocs 路径下(在解压之前,请将此路径下所有的文件删除清空)


此时,我们在 xampp 控制面板重启 Apache 服务,再在浏览器打开 localhost 页面就可以看到我们的 typecho 博客网站成功运行了。
不过距离正式使用,我们还得进行一些额外的配置。

域名解析

在一般情况下,我们这一步本该是进行 typecho 博客网站的安装配置的。但是,我在帮助我的朋友安装博客系统的时候踩了这个坑(直接在服务器上打开 localhost 安装 typecho),结果导致博客页面排版错乱,部分图片无法显示。后来发现,在外网使用域名访问安装时就没有这个问题。所以,这里先教大家如何解析域名。

这里假定你已经购买并对域名进行了备案。

域名解析其实很简单,这里华为云域名为例(使用电脑操作)。依次进入控制台,域名注册,域名解析页面,点击 管理解析,添加记录集,选择 A - 将域名指向 Ipv4 地址 类型,值一栏填写你服务器公网 ip 地址,点击 确定 完成。


 

解析完成以后,在你的电脑上打开你的域名,查看是否显示 Typecho 的安装页面,如果是,则恭喜你已经安装成功。接下来,我们进入 typecho 安装环节,看图。


 

最后一张图的显示,即证明我们已经成功安装 typecho 博客。管理 typecho 网站、发布文章、修改网站信息,你可以登录网站后台管理页面(通常为你的域名加上 /admin, 以 www.baidu.com 为例, 管理页面地址为 www.baidu.com/admin ), 后台的登录账号与密码为你之前在安装 typecho 设置的账号与密码。

到此,一个完整的 typecho 博客就算是搭建完成了。至于后期的 Markdown 语法,网站 SEO 优化就要靠大家自己去摸索了。另外为了使你你的博客更加的好看,这里推荐一款免费的 Typecho 主题: Joe,  Github 项目

结束语