[建站经验] 小白式基于XAMPP搭建一个Typecho博客网站

导语

正好，最近我的一个朋友求教于我帮他搭建一个博客网站。他对于编程、网页方面基本上算是个小白，所以我教了一套最简单的搭建方法： 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 项目

结束语