This commit is contained in:
xugaoyi 2019-12-05 16:21:40 +08:00
parent 1d4692141b
commit c7c2ce18c8
3 changed files with 72 additions and 18 deletions

View File

@ -1,26 +1,32 @@
name: Node CI
on: [push]
# 在master分支发生push事件时触发。
# on:
# push:
# branches:
# - master
jobs:
build:
runs-on: ubuntu-latest
jobs: # 工作流
build: # 自定义名称
runs-on: ubuntu-latest #运行在虚拟机环境ubuntu-latest
strategy:
matrix:
node-version: [10.x]
steps:
- uses: actions/checkout@v1
- name: Use Node.js ${{ matrix.node-version }}
uses: actions/setup-node@v1
steps: # 步骤
- name: Checkout # 步骤1
uses: actions/checkout@v1 # 使用的动作。格式userName/repoName。作用检出仓库获取源码。 官方actions库https://github.com/actions
- name: Use Node.js ${{ matrix.node-version }} # 步骤2
uses: actions/setup-node@v1 # 作用安装nodejs
with:
node-version: ${{ matrix.node-version }}
- name: Build and Deploy
uses: JamesIves/github-pages-deploy-action@master
env:
ACCESS_TOKEN: ${{ secrets.ACCESS_TOKEN }}
BASE_BRANCH: master # The branch the action should deploy from.
BRANCH: gh-pages # The branch the action should deploy to.
FOLDER: docs/.vuepress/dist # The folder the action should deploy.
BUILD_SCRIPT: npm install && npm run list && npm run build:gitpage # The build script the action should run prior to deploying.
node-version: ${{ matrix.node-version }} # 版本
- name: Build and Deploy # 步骤3
uses: JamesIves/github-pages-deploy-action@master # 作用将项目构建和部署到github。 https://github.com/JamesIves/github-pages-deploy-action
env: # 设置变量
ACCESS_TOKEN: ${{ secrets.ACCESS_TOKEN }} # toKen私密变量
BASE_BRANCH: master # 要部署的文件夹所在的分支.
BRANCH: gh-pages # 部署到的分支
FOLDER: docs/.vuepress/dist # 要部署的文件夹.
BUILD_SCRIPT: npm install && npm run list && npm run build:gitpage # 部署前要执行的命令

1
CNAME
View File

@ -1 +0,0 @@
evanblogweb.com

View File

@ -1,4 +1,4 @@
# Evan Blog
Evan Blog
## 介绍
@ -49,6 +49,55 @@ yarn built
这里需要:开启项目 action开启 page设置 secret修改脚本中的/evanblog/为自己的项目名。然后 git push 就好CI 脚本自动发布。
## 自定义域名以及解析
#### 1、申请域名
申请域名当然去哪都行。 国内的[阿里云](https://link.zhihu.com/?target=https%3A//wanwang.aliyun.com/domain/),腾讯云,国外的[freenom](https://link.zhihu.com/?target=http%3A//www.freenom.com/)namecheap什么的 。 操作大同小异,都是
* 注册账号,登录
* 搜索并找到可用的域名,买下来。比如我在阿里云买的一个域名:`evanblogweb.com`
#### 2、DNS解析
想要在浏览器里面输入`evanblogweb.com`就能跳到博客页面。我们首先需要做的就是将`evanblogweb.com` 与固定的ip地址绑定起来(A)或者是与某已有域名绑定起来CNAME
这里以阿里云操作为例,步骤如下:
* 域名列表中点击`解析`
* 进入解析页面后,点击`添加记录`。填入,记录类型:`CNAME`,主机记录:`www`解析线路默认记录值你的github pages地址`<userName>.github.io`TTL默认的10分钟确定。
#### 3、使github pages与域名关联
进入github pages设置在`Custom domain`中填入域名`evanblogweb.com`Save保存。这时你会在gh-pages分支中看到新增了一个`CNAME`文件,内容为刚刚填入的域名。到这,你就可以通过域名愉快的访问博客啦
#### 4、提交代码会自动删除`CNAME`文件的问题
```bash
echo 'www.evanblogweb.com' > CNAME # 新建CNAME文件,并输入内容为域名
# 一顿git操作提交到博客仓库的deployment分支
git init
git add -A
git commit -m 'create CNAME'
git push -f git@github.com:<USERNAME>/<REPONAME>.git master:deployment
```
## 小提示
#### 注意 yaml