hexo遇到的坑

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

github+hexo 搭建

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

坑１:

更改主题后发布到 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

![](xxx/3.jpg)

解决：

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

JAVASCRIPT

![](3.jpg)