hexo遇到的坑

2022-03-21 15:57:04 浏览数 (1)

看见别人的博客绚丽多彩,与众不同,自己也鼓捣了一个自己的博客

github hexo 搭建

首先 hexo 的安装,git 安装,往上一大堆,废话不多说,可以参考 http://www.cnblogs.com/highway-9/p/5985893.html,下面总结一下遇到的坑

坑1:

更改主题后发布到 github 后,查看效果只有框架,一片白,无 css 效果,f12 查看有报错信息,找不到 js,css 文件

解决:

进入 next 主题的 source 目录,将 vendors 文件的文件名改成任意其他名字,如:VEN。

  在配 next 主题的配置文件_config.yml 中,将 vendors: 块中的_internal: vendors 项改成前面重命名文件夹的名称,如_internal:VEN,保存。

  输入命令:

hexo clean

hexo g

hexo d

但是我更改后,发现还是没效果,仍然报错,后来 f12 查看报错的 url 后发现,提示找不到 /blog/*.js,原来去 /blog 路径下面找文件了,但是 github 上 js,css 并不在 blog 目录下,而是属于第一级目录,

原来是因为我本地为了好看把访问地址改为了 /http://localhost:4000/blog

打开_config.yml 文件,修改 root:/blog 为 root: /,问题解决

坑 2:

换了台机器,从 github pull 下来代码,安装 git,node,hexo 后,启动 hexo s, 显示启动成功

INFO Start processing

INFO Hexo is running at http://localhost:4000/. Press Ctrl C to stop. 但是界面访问显示 404 Cannot GET /

解决:

有网友说进行如下操作即可

npm install

试了之后不行,有网友说进行如下操作即可:

sudo npm install hexo-renderer-ejs —save

sudo npm install hexo-renderer-stylus —save

sudo npm install hexo-renderer-marked —save

这个时候再重新生成静态文件,命令:hexo g 启动:hexo s

试了还是不行,应该还是哪些包关联出了问题,最后还是 init 了新文件,

把除了 node_modules 文件外的文件都复制过来即可:

步骤:

hexo init

cd folde

npm install

npm install hexo-server —save

把之前的除掉 node_modules 文件外的文件复制过来 (或者把 node_modules 文件夹替换之前的 node_modules 文件夹)

npm serve

上述操作亲测可行,后来发现不用这么复杂

步骤:

sudo npm install

sudo npm install hexo-server —save

这样也是可以的

坑 3:

图片出不来

之前按照相对路径配置,图片路径出现了 /xxx/xxx/3.jpg ,2 个 xxx 地址

JAVASCRIPT

代码语言:javascript复制
![](xxx/3.jpg)

解决:

xxx 文件夹是和文章同级的,而且和博客标题名称一样,所以自动为图片加了路径,只需写成如下即可

JAVASCRIPT

代码语言:javascript复制
![](3.jpg) 

0 人点赞