Hexo学习笔记

  重新搭建的Hexo平台，将以后会出现的一些问题在此做不定期整理，并会随时上传至github平台。

---

Npm Hexo

hexo

安装Hexo——确保电脑已经安装Node.js以及Git环境

1. 命令行输入：

    $ npm install -g cnpm --registry=https://registry.npm.taobao.org  #安装淘宝NPM镜像
    $ npm install -g hexo-cli #全局安装
    $ npm install hexo --save
   

2. 查看是否安装成功

    $ hexo -v
   

3. Hexo相关配置

    $ hexo init #初始化hexo
    // $ npm install #安装所需要的组件(生成器)
    $ hexo s #运行，本地动态查看当前界面，每次保存完文件后会自动刷新页面数据
   

配置

1. 配置身份信息

    $ git config -- golbal user.name "yourname"
    $ git config -- golbal user.email "youremail"
    $ ssh-keygen -t rsa -C "youremail" #生成密钥，密钥位置会给出提示 id_rsa.pub
   

2. 修改配置信息(_config.yml)

    deploy:
        type: git
        repo: git@github.com:yourname/yourname.github.io.git
        branch；master
    注：这里的repo中填写的是SSH-Key
   

3. 部署网络

    $ hexo deploy
   

4. 配置github

• 建立与你用户名对应的仓库，仓库名必须为 you_user_name.github.io
• 进入 your_user_name.github.io –> Settings –> GitHub Pages –> Source –> master branch –> Save

注：需要安装一个扩展

    $ npm install hexo-deployer-git --save

服务器

    $ hexo server -s #静态模式
    $ hexo server -p 5000 #更改端口
    $ hexo server -i 192.168.1.1 #自定义IP
    $ hexo clean #清理缓存 网页正常情况下可以忽略

---

Markdown markdown使用手册请参考上一篇文章

创建新文件

    $ hexo new file "filename"
    $ hexo new page "pagename"

更新并上传到github

    $ hexo d -g #简写

or:

    $ hexo g #生成静态网页 generate
    $ hexo d #开始部署到github deploy

---

Hexo 优化问题

修改Hexo样式

 从主题文件夹下找到 \themes\next\source\css\_custom\custom.styl ，初始内容如下:

  // Custom styles.
  .post {
    margin-top: 60px;
    margin-bottom: 60px;
    padding: 25px;
    -webkit-box-shadow: 0 0 5px rgba(202, 203, 203, .5);
    -moz-box-shadow: 0 0 5px rgba(202, 203, 204, .5);
  }

显示当前浏览进度

 修改 themes/*/_config.yml

# Back to top in sidebar
b2t: true

# Scroll percent label in b2t button
scrollpercent: true

增加背景图片

 打开 themes/*/source/css/_custom/custom.styl ，添加代码：

body{
  background: url(/images/bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}

 图片来源：

  https://source.unsplash.com

更换电脑部署Hexo

本地资料丢失 重装电脑或者在其他电脑修改博客

1. 使用git clone git@github.com:xxx/xxx.github.io.git拷贝仓库(默认分支为hexo)

2. 在本地新拷贝的xxx.github.io文件夹下通过Git bash依次执行

    $ npm install hexo
    $ npm install
    $ npm install hexo-deployer-git
    注：不需要执行`hexo init` #初始化
   

   多台电脑同时管理Hexo

   本机

3. 先删除主题文件下的.git文件，可以直接删除或者执行

    $ rm -rf .git
   

4. 在本地博客文件夹下依次输入以下指令(部分指令因为有提示可以自己修改下)

    $ git init
    $ git checkout -b hexo
    $ git remote add origin git@github.com:xxx/xxx.github.io.git
    $ git add .
    $ git commit -m "提交说明"
    $ git push origin hexo
   

   执行到这里我们已经将本地的源文件添加到了分支的hexo上

另一台电脑

1. 克隆下博客项目先运行

    $ npm install
   

2. 文件内容包括
    .DS_Store
    Thumbs.db
    db.json
    .log
    node_modules/
    public/
    .deploy/

更换电脑，继续编写博客

1. 将原来电脑上已经配置好并生成的hexo目录拷到新电脑上，注意无需全部拷贝，只需要拷贝一下几个目录：

    _config.yml
    package.json
    scaffolds/
    source/
    themes/
   

   将这些目录统一放到一个文件夹，如：Hexo /
2. 新电脑配置hexo环境，安装Node.js
3. 安装hexo

    $ npm install -g hexo
   

4. 安装好后进入hexo/目录

5. 模块安装

    $ npm install
    $ npm install hexo-deployer-git --save
    $ npm install hexo-generator-feed --save
    $ npm install hexo-generator-sitemap --save
   

6. 部署hexo

    $ hexo g
    $ hexo deploy
   

7. 注意:
   不管这台电脑上之前有没有安装过Hexo,安装完成后都是不需要hexo init的————这个操作会把config初始化

将git的内容同步到本地

  如果A电脑里的内容备份到git,现B电脑准备同步内容

    $ git init
    $ git remote add origin <server> #将本地文件和云端仓库映射起来.这不不可以跳过
    $ git fetch --all
    $ git reset --hard origin/master

fetch是将云端所有内容拉取下来.reset则是不做任何合并处理,强制将本地内容指向刚刚同步下来的云端内容(正常pull的话需要考虑不少冲突问题)

同步文章

    $ git add .

可以使用git status查看状态:

    $ git init #第一次操作时先执行此项,如果不是第一次执行,此项可忽略
    $ git status

然后对更改添加说明并推送到远程仓库.

    $ git commit -m '更新信息'
    $ git push

然后回到另一台电脑

    $ git pull

---

部署过程出现错误

重新输入 hexo init 解决 ERROR

ERROR Local hexo not found in D:\Hexo
ERROR Try running: 'npm install hexo --save'

将Hexo文件夹中的所有文件删除

$ hexo init

hexo d 后出现 ERROR Deployer not found:git

$ hexo d
ERROR Deployer not found:git

输入：

$ npm install --save hexo-deployer-git

Link

1. Leancloud访客统计插件重大安全漏洞修复指南
2. 文章阅读次数显示：Counter not initialized! See more at consoleerr msg的解决办法
3. NexT主题之LeanCloud切换国际版

---