前端进阶之旅前端进阶之旅
基础篇
进阶篇
高频篇
精选篇
手写篇
面经篇
AI 篇
原理篇
每日一题
小程序题库
知识卡片
  • 场景篇按分类整理的大前端场景考点
  • 历年面经按年份追踪真实考点
  • 算法题库NEW在线编码即时判题
  • 专项自测100 题快速查漏
  • 前端基础
    • HTTP从报文一路讲到 HTTPS
    • 浏览器渲染、事件循环、进程
    • 计算机基础Linux、网络、操作系统
  • 进阶专项
    • 设计模式23 种模式怎么用
    • 前端系统进阶学习大型项目工程化
    • 前端综合文章长期沉淀的实践文
  • 工程与工具
    • Node学习指南从环境搭建到服务端
    • NPM工作流script、依赖与发布
    • Docker容器化部署上手
    • Canvas图形与动画实战
  • 路线与导图
    • 思维导图知识点全景图
    • 学习路线按图索骥不跑偏
  • 动态
    • 公众号动态公众号历史文章
    • 博客动态站长的技术博客
    • 开发者导航常用工具与文档站
  • AI 助手随时提问,即时解析
  • AI 模拟面试模拟真实面试 + 报告
  • AI 知识地图串起全站知识点
  • AI 定制路线按你的简历现排
AI 热点
旧版
基础篇
进阶篇
高频篇
精选篇
手写篇
面经篇
AI 篇
原理篇
每日一题
小程序题库
知识卡片
  • 场景篇按分类整理的大前端场景考点
  • 历年面经按年份追踪真实考点
  • 算法题库NEW在线编码即时判题
  • 专项自测100 题快速查漏
  • 前端基础
    • HTTP从报文一路讲到 HTTPS
    • 浏览器渲染、事件循环、进程
    • 计算机基础Linux、网络、操作系统
  • 进阶专项
    • 设计模式23 种模式怎么用
    • 前端系统进阶学习大型项目工程化
    • 前端综合文章长期沉淀的实践文
  • 工程与工具
    • Node学习指南从环境搭建到服务端
    • NPM工作流script、依赖与发布
    • Docker容器化部署上手
    • Canvas图形与动画实战
  • 路线与导图
    • 思维导图知识点全景图
    • 学习路线按图索骥不跑偏
  • 动态
    • 公众号动态公众号历史文章
    • 博客动态站长的技术博客
    • 开发者导航常用工具与文档站
  • AI 助手随时提问,即时解析
  • AI 模拟面试模拟真实面试 + 报告
  • AI 知识地图串起全站知识点
  • AI 定制路线按你的简历现排
AI 热点
旧版

Hexo持续集成自动部署到github

首页2016-07-03 00:41:12Hexo
Hexo

# 一、 新建新的分支


master:博客的静态文件,也就是hexo生成后的HTML文件,因为要使用Gitpage服务,所以他规定的网页文件必须是在master分支

建新的分支:dev:存放博客的源代码

Git怎么推送本地分支到远程新分支上面去?

git push --force origin local_branch:remote_branch

这个操作,local_branch必须为你本地存在的分支,remote_branch为远程分支,如果remote_branch不存在则会自动创建分支。

类似,git push origin :remote_branch,local_branch留空的话则是删除远程remote_branch分支。

# 这里是分支常用命令:

  • 列出所有本地分支 $ git branch

  • 列出所有远程分支 $ git branch -r

  • 列出所有本地分支和远程分支 $ git branch -a

  • 新建一个分支,但依然停留在当前分支 $ git branch [branch-name]

  • 新建一个分支,并切换到该分支 $ git checkout -b [branch]

  • 新建一个分支,指向指定commit $ git branch [branch] [commit]

  • 新建一个分支,与指定的远程分支建立追踪关系 $ git branch --track [branch] [remote-branch]

  • 切换到指定分支,并更新工作区 `$ git checkout [branch-name]

  • 切换到上一个分支 $ git checkout -

  • 建立追踪关系,在现有分支与指定的远程分支之间 $ git branch --set-upstream [branch] [remote-branch]

  • 合并指定分支到当前分支 $ git merge [branch]

  • 选择一个commit,合并进当前分支 `$ git cherry-pick [commit]

  • 删除分支 $ git branch -d [branch-name]

  • 删除远程分支

$ git push origin --delete [branch-name]
$ git branch -dr [remote/branch]
@前端进阶之旅: 代码已经复制到剪贴板

# 二、配置Travis


  • 接入Travis CI
  • 打开Travis CI网站,使用github账号登录。
  • 将鼠标放在右上角的用户名上,点击Account选项,会显示github的项目。
  • 找到博客项目,点击前面带有 X 符号的按钮,开启travis支持。 此处输入图片的描述

然后点击设置按钮,在项目的设置中开启Build only if .travis.yml is present这一项.

此处输入图片的描述

到这一步, 我们已经开启了要构建的仓库

  • 在Travis CI配置Github的Access Token

  • 在github上生成Access Token

首先我们来到github的设置界面,点击到Personal access tokens页面,点击右上角的Generate new token按钮会重新生成一个,点击后他会叫你输入密码,然后来到如下界面,给他去一个名字,下面是勾选一些权限

此处输入图片的描述

生成完后,你需要拷贝下来,接下来要用到

  • 在Travis CI配置

配置界面还是在项目的setting里面,如下图

此处输入图片的描述

还需要在源代码的仓库里创建一个.travis.yml配置文件,放到源代码的根目录,如下图

其中内容如下:

language: node_js
node_js: stable

# S: Build Lifecycle
install:
  - npm install

#before_script:
 # - npm install -g gulp

script:
  - hexo g

after_script:
  - cd ./public
  - git init
  - git config user.name "lifengsofts"
  - git config user.email "lifengsofts@gmail.com"
  - git add .
  - git commit -m "Update docs"
  - git push --force --quiet "https://${GH_TOKEN}@${GH_REF}" master:master
# E: Build LifeCycle

branches:
  only:
    - blog-source
env:
 global:
   - GH_REF: github.com/lifengsofts/lifengsofts.github.io.git

@前端进阶之旅: 代码已经复制到剪贴板

其中给你需要更换的又git config后面的配置信息 GH_REF的值更改为你的仓库地址

到这一步我们配置已经完成了

# 三、本地操作


  • 把远程仓库源码下载下来新建新的分支dev git clone -b dev https://github.com/poetries/poetries.github.io.git

  • 切换到项目根目录下

  • 开始写作

  • 关联远程仓库 git remote add origin git@github.com:poetries/poetries.github.io.git

  • 提交本地修改,推送至github仓库。

  • $ git add .

  • $ git commit -m "test travis"

  • $ git push origin dev:dev

以下是自己在Ubuntu下写的一个很简单很简单的脚本,用来方便写作部署博客

  • hexo-write.sh
  • hexo-deploy.sh

push本地的代码至远程仓库之后,在 https://travis-ci.org后台查看相关情况。

下面是成功的结果:

此处输入图片的描述

# 参考:

使用Travis自动部署Hexo(3) 使用Travis自动部署Hexo(1)

fe
  • 一、 新建新的分支
  • 这里是分支常用命令:
    • 二、配置Travis
    • 三、本地操作
  • 参考:

← Hexo主题功能优化一键更新Hexo到github和coding →