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

发布于 2021-02-02  169 次阅读


AI 摘要

《面相初学者的建站教程:如何搭建属于自己的博客》摘要:本篇教程适用于各个年龄段,介绍了建立博客的基本步骤。首先,选择博客类型,可以是静态博客或动态博客,两者区别在于是否需要自己的服务器。接下来需要获取一个域名,可以是免费的或付费的,在免费域名方面,推荐使用Freenom。然后,根据选择的域名,可以采用不同的服务商进行域名解析,例如CloudFlare、DNSPod或阿里云。最后,根据自己的需求选择合适的服务器和建站空间,可以是国内或海外的服务提供商。对于初学者而言,建议选择动态博客,因为更简单、方便。

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

确定你想要的类型

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

域名

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

免费域名

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

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

image-20210131222535761

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

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

image-20210131222740384

点击 Continue 继续

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

image-20210131222912580

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

image-20210131223015832

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

image-20210131223148065

勾选此项,点击 Complete Order

image-20210131223404838
image-20210131223518587

注册完成后进入 My Domains

image-20210131223538828

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

image-20210131223825504
image-20210131223847418
CloudFlare

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

image-20210131224144876

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

image-20210131224358729
image-20210131224441792

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

DNSPOD & 阿里云

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

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

image-20210131225158323

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

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

付费域名

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

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

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


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

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

部署动态博客

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

服务器推荐

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

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

建站空间推荐

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

付费推荐雨云的宝塔空间

开始部署

在国内博客圈里有不少博客程序,比较知名的有 TypechoWordpress

<!--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 免空做演示,找到你的在线文件管理器

image-20210201000247494

进入 WWW 目录,上传你的 typecho 程序(需要打包成 zip 格式)

image-20210131235153274

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

image-20210201000107806

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

image-20210201000446537

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

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

安装插件 / 主题方法:

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

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

WordPress

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

解压后目录大致应像这样

image-20210201001639859
image-20210201001707530
image-20210201001855883

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

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

部署静态博客

静态博客有几大解决方案,如 HexoHugoJekyllGridea

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

Gridea 上手

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

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

首先注册一个 GitHub 账户,创建一个仓库,类型一定要公开(Public)

image-20210201003624248

创建后进入仓库设置,

image-20210201003659041

拉到下面,找到 Github Pages 服务

233
image-20210201004032961

然后点击 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 网页控制面板宝塔的使用