Mac安装Hexo及Butterfly主题

安装hexo

安装hexo

安装成功,hexo -v进行检测

新建项目文件夹,并进入文件夹内

hexo s启动项目

安装各类型主题

安装butterfly主题

用npm安装主题

1
npm install hexo-theme-butterfly

更改主题操作

进行hexo s启动项目

注意:hexo s = hexo sever 我进行-p4008原因是因为4000端口 被占用

安装Aurora主题

用npm安装

1
npm install hexo-theme-aurora --save

更改主题操作

在 Hexo 博客的根目录下创建一个 _config.aurora.yml 配置文件来配置主题。

获取默认主题模版

在 Linux 或者 MacOS 下执行

1
cp -rf ./node_modules/hexo-theme-aurora/_config.yml ./_config.aurora.yml

如 Windows 系统,在 node_modules 中找到对应目录复制过来

设置permalink参数

在hexo根目录下的_config.yml中修改 permalink 参数为 /post/:title.html

设备代码高亮

同样也是在hexo根目录下的_config.yml中

把 highlight 的启用改为false

把 prismjs 的启用改为true

把 prismjs 下的 preprocess 改为 false

重新生成本地服务器

1
hexo clean & hexo g & hexo server

备份之前的博客文件

对比还剩插件

这里的对比什么意思呢,就是对比一下你之前的博客package.json包里面的插件和安装新的hexo博客插件对比,看还剩下那些差距。

经过对比了一下,还剩下这些,然后依次进行npm安装就可以了。

将原博客的文件进行覆盖过去

_config.yml文件

_config.butterfly.yml文件

source文件夹

直接把这些进行覆盖过去就行了,把原来的hexo框架的这些文件都删除。因为原来的博客文件你已经配置好了某些插件的功能项,就不需要一一在进行配置了。

简而言之,其实备份博客文件夹备份这几个文件就够了然后还有记住 package.json包里面的插件都有哪些。

可能遇到的问题

为什么建议npm安装?

一张图看明白所有,因为我是喜欢简洁的,然后git clone的话会导致好多文件夹目录,看起来繁琐,误删还会导致项目无法运行

端口占用问题

Sinx科技

如有其他问题 欢迎扫码咨询 Sinx科技


peace

Author: Sinx科技

Permalink: https://sinx.tech/hexo1/

Sinx科技