抱歉,您的浏览器无法访问本站

本页面需要浏览器支持(启用)JavaScript


了解详情 >

2015年12月9日,距离高考只有六个月的我,耗时一个半月在万网虚拟机上用WordPress搭好了第一个博客(我当时到底在干嘛……)

当时赶上了万网免费两年虚拟机的活动,两年到期后就没再选服务器,每年一百多续费也不是很贵,只是性能真的差,期间博客也是各种问题。现在四年过去了,我那个WordPress已经各种补丁,卡得不像样子了,每个月万网都要给我关几次服务,忍无可忍,直接换个静态的扔上去,你再卡一个试试。

以下内容是在Win10中完成的

安装HEXO

二话不说,进官网。跟着官网教程走一遍,几分钟装好。

安装Git

安装Node.js

最后打开PowerShell

1
npm install -g hexo-cli

安装完成

建站

首先在电脑上建一个博客文件夹,比如我的:D:\blog-itdream

在PowerShell里进入文件夹,执行初始化命令:

1
2
cd D:\blog-itdream
npx hexo init

这个过程比较慢,主要是国内连GitHub太慢。

然后就是配置新的网站,参考官网:

https://hexo.io/zh-cn/docs/configuration

迁移

官网上给出了WordPress迁移插件,但是那个插件迁移过来的文章一塌糊涂,试了一下RSS迁移,发现除了文章没有分类,其他都正常,而他给的WordPress迁移插件对分类支持也不好,所以直接用RSS迁移。

先进入WordPress后台→设置→阅读,找到Feed中显示最近 10个项目,把项目数量改成所有文章的数量后保存更改。然后找到你的博客RSS地址,我的是https://itdream.me/feed

然后安装并运行迁移插件:

1
2
npm install hexo-migrator-rss --save
npx hexo migrate rss https://itdream.me/feed

成功的话就可以在D:\blog-itdream\source\_posts里看到所有的文章啦。

整理

正常我是用Typora编辑Markdown的,但是这种大量文件编辑用Typora有点不方便,所以直接把所有文章拖到了VS Code里修改。

主要是改一下文章的分类,和代码格式(因为以前用的是代码高亮插件,RSS导入有点问题。不敢想象都快0202年了WordPress代码高亮支持还是那么的垃圾)

把HEXO作为服务器运行,这样一边修改保存就可以一边看到结果了

1
npx hexo server

索性我的博客文章不多,四年才写了20篇博客……对,我就是那种享受折腾过程,不写博客的人。

整理完也不早了,在博客根目录建个Git仓库,把源码备份到Gitee后睡觉。

主题

在HEXO主题的官方主题页面上挑了好久,最终选定了Material X这个主题,卡片式的布局感觉看着很舒服。

按照官网的方法

  1. 下载主题到 themes/ 文件夹
1
git clone https://github.com/xaoxuu/hexo-theme-material-x themes/material-x
  1. 然后安装必要的依赖包
1
npm i -S hexo-generator-search hexo-generator-json-content hexo-renderer-less
  1. 修改HEXO配置文件"D:\blog-itdream\_config.yml",把里面的theme设置为material-x(就是下载到themes文件夹里面的主题的名字)

这时候刷新页面就可以看到新的主题了。如果没有出来,就清理一下缓存

1
npx hexo clean

部署

因为网站是部署到万网虚拟主机的,所以需要通过FTP方式进行部署。

首先下载插件hexo-deployer-ftpsync

1
npm install hexo-deployer-ftpsync --save

修改配置:

1
2
3
4
5
6
7
8
9
10
deploy:
type: ftpsync
host: <host> #远程主机的地址
user: <user> #使用者名称
pass: <password> #密码
remote: [remote] #远程主机的根目录
port: [port] #端口
ignore: [ignore] #忽略的文件或目录
connections: [connections] #使用的连接数
verboe: [true|false] #显示调试信息

未完待续…………

评论