面相初学者的建站教程：如何搭建属于自己的博客

转眼间已经到达了 2021 年，这几年博客圈的变化可谓是翻天覆地，服务器、域名的获取渠道更多，价格更佳亲民，甚至许多大厂专门开设了学生专区，以便学生群体可以更方便，更便宜的购得一台属于自己的服务器，这也导致了互联网上有了更多 00 后的身影，但是不是每一个人都有技术可以完成我们已经习以为常的建站步骤，于是今天，这篇教程对几乎所有 “有完全的理解能力” 的年龄段都通用

确定你想要的类型

博客程序主要分为静态博客和动态博客，两者最大的区别是静态博客无需拥有自己的服务器，可以做到完全免维护，而动态博客需要一台服务器，当然也可以选择免费空间，两者差别不大。

域名

无论是动态博客还是静态博客，你都需要一个域名来访问你的网站，这个域名可以是免费的也可以是付费的，免费域名主要来源是 Freenom ，付费域名你可以在各大注册商注册

免费域名

Freenom 使用中国 IP 注册有域名回收风险，请自行解决风险

在 Freenom 官网 搜索你想要的域名并检查可用性

在下方标明免费的域名中选择一个你喜爱的域名，点击现在获取，进入购物车

注意 此处一定要选 12Months@Free 选项，默认选择三个月免费

点击 Continue 继续

在此处填入一个可用的电子邮箱地址

检查你的邮箱，寻找来自 Freenom 的邮件

填入信息，所有信息都必须填写但是不一定真实

勾选此项，点击 Complete Order

注册完成后进入 My Domains

更改域名 NS 到你想要的服务商，我推荐使用 CloudFlare、DnsPod 中国或者阿里云 DNS

CloudFlare

如果使用 CloudFlare，需要注册 Cloudflare 账户，打开 CloudFlare 控制面板 填写电子邮件和密码，注册账户并添加你的域名，选择 free 计划

一路继续，直到到达更改名称服务器页面，复制 Cloudflare 提供的名称服务器到 Freenom 面板

点击 Change，接着等待一小段时间（最长 72 小时）的 NS 刷新，等待成功后可以进入下一步

DNSPOD & 阿里云

DNSPod 与阿里云大同小异，这里选择阿里云做示范，进入阿里云控制台，添加域名

进入你的域名管理界面，复制提供的 NS

同样进入 Freenom 控制台填入保存，等待即可生效

如果有条件可以考虑使用阿里云 DNS 个人专业版，支持更多功能，购买链接

付费域名

付费域名与免费域名一样，这里推荐阿里云，腾讯云进行注册，低价省心，但是需要实名认证，可能会有优惠，可选查看阿里云 , 腾讯云

若不想进行实名认证，可以选择 Dynadot，同样支持支付宝等支付方式

购买域名前建议到哪煮米进行后缀比价，以便更划算的注册域名

---

当你选择好了域名，是时候考虑博客程序了，静态博客可以部署在几乎任何地方以 0 成本运行，而动态博客则需要一台服务器（或者免费空间）来使他运行

我们推荐初学者使用动态博客，显然，动态博客会更简单且更方便

部署动态博客

首先需要选择一个合适的服务器

服务器推荐

大陆服务器域名需要备案才能使用，不推荐，但是可以看看，时不时会有香港服务器，腾讯云建议选择香港轻量，便宜高速，阿里云 , 腾讯云

海外（不包含港澳台）服务器，推荐从 Virmach、racknerd 等厂商购买，便宜且有保障，也可以从国人厂商雨云购买，观察了一段时间也挺稳定的

建站空间推荐

免费空间我推荐雲上蘿莉的 da 面板免空（暂时缺货），知乎有大佬推荐其他的链接，自行斟酌

付费推荐雨云的宝塔空间

开始部署

在国内博客圈里有不少博客程序，比较知名的有 Typecho 和 Wordpress

