今天打算将原来在windows电脑上部署的hexo博客给迁移到macbook上,却遇到了很多问题,在网上找遍了很多却没有合适的答案,算是一个踩坑经历,特此记录。其中最主要的便是,当我hexo d -g生成静态页面之后,打开页面,没有渲染的主页,只有dom文本,打开生成的html文件,和显示在网页上的一致。
主页无法显示的问题
在网页上的显示:
1 | {% extends '_layout.swig' %} {% import '_macro/post.swig' as post_template %} {% import '_macro/sidebar.swig' as sidebar_template %} {% block title %}{{ config.title }}{% if theme.index_with_subtitle and config.subtitle %} - {{config.subtitle }}{% endif %}{% endblock %} {% block page_class %} {% if is_home() %}page-home{% endif -%} {% endblock %} {% block content %} |
经过检索我现在知乎上发现了一个类似的问题-hexo页面无法正常显示:、
解决方案是:
1 | hexo某个版本没有添加 |
然而当我安装了这个插件时,依然没有发生变化,虽然这个答案没有解决问题,但是却给了我启发,因为我迁移到macbook上的时候,安装的依赖都是最新的,于是我开始怀疑我的hexo版本问题。当我检查新旧两个版本的hexo时果然发生了差异
1 | //输入hexo -v之后 |
下面是我原来windows电脑上的的package.json
1 | "hexo": { |
于是我删掉了安装的node_module,修改了package.json的hexo版本
1 | //重新安装 |
最终终于显示了原来的博客主页,欢迎大家来访问我的博客
迁移博客的其他问题
在我想下载回原来的依赖时,发现了一些warning,如下:
1 | (node:37667) Warning: Accessing non-existent property 'lineno' of module exports inside circular dependency |
通过在网上搜索,发现是node版本的问题,我在mac上是用brew直接下载的最新版本v14,然后网上的答案显示v12版本的node是没有问题的,所以更新了node版本,解决了问题。
在mac上如何重新安装某一版本的node
完全卸载本地环境原来的node
在安装node前,首先要考虑后续会不会切换版本,如果需要,必须要求nvm在Node安装之前
先安装nvm
在通过nvm安装自己需要的node
否则,在nvm安装之前的安装的node是不会被nvm管理起来的!
那如果已经安装了node,却还要使用nvm管理版本的话,怎么办?我很不幸的告诉你,你需要删除已安装的node。
下面是删除的Node和npm的命令,在终端中执行即可。
1 | sudo npm uninstall npm -g |
下载nvm,使用nvm来管理Node版本
1 | curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash |
此处注意不要使用brew安装,否则会掉坑。
关闭终端nvm失效,区分zsh和bash
对于一般的终端,默认是bash窗口,所以在安装完nvm后,根据如下图提示,进行操作
配置环境变量(无 .bash_profile)
添加 .bash_profile在终端键入
touch ~/.bash_profile
打开 .bash_profile在终端键入
open -e .bash_profile
在 .basn_profile中输入
1
2
3export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion" # This loads nvm bash_completion配置生效
1
source ~/.bash_profile
此时就有坑点了,如果你不进行以下的操作,你会发现,node -v命令只会在当前窗口生效,而其他窗口node -v会说找不到指令,你可以看看你的终端名称是否是zsh,这说明我们还需要配置环境变量
配置环境变量
添加 .zshrc在终端键入
touch ~/.zshrc
打开 .zshrc在终端键入
open -e .zshrc
在 .zshrc中输入
1
2
3export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion" # This loads nvm bash_completion配置生效
1
source ~/.zshrc
切换node版本失效
1 | # 将要切换的版本设置为default |
zsh compinit提示“insecure directories”怎么办
当执行source ~/.zshrc
之后显示如下提示:
1 | zsh compinit: insecure directories, run compaudit for list. |
解决方法如下:
zsh配置的所属权限问题。执行如下命令修改权限
1 | $ cd /usr/local/share/zsh |
再次执行 source ~/.zshrc
,如果问题还未解决,这时你就需要修改 site-functions
的所有者
- OSX 10.9及以下系统执行如下命令:
1 | $ cd /usr/local/share/ |
OSX 10.9以上系统执行如下命令(user:staff 是 OSX 系统默认权限):
1 | $ cd /usr/local/share/ |
再次执行 source ~/.zshrc
终于搞定了
经验教训
迁移项目的时候,一定要注意环境的配置,依赖的版本,依赖不是最新的才是最好用的,最好能够保持原来的版本号,不要擅自更新!!!