2015年12月9日,距离高考只有六个月的我,耗时一个半月在万网虚拟机上用WordPress搭好了第一个博客(我当时到底在干嘛……)
当时赶上了万网免费两年虚拟机的活动,两年到期后就没再选服务器,每年一百多续费也不是很贵,只是性能真的差,期间博客也是各种问题。现在四年过去了,我那个WordPress已经各种补丁,卡得不像样子了,每个月万网都要给我关几次服务,忍无可忍,直接换个静态的扔上去,你再卡一个试试。
以下内容是在Win10中完成的
安装HEXO
二话不说,进官网。跟着官网教程走一遍,几分钟装好。
安装Git
安装Node.js
最后打开PowerShell
1 | npm install -g hexo-cli |
安装完成
建站
首先在电脑上建一个博客文件夹,比如我的:D:\blog-itdream
在PowerShell里进入文件夹,执行初始化命令:
1 | cd D:\blog-itdream |
这个过程比较慢,主要是国内连GitHub太慢。
然后就是配置新的网站,参考官网:
https://hexo.io/zh-cn/docs/configuration
迁移
官网上给出了WordPress迁移插件,但是那个插件迁移过来的文章一塌糊涂,试了一下RSS迁移,发现除了文章没有分类,其他都正常,而他给的WordPress迁移插件对分类支持也不好,所以直接用RSS迁移。
先进入WordPress后台→设置→阅读,找到Feed中显示最近 10个项目
,把项目数量改成所有文章的数量后保存更改。然后找到你的博客RSS地址,我的是https://itdream.me/feed
然后安装并运行迁移插件:
1 | npm install hexo-migrator-rss --save |
成功的话就可以在D:\blog-itdream\source\_posts
里看到所有的文章啦。
整理
正常我是用Typora编辑Markdown的,但是这种大量文件编辑用Typora有点不方便,所以直接把所有文章拖到了VS Code里修改。
主要是改一下文章的分类,和代码格式(因为以前用的是代码高亮插件,RSS导入有点问题。不敢想象都快0202年了WordPress代码高亮支持还是那么的垃圾)
把HEXO作为服务器运行,这样一边修改保存就可以一边看到结果了
1 | npx hexo server |
索性我的博客文章不多,四年才写了20篇博客……对,我就是那种享受折腾过程,不写博客的人。
整理完也不早了,在博客根目录建个Git仓库,把源码备份到Gitee后睡觉。
主题
在HEXO主题的官方主题页面上挑了好久,最终选定了Material X这个主题,卡片式的布局感觉看着很舒服。
按照官网的方法
- 下载主题到
themes/
文件夹
1 | git clone https://github.com/xaoxuu/hexo-theme-material-x themes/material-x |
- 然后安装必要的依赖包
1 | npm i -S hexo-generator-search hexo-generator-json-content hexo-renderer-less |
- 修改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 | deploy: |
未完待续…………