如何维护hexo静态博客

发表于 更新于 分类于

摘要：在用 hexo + github/coding 搭建好博客之后，最重要的就是写博文，更新博客内容，这篇文章教你使用 git 来管理 hexo 博客的源文件和发布文件，让你能够轻松的在多个电脑上更新博客！用 hexo 成功生成本地静态博客文件后，我们的博客已经可以在 github 的 page 上看到，现在要做的就是把生成博客的源文件上传到git仓库。可以单独创建一个仓库来存放源文件，也可以在 page 文件的仓库里新建一个分支来存储，推荐第二种方法，在一个仓库里既存放发布博客的静态文件，又存放开发文件。

​ 在最开始的时候，我的博客是在公司电脑生成的，在回家后也想更新博客，于是就遇到了一些麻烦，该怎么把资源文件同步到其他电脑上呢？参考了简书上@长仙人 的文章 多台电脑使用Hexo 在 github 的仓库里建了两个分枝，一个用了放发布的博客文件，一个用了放源文件，完美解决！

把博客源文件上传到 github

  1. 初始化Git仓库，把博客源文件上传到 github ，进入博客文件夹，右击空白区域，运行“Git Bash Here”

    1
    2
    3
    4
    // 初始化git仓库，运行指令：
    	git init
    //添加远程仓库信息，后面的url为自己的github仓库地址：
    	git remote add origin https://github.com/wqf31415/wqf31415.github.io.git

  2. 新建分支source，并自动切换到source分支

    1
    git checkout -b source

  3. 将源文件提交到github

    1
    2
    3
    git add .
    git commit -m "upload source"
    git push -u origin source

    完成了上述操作后，在 github 的 wqf31415.github.io 仓库中就有两个分支，master 分支用于存放hexo部署的博客文件，source 分支存放 hexo 所需的源文件，可以克隆仓库到任意电脑，切换到 source 就可以对博客进行更新维护。

在不同电脑上更新博客

  1. 首先要安装好 nodejs 和 git

  2. 克隆项目源文件到本地

    1
    git clone https://github.com/wqf31415/wqf31415.github.io.git

  3. 进入文件目录并切换分支

    1
    2
    cd wqf31415.github.io
    git checkout source

  4. 运行npm安装hexo

    1
    npm install hexo-deployer-git --save

  5. 用hexo在本地试运行

    hexo generate 生成hexo静态文件，简写为 hexo g

    hexo server 在本地运行hexo服务，简写为 hexo s

    用浏览器访问 http://localhost:4000 预览

    在本地预览时，可能会报错 WARN No layout: index.html 错误。

    原因是博客用的是 next主题 ，在克隆source分支到本地后，发现next文件夹是空的，需要重新安装 NexT：

    git clone https://github.com/theme-next/hexo-theme-next themes/next

    然后重新预览：

    hexo clean

    hexo g

    hexo s

  6. 在本地正确运行后就可以对博客进行更新、维护和写作了

写新的文章

  1. 运行 hexo 新建博文的命令：

    hexo new '文章标题'

    在命令运行成功后，将在source/_posts 目录下生成 文章标题.md ，用 markdown 编辑器编写即可；

  2. 文章撰写、修改完成后，需要运行 hexo 生成博客静态文件：

    hexo clean 清除缓存

    hexo g 生成博客静态文件

    hexo s 开启hexo服务，用于本地预览

    hexo deploy 部署博客到git平台，简写为 hexo d（PS：一定要在本地预览没问题再部署）

  3. 将本地博客源文件同步到git仓库，用于多电脑博客管理：

    git add . 把本地修改提交到缓存

    git commit -m '修改描述' 提交修改

    git push origin source 把本地仓库推送到远端仓库

从github仓库拉取更新过的源文件

​ 在一台电脑上更新过博客内容后，用上述的方法将源文件推送到github仓库，在其他电脑上再更新时就要先从仓库拉取最新的源文件，然后再进行操作，具体操作步骤如下：

  1. 进入到博客源文件所在目录，H:\GitHub\wqf31415.github.io ，在空白区域右击选择Git Bash Here 启动git bash命令行；

  2. 查看本地分支：

    git branch

    如果不是source分支就需要切换到source分支：

    git checkout source

  3. 拉取最新文件内容：

    git pull origin source

​ 这样就完成了从远端仓库拉取源文件，可以在本地进行博客更新了！—这样就完成了从远端仓库拉取源文件，可以在本地进行博客更新了！