如何维护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. 首先要安装好 nodejsgit

  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

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