hexo创建个人博客记录

常见命令

1.安装hexo

1
$ sudo npm install -g hexo

2.初始化

1
$ hexo init

3.生成静态页面

1
$ hexo generate(hexo g也可以)

4.启动本地服务,进行文章预览调试,浏览器输入http://localhost:4000即可

1
$ hexo server(hexo s也可以)

5.发布配置

1
$ hexo deploy(hexo d也可以)

deploy之前进行build,可以对博客进行优化,提高网站访问速度。

1
$ gulp build     //压缩js、css、img文件

每次部署的步骤,可按以下三步来进行: hexo cleanhexo generatehexo deploy,或者 hexo d -g

6.新建文章

1
$ hexo new "postName"

7.新建页面

1
$ hexo new page "pageName"

8.添加统计数据

在themes/yilia/layout/_partial/footer.ejs文件<style>上添加以下代码:

1
<script async src="//dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js">

<style>下添加以下代码:

1
2
3
本站总访问量<span id="busuanzi_value_site_pv"></span>次
本站访客数<span id="busuanzi_value_site_uv"></span>人次
本文总阅读量<span id="busuanzi_value_page_pv"></span>次

hexo填坑历程

(1)坑一:hexo命令找不到

1
2
ERROR Local hexo not found in E:\blog
ERROR Try running: 'npm install hexo --save'

解决:按照提示输入npm install hexo --save,如果不可以,可能是:
因为安装包中有些内容在墙外,所以可以换淘宝源,或者用

$ npm install -g hexo-cli –no-optional(很重要)
有时候只写npm install --no-optional也不行,只能以上命令

如果还是不可以,可能是由于:
.gitignore文件里面忽略了node_modules文件夹,所以这个文件夹没有更新上去。所以用npm重新安装即可,输入以下命令:

1
2
3
cd ...\blog
npm install
hexo server

(2)坑二:ERROR Deployer not found: git

$ npm install hexo-deployer-git –save
然后重新 deploy 即可

(3)坑三:hexo deploy成功,但是页面不显示
解决:
到仓库下的settings下修改GitHub Pages,source选择master分支,显示 Your site is published at https://XXX.github.io/即可

(4)坑四:

1
2
3
fatal: Not a git repository (or any of the parent directories): .git
FATAL Something's wrong. Maybe you can find the solution here: http://hexo.io/docs/troubleshooting.html
Error: fatal: Not a git repository (or any of the parent directories): .git

解决:
检查_config.yml文件deploy的配置如下:

1
2
type: git
repo: https://github.com/XXX/XXX.github.io.git

如果还是不可以,请看下一解决方案。

(5)坑五:Permission to XXX.github.io.git denied
解决:

1
2
$ git config --global user.name "yourname"
$ git config --global user.email "youremail"

如果以上做完还是出不来,删掉根目录下的文件夹:.deploy_git,重新deploy就可以了。

  • 添加动态背景效果代码:
    1
    2
    <script type="text/javascript"
    color="0,0,255" opacity='0.7' zIndex="-2" count="99" src="//cdn.bootcss.com/canvas-nest.js/1.0.0/canvas-nest.min.js"></script>

(6)inunpopulatedsubmodule’.deploy_git’
解决:
先安装下相关的依赖:

1
npm install hexo-deployer-git –save

实在不行,就把它删掉,然后重新生成和部署。

1
2
3
4
ls -a
rm -rf .deploy_git
hexo g
hexo d

打造个性超赞博客Hexo+NexT+GitHubPages的超深度优化

-------------本文结束感谢您的阅读-------------