<!--kg-card-begin: html--> <table style="box-sizing: border-box; border-collapse: collapse; max-width: 100%; word-break: break-word; width: 1110px;"><thead style="box-sizing: border-box; border-bottom: 3px solid;"><tr style="box-sizing: border-box;"><th style="box-sizing: border-box; text-align: inherit; padding: 0.5em; vertical-align: top; border: 1px solid;"> </th><th style="box-sizing: border-box; text-align: inherit; padding: 0.5em; vertical-align: top; border: 1px solid;">体积</th><th style="box-sizing: border-box; text-align: inherit; padding: 0.5em; vertical-align: top; border: 1px solid;"> </th><th style="box-sizing: border-box; text-align: inherit; padding: 0.5em; vertical-align: top; border: 1px solid;"> </th><th style="box-sizing: border-box; text-align: inherit; padding: 0.5em; vertical-align: top; border: 1px solid;">功能</th><th style="box-sizing: border-box; text-align: inherit; padding: 0.5em; vertical-align: top; border: 1px solid;">速度</th><th style="box-sizing: border-box; text-align: inherit; padding: 0.5em; vertical-align: top; border: 1px solid;">服务器要求</th></tr></thead><tbody style="box-sizing: border-box;"><tr style="box-sizing: border-box;"><td style="box-sizing: border-box; padding: 0.5em; vertical-align: top; border: 1px solid;"><a href="http://typecho.org/" style="box-sizing: border-box; text-decoration: none; color: var(--themecolor-light); background-color: transparent; transition: color 0.25s ease 0s; position: relative;">Typecho</a></td><td style="box-sizing: border-box; padding: 0.5em; vertical-align: top; border: 1px solid;">极小</td><td style="box-sizing: border-box; padding: 0.5em; vertical-align: top; border: 1px solid;"> </td><td style="box-sizing: border-box; padding: 0.5em; vertical-align: top; border: 1px solid;"> </td><td style="box-sizing: border-box; padding: 0.5em; vertical-align: top; border: 1px solid;">较少（可通过插件扩展）</td><td style="box-sizing: border-box; padding: 0.5em; vertical-align: top; border: 1px solid;">快</td><td style="box-sizing: border-box; padding: 0.5em; vertical-align: top; border: 1px solid;">极低（还可以使用 SQLite）</td></tr><tr style="box-sizing: border-box;"><td style="box-sizing: border-box; padding: 0.5em; vertical-align: top; border: 1px solid;"><a href="https://cn.wordpress.org/" style="box-sizing: border-box; text-decoration: none; color: var(--themecolor-light); background-color: transparent; transition: color 0.25s ease 0s; position: relative;">Wordpress</a></td><td style="box-sizing: border-box; padding: 0.5em; vertical-align: top; border: 1px solid;">大</td><td style="box-sizing: border-box; padding: 0.5em; vertical-align: top; border: 1px solid;"> </td><td style="box-sizing: border-box; padding: 0.5em; vertical-align: top; border: 1px solid;"> </td><td style="box-sizing: border-box; padding: 0.5em; vertical-align: top; border: 1px solid;">极多（可通过插件扩展）</td><td style="box-sizing: border-box; padding: 0.5em; vertical-align: top; border: 1px solid;">一般（可通过优化缓解）</td><td style="box-sizing: border-box; padding: 0.5em; vertical-align: top; border: 1px solid;">高</td></tr></tbody></table> <!--kg-card-end: html-->

由上面的表格，相信聪慧的你一定可以做出决定，当然，这两个程序之间的迁移也非常简单。不用担心后续想迁移

Typecho

Typecho 的安装相对简单，这里用 Easypanel 免空做演示，找到你的在线文件管理器

进入 WWW 目录，上传你的 typecho 程序（需要打包成 zip 格式）

将你的域名绑定到主机并且解析，以 Cloudflare 为例，在 DNS 面板添加记录，选择 A 记录或者 Cname 记录（按主机商提供的为准），推荐打开 “代理”，既使用 CloudFlare 提供的 CDN 服务

等待生效后访问你的网站，会出现 Typecho 安装向导，点击下一步

