1.30 hexo 重新部署笔记环境+实现本地图片加载

摘要

本文记录了1.30 hexo 换电脑后的本地环境配置。建议使用当前的环境,如果可以也可以使用最新的环境。

hexo实现本地图片的显示,改动方法参考[1.9 hexo 实现本地图片加载]

  • [x] Edit By Porter, 积水成渊,蛟龙生焉。

完整环境介绍

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
$porterpan.github.io> hexo -v
INFO Validating config
INFO DPlayer.min.css is not found in this version of dplayer, skip it.
hexo: 6.3.0
hexo-cli: 4.3.0
os: win32 10.0.22621
node: 14.18.1
v8: 8.4.371.23-node.84
uv: 1.42.0
zlib: 1.2.11
brotli: 1.0.9
ares: 1.17.2
modules: 83
nghttp2: 1.42.0
napi: 8
llhttp: 2.1.4
openssl: 1.1.1l
cldr: 39.0
icu: 69.1
tz: 2021a
unicode: 13.0
1
2
3
4
5
$porterpan.github.io> npm -v
6.14.15

$porterpan.github.io> node -v
v14.18.1

更新hexo环境

环境安装

1
2
3
4
npm install hexo-asset-img --save
npm install dplayer --save
npm install hexo-neat --save
npm install -g hexo-cli

在本地目录生成node_modules文件夹

1
2
3
4
5
6
// 1、清除npm缓存(由于是在Mac系统下,执行npm cache clean --force命令时前面需要加sudo获取权限)
sudo npm cache clean --force
// 2、删除node_modules文件(也可手动删除node_modules文件夹)
rm -rf node_modules
// 3、重新执行安装
sudo npm install

执行生成

1
2
3
hexo clean 
hexo g
hexo s

修改本地node_modules文件夹中的image

从之前的github上复制文件夹node_modules\hexo-asset-image
替换当前更新后的node_modules\hexo-asset-image文件夹。

文章目录
  1. 1. 摘要
  2. 2. 完整环境介绍
  3. 3. 更新hexo环境
  4. 4. 环境安装
    1. 4.1. 在本地目录生成node_modules文件夹
    2. 4.2. 执行生成
    3. 4.3. 修改本地node_modules文件夹中的image
|