博客更新-迁移博客至Hexo的艰辛
前言
既然我想要更新博客,那么就要更新成我想要的样子。
绝对不能随随意意,要不然怎么还是我的博客呢~
我为什么要更新博客
①旧主题
- 旧主题还是蛮喜欢的,但是旧主题的限制,有很多不方便我编辑的操作
- 其次,旧主题换过一次主题后,对我来讲新换的主题,我并不太喜欢。
- 毕竟我比较喜欢简约的风格,而且功能强大的,虽然Sakura那一款的确很好,很多我用的到的,不过主题风格我真不太喜欢。
②邮局系统
- 这个其实不好讲,我最先以为阿里云封了我SMTP相关东西。后面查询在阿里云发工单查询的时候发现是正常的。那么我的视角就转移到博客上面了。
其实以前阿里云封过,之前也说过2019年我搭建过博客。然后各种奇葩原因把我IMAP和SMTP相关东西封了
期间后面我又换了很多个邮件服务商(包括自建邮件服务)都发现不管用,不管用了SSL以及正常。
后面我就觉得应该是博客系统的wp-mail可能有问题了,但是我对PHP可不是特别了解嘛。
正好赶上换主题了,所以算了吧,换一个博客系统尝试一下。
③新主题
- 这个嘛,前几天我一直在找主题,发现好看的主题都在Typecho和Hexo里面,而Wordpress大部分都是商业主题和企业主题(可能我认识的人不够多)
- 后面我已经很尽力了,Google、百度、Bing、搜狗,甚至Google海外的搜索都搜遍了,符合我品味的都在Typecho和Hexo。
- 后面我就决定换博客系统了。
④系统
- Typecho
我以前是用过的,后面觉得不好用然后我就博客又再迁移到了Wordpress(重新回到Wordpress的怀抱)
而且Wordpress转Typecho都挺麻烦的,因为数据库不同的原因,导入后需要各项参数的修改才能正常运行,而且设置好像要搞一大堆。 - Hexo
所以我就转向投入Hexo,而且Hexo我几乎没用过,也就是说我是现学现用。
而且Hexo采用的是Node.js进行驱动的,跟我开服用的后台 MCSManager 是一样的。
所以对Node还是有一定的了解的。
还有通过Node渲染,Hexo采用解析MarkDown文章生成静态网页,对于动态的PHP来讲,和我网站服务器在香港的人来说,无疑特别舒服。
毕竟网页访问可快了不少。
嘛,当然还有Git相关(这个下面说,因为我搭建被这个搞懵了会)
前期准备
讲真,当时我害怕的要死,因为我2019年搭建的博客好歹运营了有一年多一点
然后就是因为数据没有备份到,更新某项东西吧Centos系统弄坏了(抄宝塔家去)
然后搞得我现在每次操作什么事情之前,快照走起
一定要做好备份在进行下一步操作,以防不测
前言我就不说了,像那些Hexo作者是台湾人啊,对中文支持很友好之类的啊,其他Google或者百度一下就出来了。
- Windows下安装Git
- 安装Node.js
- 安装Hexo
- 对于个人仓库会在下面分别说明,分别搭建个人仓库或者Github存储以及Gitee
- Windows下访问GitDownload下载页面(已下载可跳过)
由于下载速度可能过慢,这里给网盘下载这里网盘版本均为2020-08-13下载版本,如版本过旧请官方下载,如无法下载可联系我(版本2.28.0-64)
* Git For Windows官方下载 <a class="btn-beautify red" href="https://gitforwindows.org/" title="点击下载"><i class="far fa-hand-point-right"></i><span>点击下载</span></a> * Git For Windows 私有网盘下载 <a class="btn-beautify blue" href="http://s.frp.xiaolfeng.xyz/#s/6G-GExbA" title="点击下载"><i class="far fa-hand-point-right"></i><span>点击下载</span></a> * Git For Windows 蓝奏云下载 <a class="btn-beautify orange" href="https://xiaolfeng.lanzous.com/i0A0Cfknu8b" title="点击下载"><i class="far fa-hand-point-right"></i><span>点击下载</span></a> * Git For Windows 百度网盘下载(提取码 so2p) <a class="btn-beautify green" href="https://pan.baidu.com/s/1dFhOsfvkOJMVlzbmD5mRfQ" title="点击下载"><i class="far fa-hand-point-right"></i><span>点击下载</span></a> 当你安装完毕以后,右击鼠标会出现一个Git Bash  如果没有,重启一次电脑喵,然后就安装好了 下面安装操作都需要这个git使用,因为原来的CMD可能有点难用。
-
安装Node.js
下载Node的长期支持版(LTS)版本即可 Node官方网站
然后随意右击打开git bash查询1
2
3# 分别输入
node -v
npm -v由于npm在国内比较慢,所以我们安装淘宝的cnmp镜像提高速度
1
2
3
4
5# 安装指令
npm install -g cnpm --registry=https://registry.npm.taobao.org
# 安装完毕后查询安装是否成功
cnpm -v 然后我们就可以安装hexo了~ <div class="note info flat"><p>后面搭建过程中指令与Linux相同</p>
-
- 安装Hexo
安装Hexo就很简单了,因为就几条代码可以搞定的事情先做区分,在这里讲的是后台搭建,在我这里成为后端(毕竟概念东西我也不是很清楚,反正我这里先称为后端)
由于我们已经安装了cnpm,所以我们下面的操作npm可以替换成cnpm执行,虽然操作时候可能跟npm显示不一样 但是基本原理相同。 <div class="note default flat"><p>请找你存储的地方然后右键Git Bash,不要随便乱点一个文件夹Git Bash,以免后期找不到文件夹。<br>
好比我的在G盘目录下,右键Git Bash生成myblog文件夹
1
2
3
4
5
# 安装Hexo
cnpm install -g hexo-cli
# 查看Hexo是否安装成功
hexo -v
上面操作完后,那么hexo就是安装成功了,这个成功不是另一种意义上的成功
然后我们安装Hexo(博客)
1
2
3
4
5
6
7
8
# 初始化Hexo,也就是下载Hexo必要程序
hexo init myblog
# 进入文件夹(也就是你hexo init后面的一部分)
cd myblog
# 执行安装
npm install
这样在你的文件夹下基本博客系统已经安装成功了。
启动博客
1
2
hexo g
hexo server
然后看见下方出现 http://localhost:4000 代表可以访问了