这里建议使用 SQLite，轻量化，容易备份

填完所有内容，然后安装，这样一个 Typecho 博客就部署完成了，但是就这样还不够，推荐安装 TeStore 插件，主题可以在 Typecho Themes 中找寻自己喜欢的，若有问题或需求可以在下方留言，安装后强烈建议开启伪静态！

安装插件 / 主题方法：

将插件放在 usr/plugins 目录 / 将主题放在 usr/themes 目录

若使用免费空间请做好备份！ 避免数据丢失

WordPress

WordPress 也和 typecho 相像，依然将主程序上传到 www 目录，解压，访问域名就可以安装。

解压后目录大致应像这样

WordPress 还可以搭配其独有的手机客户端进行写作，可以在 App Store 和 Play Store 下载

主题可以在 wordpress 内下载安装，也可以从 GitHub 寻找，推荐主题：IRO

部署静态博客

静态博客有几大解决方案，如 Hexo、Hugo、Jekyll、Gridea

本文主要介绍简单上手的 Gridea 和可以基本在所有客户端构建的 Hexo（其余几个理论可行，没有实践）

Gridea 上手

Gridea 是一个国人开发的免费静态博客生成器，他与 Hexo 一样使用 Node.js 编写，推荐他的原因是他拥有强大的图形化界面，简单易用，可是很遗憾，他并没有手机端，也就是说你无法在手机上使用 Gridea（除了付费的在线版）

Gridea 支持多种部署方式，我推荐使用 Coding Pages 或者 Github Pages，Coding Pages 在国内更快，更友好，但是需要实名认证，所以本文以 Github Pages 服务举例

首先注册一个 GitHub 账户，创建一个仓库，类型一定要公开（Public）

创建后进入仓库设置，

拉到下面，找到 Github Pages 服务

然后点击 Save

之后进入链接创建一个新的 token 用于 Gridea

勾选 repo 下面的就够了，生成 token 之请保存好此 token，此 token 将不会再显示，把上述信息填入 Gridea，保存就可以开始写作了

Hexo 上手

Hexo 是一个基于 node.js 的，可以在多端使用的静态博客生成软件，你可以在 Apple 设备，安卓设备，各种系统的电脑上使用 Hexo，只需要几个命令就可以生成一个漂亮的静态博客
在几乎所有系统上，你只需要用包管理器安装 nodejs 和 npm，然后 sudo npm install hexo 就完成了

对于安卓设备，我建议使用 termux 作为终端应用，ios 的话使用 ish 就可以使用 hexo 了
使用你自己 Linux 发行版的包管理器安装 nodejs 和 git

npm install hexo-cli -g
npm install hexo-deployer-git --save
git config --global user.name "你的GitHub用户名"
git config --global user.email "你的GitHub注册邮箱"

生成 ssh 密钥文件：
ssh-keygen -t rsa -C "你的GitHub注册邮箱"
然后直接三个回车即可，默认不需要设置密码
然后找到生成的.ssh 的文件夹中的 id_rsa.pub 密钥，将内容全部复制
打开 GitHub_Settings_keys，新建 new SSH Key
粘贴刚才复制的内容，保存

之后进入一个目录

mkdir hexo
cd hexo
hexo init

找到目录中的_config.yml 文件
将下面内容加入此文件来绑定 github 推送

deploy:
type: git
repo: 这里填入你之前在GitHub上创建仓库的完整路径，记得加上 .git
branch: master

之后输入

hexo clean 
hexo g 
hexo d

之后，你的网站就推送到了 github 上了（以及你的绑定域名上）

因本文长度有限，hexo 的更多强大功能就不多赘述了，想要了解更多 hexo 功能可以参考知乎

---

如果你真的完全跟着这篇文章操作，那么你大多已经成功部署了一个属于自己的博客
如果有问题，可以在下方留言，我会一一解答，下篇文章将会解决现在的网站访问速度慢的问题
顺便介绍强大的 VPS 网页控制面板宝塔的使用