利用Hexo在多台电脑上提交和更新博客

前言

考虑到Hexo博客每次的生成和部署都需要环境、依赖资源和所有博客文件，所以如果我们要换一台电脑写博客，则需要配置相同的环境、依赖和所有博客文件，最简单的方法就是用U盘或者其他存储方式拷贝，不过我这里我要讲的是利用Github远程仓库进行更新部署。

1. 分析依赖

1.1环境依赖

要想对我们的博客进行正常的编辑和部署，需要安装以下几个部分：

• Step1下载安装Node.js和Git;
• Step2 配置本地Git环境，由于我们已经注册了相关信息，所以只需要设置好ssh密钥，方法见我之前的博客Windows平台下Github远程仓库的搭建;
• Step3 如果需要部署到Coding，那么还可以继续参照我的这篇博客利用Hexo将博客部署到GitPages和CodingPages进行ssh密钥绑定;
• Step4 下载安装Typora等Markdown编辑器;
• Step5 下载安装腾讯云对象存储客户端cosbrowser。

1.2资源配置依赖

我们在制作博客网站的过程中安装了很多npm的资源包，这些资源包很多，我们没必要一一拷贝，具体如下：

• 安装Hexo:

  npm install -g hexo-cli
  

• 利用package.json部署资源：

  {
  "name": "hexo-site",
  "version": "0.0.0",
  "private": true,
  "hexo": {
  "version": "3.8.0"
  },
  "dependencies": {
  "eslint": "4.12.1",
  "gulp": "^4.0.0",
  "hexo": "^3.7.0",
  "hexo-deployer-git": "^1.0.0",
  "hexo-generator-archive": "^0.1.5",
  "hexo-generator-baidu-sitemap": "^0.1.6",
  "hexo-generator-category": "^0.1.3",
  "hexo-generator-cname": "^0.3.0",
  "hexo-generator-feed": "^1.2.2",
  "hexo-generator-index": "^0.2.1",
  "hexo-generator-searchdb": "^1.0.8",
  "hexo-generator-tag": "^0.2.0",
  "hexo-helper-live2d": "^3.1.0",
  "hexo-neat": "^1.0.4",
  "hexo-pdf": "^1.1.1",
  "hexo-renderer-ejs": "^0.3.1",
  "hexo-renderer-markdown-it-plus": "^1.0.4",
  "hexo-renderer-mathjax": "^0.6.0",
  "hexo-renderer-stylus": "^0.3.3",
  "hexo-server": "^0.3.3",
  "hexo-wordcount": "^6.0.1",
  "live2d-widget-model-tororo": "^1.0.5",
  "live2d-widget-model-wanko": "^1.0.5"
  },
  "devDependencies": {
  "babel-cli": "^6.26.0",
  "babel-preset-es2015": "^6.24.1",
  "gulp-babel": "^8.0.0",
  "gulp-htmlclean": "^2.7.22",
  "gulp-htmlmin": "^5.0.1",
  "gulp-minify-css": "^1.2.4",
  "gulp-uglify": "^3.0.1"
  }
  }
  

  我们只需要在同一目录下执行即可自动下载安装所有资源

  npm install
  

1.3博客内容依赖

博客内容依赖包括主题文件和博客文件，因此我们需要的部分就是：

.
|—— scaffolds
|—— source
|—— themes
|—— .gitignore
|—— _config.yml
|—— db.json
|—— gulpfile.js
|—— package.json
|—— package-lock.json

2.部署远程仓库

2.1同步远程仓库

部署远程仓库的目的是将本地的博客源文件同步到远程仓库，当然并不是master分支，具体过程如下：

• Step1 删除第三方主题下的.git文件夹；

• Step2 配置.gitignore文件：

  .DS_Store
  Thumbs.db
  db.json
  *.log
  node_modules/
  public/
  .deploy*/
  

• Step3 将项目源文件同步到远程仓库对应的hexo分支：

  git init
  //初始化本地仓库
  git add -A //添加本地所有文件到仓库
  git commit -m "blog源文件" //添加commit
  git branch hexo //添加本地仓库分支hexo
  git remote add origin 博客的git地址
  //添加远程仓库
  git push origin hexo //将本地仓库的源文件推送到远程仓库hexo分支
  

  如果出现报错信息：

  ERROR: Repository not found.
  fatal: Could not read from remote repository.
  

  则首先检查ssh配置是否正确，并检查git地址是否一致，利用

  git remote -v
  

  如果不一致，则通过如下方式改变：

  git remote set-url origin git地址
  

2.2 隐藏源文件

如果将原文件同步至分支，则会由于GitPages或者CodingPages的特性，自动变为公开目录，如果其中有一些不希望别人看见的信息，则会变得不方便，所以我们可以新建一个私有仓库进行同步。

• Step1 如果之前已经新建了hexo分支，那么可以选择性的删除该分支；

• Step2 新建一个私有仓库：

  

• Step3 更新远程仓库（如果不行的话，更新ssh）

  git init
  //初始化本地仓库
  git remote add origin 博客的git地址
  //添加远程仓库
  git pull origin master
  git add . //添加本地所有文件到仓库
  git commit -m "blog源文件" //添加commit
  git push -u origin master
  

3.更新远程和本地仓库

对于本地电脑，如果是第一次使用，则输入：

git clone -b <分支> <server> <待存放路径> //<server> 是指在线仓库的地址
cd <待存放路径>
npm install

如果不是第一次操作，对于本地仓库的更新，可执行：

git pull

来源：我的博客

最后

以上就是冷酷羊为你收集整理的利用Hexo在多台电脑上提交和更新博客的全部内容，希望文章能够帮你解决利用Hexo在多台电脑上提交和更新博客所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。