发布个人博客


### 1. 修改blog仓库设置

github可以自动检测pages, 我们按它的规则发布到gh-pages分支, 或者发布到docs目录下, 通过YourName.github.io就可以进入我们的blog.

但是笔者使用过程中发现发布到gh-pages分支时,访问blog的路径成了YourName.github.io/yourblog,没有实现我想要的效果, 访问blog的路径为YourName.github.io, 而发布到docs目录太麻烦, 而其不便于管理, 就不考虑了.

于是笔者想到发布到master分支, 使用dev分支管理文章, master分支用于发布, 这就可以使用YourName.github.io域名直接访问blog.

我们可以使用CI/CD服务来实现我们的blog的自动构建和发布, 这样可以省去手工构建和发布的繁琐事务, 每次 git push 之后自动构建并发布到master分支, 实现自动化运维.

#### 1.1 建立dev分支, 移除master分支

```

#建立并进入dev分支

git checkout -b dev

#移除master分支

git push origin --delete master

git branch -d master

#同步dev分支

git push -u origin dev

```

#### 1.2 配置远程仓库

进入github仓库设置页面(Settings), 修改 repository name 为 YourName.github.io 这种形式.

进入github仓库设置页面(Settings)下的Branches子页, 修改 Default branch 为 dev 分支

### 2. 配置 CI/CD

CI/CD服务我们可以使用wercker, 它提供免费的服务.

{{< figure src="/images/wercker.jpg" title="" >}}

访问 (Wercker)[http://www.wercker.com/] , 选择 Get Started for free, 进入登录页面, 我们用github登录就可以啦.

点击 Create 按钮创建一个Application, 选择 Use Github, 进入github仓库选择页面, 选择我们的blog仓库 YourName.github.io 其它默认, 直到Finsih.

#### 2.1 配置wercker.yml

*yml文件使用空格缩进*

在Wercker的Registry下我们可以看到很多wercker.yml配置脚本, 这里我就直接贴出我的配置啦.

```

box: debian

build:

steps:

- arjen/hugo-build:

theme: cactus-plus

flags: --buildDrafts=true

- script:

name: ls stuff

code: |

ls -haltr /pipeline/source/public

deploy:

steps:

- script:

name: ls output

code: |

ls -haltr /pipeline/output

- script:

name: ls source

code: |

ls -haltr /pipeline/source

- install-packages:

packages: git ssh-client liberror-perl

- sf-zhou/gh-pages@0.2.6:

token: $GIT_TOKEN

domain: alenstar.github.io

basedir: public

branch: master

```

按我个人的理解, box字段说明构建用的容器类型, build 和 deploy 是两个pipeline, 用于构建和部署的.

build下的theme字段改成自己的主题名就好.

deploy下的branch设置为master, 用于发布的分支; basedir是要发布的内容目录, 它是在build阶段生成.

#### 2.2 提交wercker.yml, 开始第一次构建

```

git add wercker.yml

git commit -m "added wercker.yml"

git push

```

回到Wercker下, 我们可以在Applications下blog应用的Runs看到构建脚本开始运行了.

#### 2.3 配置Wercker的Workflows

回到Wercker下, 进入Applications, 选择我们的blog应用, 在Workflows下, 可以看到build pipeline, 现在我们要添加deploy pipeline 来实现自动部署, 点击 Add new pipeline, 设置Name 和 YML Pipeline name 为deploy, 然后Create即可.

再回到Workflows下, 将deploy关联到build后面, 点"+"就可以的.

#### 2.4 配置Wercker的Environment

由于Wercker部署应用时要修改仓库(创建部署用分支), 所以要添加TOKEN.

先到github的个人设置页面 Generate new token, 并拷贝.

设置环境变量的Key为GIT_TOKEN(和wercker.yml下的deploy的token相同, 不含$符号), 将拷贝的token粘贴到Value下, 勾选Protected, 并添加.

### 3. 触发Workflow

在本地blog仓库下添加新文章, 编辑之后, 添加并提交到dev分支, 就可以触发Workflow, 在Wercker上我们可以看到各个阶段的执行情况.

### 4. 访问我们的blog

打开 https://YourName.github.io 地址就可以访问我们的blog了.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,461评论 19 139
  • 第一章 安装Git工具 下载GitHub for Windows,直接点击安装,安装完成后,可以看到“Git Sh...
    不圆的石头阅读 14,081评论 5 63
  • 一直以来想有个属于自己的博客空间,或许是出于一种归属感吧。就这样知道了 WordPress、Jekyll、Hexo...
    向着阳光奔跑的小孩阅读 4,529评论 0 1
  • 来铁路工作一个月,先是去了机关,然后被分到岗位,听到最多的一句话就是,铁路是个是非之地。 想要独善其身,在这暗流涌...
    AsunaO_o阅读 3,359评论 1 1
  • 一说到转行,大多数人都会更注重转行成本有多高,而不是转行本身,其实在我看来转行本身更值得我们去重视。转行我们大多数...
    夜行十七阅读 4,292评论 5 7