看见别人的博客绚丽多彩,与众不同,自己也鼓捣了一个自己的博客
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)