然后试试访问你的博客吧~
前言我就不说了,像那些Hexo作者是台湾人啊,对中文支持很友好之类的啊,其他Google或者百度一下就出来了。
- Linux下安装Git
- 安装Node.js
- 安装Hexo
- 对于个人仓库会在下面分别说明,分别搭建个人仓库或者Github存储以及Gitee
- Linux下载Git
Linux安装git就特别简单了~因为以前的git就是在Linux上面编写的┗|`O′|┛ 嗷~~
然后查询安装是否成功1
2
3
4
5
6
7
8#Ubuntu安装方法
sudo apt-get install git
# Centos安装方法
yum -y install git
# 查询安装
git --version-
安装Node.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21##### Ubuntu安装方法
sudo apt-get install nodejs
sudo apt-get install npm
# 测试是否安装正常,显示 v12.16.1 则为正常
node -v
##### Centos安装方法(保险)
sudo -y install wget
# 安装 Node 版本控制工具(若没有 wget,请安装它)
wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.2/install.sh | bash
# 请关闭终端重新打开或重新连接终端 再依次执行以下命令(十分重要,不然不能继续操作)
# 重新打开后执行
nvm install 12.16.1
# 使用安装的版本
nvm use 12.16.1
# 测试是否安装正常,显示 v12.16.1 则为正常
node -v安装国内镜像源cnpm
由于npm在国内比较慢,所以我们安装淘宝的cnmp镜像提高速度
1
2
3
4
5# 安装指令
npm install -g cnpm --registry=https://registry.npm.taobao.org
# 安装完毕后查询安装是否成功
cnpm -v- 安装Hexo
安装Hexo就很简单了,因为就几条代码可以搞定的事情先做区分,在这里讲的是后台搭建,在我这里成为后端(毕竟概念东西我也不是很清楚,反正我这里先称为后端)
由于我们已经安装了cnpm,所以我们下面的操作npm可以替换成cnpm执行,虽然操作时候可能跟npm显示不一样 但是基本原理相同。 <div class="note default flat"><p>请找你存储的地方,可以mkdir创建指定路经文件夹后cd进入。或者Ftps进行创建文件夹操作</p>
- 安装Hexo
-
1
2
3
4
5
# 安装Hexo
cnpm install -g hexo-cli
# 查看Hexo是否安装成功
hexo -v
上面操作完后,那么hexo就是安装成功了,这个成功不是另一种意义上的成功
然后我们安装Hexo(博客)
1
2
3
4
5
6
7
8
# 初始化Hexo,也就是下载Hexo必要程序
hexo init myblog
# 进入文件夹(也就是你hexo init后面的一部分)
cd myblog
# 执行安装
npm install
这样在你的文件夹下基本博客系统已经安装成功了。
启动博客
1
2
hexo g
hexo server
然后看见下方出现 http://localhost:4000 代表可以访问了

然后试试访问你的博客吧~