Shadow'S Site

心之所愿，无所不至！

0%

使用Travis CI自动部署Hexo博客到Github上

发表于 更新于 分类于 阅读次数： Valine：
本文字数： 2.1k 阅读时长 ≈ 2 分钟

Travis CI介绍

Travis CI是目前新兴的开源持续集成构建项目，它与jenkins，GO的很明显的特别在于采用yaml格式，同时他是在在线的服务，不像jenkins需要你本地打架服务器，简洁清新独树一帜。目前大多数的github项目都已经移入到Travis CI的构建队列中，据说Travis CI每天运行超过4000次完整构建。对于做开源项目或者github的使用者，如果你的项目还没有加入Travis CI构建队列，那么我真的想对你说out了。

博客架构

使用Hexo来搭建的，托管到Github提供的Gitpage服务上。
master：博客的静态文件，也就是hexo生成后的HTML文件，因为要使用Gitpage服务，所以他规定的网页文件必须是在master分支

具体项目在Travis CI的设置

使用GitHub账号登录Travis CI官网，并同步GitHub的项目到Travis CI。

在Travis CI开启项目

然后进入项目在Travis CI的设置页，配置好选项和参数。

Build only if .travis.yml is present：只有在.travis.yml文件中配置的分支改变了才构建
Build pushed branches：当推送完这个分支后开始构建

Travis CI访问GitHub的设置

在github上生成Access Token：

生成完后，你需要拷贝下来，只有这时候他才显示，再次进来为了安全它就不会显示了；如果忘了只能重新生成一个了，拷贝完以后我们需要到Travis CI网站下配置。

配置在这里的主要原因是为了安全，写在代码里，就保证不了安全了，所以就以环境变量的形式配置在项目设置里，需要的时候，从配置里去引用它。

配置Travis CI执行脚本.travis.yml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
language: node_js
node_js: stable

# S: Build Lifecycle
install:
  # 更新所有在package.json中设置的第三方库
  - npm install
  # 修复更新的错误
  - npm audit fix


#before_script:
 # - npm install -g gulp

script:
  # 设置git用户名
  - git config user.name "shadow000902"
  # 设置git邮箱
  - git config user.email "shadow000902@gmail.com"
  # 创建主题文件夹
  - mkdir -p themes
  - cd themes

  # 因为主题是属于另一个git项目，无法发布到博客源码所在的项目，所以需要重新从git拉取
  # 下载自己的主题``next-6``
  - git clone https://github.com/shadow000902/next-6.git

  # 因为第三方插件都是一个独立的git项目，无法发布到另一个git项目中，所以需要在主题拉取后，再独立的拉取代码到对应的主题插件目录下
  # 在主题中加载第三方插件``algolia``
  - git clone https://github.com/theme-next/theme-next-algolia-instant-search next-6/source/lib/algolia-instant-search
  # 在主题中加载第三方插件``fancybox``
  - git clone https://github.com/theme-next/theme-next-fancybox3 next-6/source/lib/fancybox
  # 在主题中加载第三方插件``pace``
  - git clone https://github.com/theme-next/theme-next-pace next-6/source/lib/pace
  # 以上的两个操作没有的话，博客部署后，就处于无主题的状态，是无法访问的

  - cd ..
  - hexo g

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

branches:
  only:
    - blog_source
env:
 global:
   - blogSource_Git: github.com/shadow000902/shadow000902.github.io.git

以上脚本需要提交到博客源代码的根目录下：

完工

以上操作都完毕后，只要在博客源代码git项目中，如果有更新，或者在.travis.yml文件有更新时，项目就会自动部署，并更新博客内容。