转眼间已经到达了 2021 年,这几年博客圈的变化可谓是翻天覆地,服务器、域名的获取渠道更多,价格更佳亲民,甚至许多大厂专门开设了学生专区,以便学生群体可以更方便,更便宜的购得一台属于自己的服务器,这也导致了互联网上有了更多 00 后的身影,但是不是每一个人都有技术可以完成我们已经习以为常的建站步骤,于是今天,这篇教程对几乎所有 “有完全的理解能力” 的年龄段都通用
确定你想要的类型
博客程序主要分为静态博客和动态博客,两者最大的区别是静态博客无需拥有自己的服务器,可以做到完全免维护,而动态博客需要一台服务器,当然也可以选择免费空间,两者差别不大。
域名
无论是动态博客还是静态博客,你都需要一个域名来访问你的网站,这个域名可以是免费的也可以是付费的,免费域名主要来源是 Freenom ,付费域名你可以在各大注册商注册
免费域名
Freenom 使用中国 IP 注册有域名回收风险,请自行解决风险
在 Freenom 官网 搜索你想要的域名并检查可用性
![image-20210131222535761 image-20210131222535761](https://cdn.2890.ltd/img/20210131222536.png#mirages-width=1920&mirages-height=905&mirages-cdn-type=2#vwid=1920&vhei=905)
在下方标明免费的域名中选择一个你喜爱的域名,点击现在获取,进入购物车
注意 此处一定要选 12Months@Free
选项,默认选择三个月免费
![image-20210131222740384 image-20210131222740384](https://cdn.2890.ltd/img/20210131222740.png#mirages-width=1359&mirages-height=639&mirages-cdn-type=2#vwid=1359&vhei=639)
点击 Continue 继续
在此处填入一个可用的电子邮箱地址
![image-20210131222912580 image-20210131222912580](https://cdn.2890.ltd/img/20210131222912.png#mirages-width=1460&mirages-height=697&mirages-cdn-type=2#vwid=1460&vhei=697)
检查你的邮箱,寻找来自 Freenom 的邮件
![image-20210131223015832 image-20210131223015832](https://cdn.2890.ltd/img/20210131223015.png#mirages-width=1235&mirages-height=563&mirages-cdn-type=2#vwid=1235&vhei=563)
填入信息,所有信息都必须填写但是不一定真实
![image-20210131223148065 image-20210131223148065](https://cdn.2890.ltd/img/20210131223148.png#mirages-width=1120&mirages-height=854&mirages-cdn-type=2#vwid=1120&vhei=854)
勾选此项,点击 Complete Order
![image-20210131223404838 image-20210131223404838](https://cdn.2890.ltd/img/20210131223404.png#mirages-width=1292&mirages-height=152&mirages-cdn-type=2#vwid=1292&vhei=152)
![image-20210131223518587 image-20210131223518587](https://cdn.2890.ltd/img/20210131223518.png#mirages-width=709&mirages-height=316&mirages-cdn-type=2#vwid=709&vhei=316)
注册完成后进入 My Domains
![image-20210131223538828 image-20210131223538828](https://cdn.2890.ltd/img/20210131223538.png#mirages-width=488&mirages-height=457&mirages-cdn-type=2#vwid=488&vhei=457)
更改域名 NS 到你想要的服务商,我推荐使用 CloudFlare、DnsPod 中国或者阿里云 DNS
![image-20210131223825504 image-20210131223825504](https://cdn.2890.ltd/img/20210131223825.png#mirages-width=1077&mirages-height=442&mirages-cdn-type=2#vwid=1077&vhei=442)
![image-20210131223847418 image-20210131223847418](https://cdn.2890.ltd/img/20210131223847.png#mirages-width=1249&mirages-height=622&mirages-cdn-type=2#vwid=1249&vhei=622)
CloudFlare
如果使用 CloudFlare,需要注册 Cloudflare 账户,打开 CloudFlare 控制面板 填写电子邮件和密码,注册账户并添加你的域名,选择 free 计划
![image-20210131224144876 image-20210131224144876](https://cdn.2890.ltd/img/20210131224145.png#mirages-width=1105&mirages-height=842&mirages-cdn-type=2#vwid=1105&vhei=842)
一路继续,直到到达更改名称服务器页面,复制 Cloudflare 提供的名称服务器到 Freenom 面板
![image-20210131224358729 image-20210131224358729](https://cdn.2890.ltd/img/20210131224358.png#mirages-width=1064&mirages-height=526&mirages-cdn-type=2#vwid=1064&vhei=526)
![image-20210131224441792 image-20210131224441792](https://cdn.2890.ltd/img/20210131224441.png#mirages-width=1220&mirages-height=591&mirages-cdn-type=2#vwid=1220&vhei=591)
点击 Change,接着等待一小段时间(最长 72 小时)的 NS 刷新,等待成功后可以进入下一步
DNSPOD & 阿里云
DNSPod 与阿里云大同小异,这里选择阿里云做示范,进入阿里云控制台,添加域名
进入你的域名管理界面,复制提供的 NS
![image-20210131225158323 image-20210131225158323](https://cdn.2890.ltd/img/20210131225158.png#mirages-width=976&mirages-height=345&mirages-cdn-type=2#vwid=976&vhei=345)
同样进入 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 免空做演示,找到你的在线文件管理器
![image-20210201000247494 image-20210201000247494](https://cdn.2890.ltd/img/20210201000247.png#mirages-width=233&mirages-height=164&mirages-cdn-type=2#vwid=233&vhei=164)
进入 WWW 目录,上传你的 typecho 程序(需要打包成 zip 格式)
![image-20210131235153274 image-20210131235153274](https://cdn.2890.ltd/img/20210131235153.png#mirages-width=784&mirages-height=195&mirages-cdn-type=2#vwid=784&vhei=195)
将你的域名绑定到主机并且解析,以 Cloudflare 为例,在 DNS 面板添加记录,选择 A 记录或者 Cname 记录(按主机商提供的为准),推荐打开 “代理”,既使用 CloudFlare 提供的 CDN 服务
![image-20210201000107806 image-20210201000107806](https://cdn.2890.ltd/img/20210201000107.png#mirages-width=1015&mirages-height=289&mirages-cdn-type=2#vwid=1015&vhei=289)
等待生效后访问你的网站,会出现 Typecho 安装向导,点击下一步
![image-20210201000446537 image-20210201000446537](https://cdn.2890.ltd/img/20210201000446.png#mirages-width=904&mirages-height=915&mirages-cdn-type=2#vwid=904&vhei=915)
这里建议使用 SQLite,轻量化,容易备份
填完所有内容,然后安装,这样一个 Typecho 博客就部署完成了,但是就这样还不够,推荐安装 TeStore 插件,主题可以在 Typecho Themes 中找寻自己喜欢的,若有问题或需求可以在下方留言,安装后强烈建议开启伪静态!
安装插件 / 主题方法:
将插件放在 usr/plugins 目录 / 将主题放在 usr/themes 目录
若使用免费空间请做好备份! 避免数据丢失
WordPress
WordPress 也和 typecho 相像,依然将主程序上传到 www 目录,解压,访问域名就可以安装。
解压后目录大致应像这样
![image-20210201001639859 image-20210201001639859](https://cdn.2890.ltd/img/20210201001640.png#mirages-width=1566&mirages-height=836&mirages-cdn-type=2#vwid=1566&vhei=836)
![image-20210201001707530 image-20210201001707530](https://cdn.2890.ltd/img/20210201001707.png#mirages-width=1799&mirages-height=700&mirages-cdn-type=2#vwid=1799&vhei=700)
![image-20210201001855883 image-20210201001855883](https://cdn.2890.ltd/img/20210201001856.png#mirages-width=955&mirages-height=584&mirages-cdn-type=2#vwid=955&vhei=584)
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)
![image-20210201003624248 image-20210201003624248](https://cdn.2890.ltd/img/20210201003624.png#mirages-width=857&mirages-height=610&mirages-cdn-type=2#vwid=857&vhei=610)
创建后进入仓库设置,
![image-20210201003659041 image-20210201003659041](https://cdn.2890.ltd/img/20210201003659.png#mirages-width=1206&mirages-height=117&mirages-cdn-type=2#vwid=1206&vhei=117)
拉到下面,找到 Github Pages 服务
![233 233](https://cdn.2890.ltd/img/20210201003842.png#mirages-width=1920&mirages-height=1011&mirages-cdn-type=2#vwid=1920&vhei=1011)
![image-20210201004032961 image-20210201004032961](https://cdn.2890.ltd/img/20210201004033.png#mirages-width=875&mirages-height=360&mirages-cdn-type=2#vwid=875&vhei=360)
然后点击 Save
之后进入链接创建一个新的 token 用于 Gridea
![](https://cdn.2890.ltd/img/2021/02/02/16122773809703_eoluwimlgktfmp9l7fegsdygo4xx94mk.jpg#mirages-width=1018&mirages-height=557&mirages-cdn-type=2#vwid=1018&vhei=557)
勾选 repo 下面的就够了,生成 token 之请保存好此 token,此 token 将不会再显示,把上述信息填入 Gridea,保存就可以开始写作了
Hexo 上手
Hexo 是一个基于 node.js 的,可以在多端使用的静态博客生成软件,你可以在 Apple 设备,安卓设备,各种系统的电脑上使用 Hexo,只需要几个命令就可以生成一个漂亮的静态博客
在几乎所有系统上,你只需要用包管理器安装 nodejs 和 npm,然后 sudo npm install hexo
就完成了
![](https://cdn.2890.ltd/img/2021/02/02/16122777205977_eg4xm0kdr5n332895v1zg27cm20elndh.jpg#mirages-width=570&mirages-height=365&mirages-cdn-type=2#vwid=570&vhei=365)
对于安卓设备,我建议使用 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 网页控制面板宝塔的使用
了解 Paradise Lost 的更多信息
Subscribe to get the latest posts sent to your email.
Comments NOTHING