WordPress转hexo过程

记录了从WordPress转移到hexo过程中遇到的问题以及查阅的资料

原因

因为要开始进行大创项目,所以需要一个Linux环境去跑这些JQF工具以及其他奇奇怪怪的东西。权衡之下就把阿里云的服务器腾空用于实践了,原WordPress上的内容就转移到了GitHub的博客上,试了一试广受好评的hexo博客,现在感觉还不错,至少明白一些东西从哪里调整,而且还没有总是无法安装插件的烦恼。

过程

原博客导出

原本是想通过WordPress内置的导出功能,导出xml文件,然后通过hexo的migrate插件进行方便的迁移的。但是在过程中出现了导入后格式变化太大的情况。考虑到原博客内容较少,于是开始手动重新排版,顺便对之前博客中不满意的地方进行了一定的修改。

新博客建立

Hexo安装与新建

GitHub上新建一个仓库,仓库名设置为用户名.github.io,然后去setting中去修改page选项,随便选定一个主题

然后在本地找好一个地方把这个仓库clone下来,然后检查本机上是否已经安装了Node.js和Git,如果没有就补一下

准备条件完成之后,通过GitBash中的给出的npm工具安装hexo

$ npm install -g hexo-cli

hexo-clihexo + 命令行接口,给出了一些可以从命令行下操作hexo的方法,操作上更加方便,我还没有试一试hexo本身的功能。

进行初始化

$ hexo init <folder>
$ cd <folder>
$ npm install

第一条命令执行完之后可能会出现一些问题,是缺少一些依赖文件,所以通过后两条命令,进入目录然后npm装好相应的文件就可以正常新建了。

其他在过程中遇到的问题都可以在hexo的文档中找到,中文文档看起来也不是很别扭。

NexT主题

这个主题的官方文档也有中文的,看起来比较方便。

NexT官方文档

遇到的一些问题

修改网页动画速度

修改目录下的 /themes/next/source/js/src/motion.js就可以了

对其中的duration进行一些改动,自己舒服就好

Hexo NexT主题修改动画效果速度

博客图片插入

博客图片插入就没有WordPress这么方便了,前几篇博客中用到的图片我是存放到了图床上。

路过图床

通过文章中的Markdown语法进行引用

8fvHWF.png