Travis-ci+Hexo+Serverless+语雀搭建博客

主要内容

搭建一个可以在线写作的博客，无需服务器，无需域名，整个过程自动发布到博客网址。

效果参考我的个人博客：mikeyightub.github.io
​

既可以自定义相关个性化内容，又可以在线写作，无需下载项目进行部署。

准备条件

• 注册github账号
• 注册travis-ci账号(直接使用github账号登入)
• 注册腾讯云账号
• 注册语雀账号

创建博客

1.通过github注册一个账号，创建一个仓库，仓库名为：你的GitHub用户名.github.io 取这个名字的目的是为了你可以直接通过 xxxxx.github.io 就可以访问你的博客。
2.创建Hexo项目

# 全菊安装hexo
npm install hexo -g
# 创建项目
hexo init mikeygithub.github.io
# 安装依赖
npm install
# 启动项目
npm run server
# 访问http://localhost:4000查看效果

3.主题配置

可以去Hexo官网选择你青睐的博客主题，详细的安装步骤参考具体的相关主题文档。笔者采用的是Fuild主题。

# 进入项目目录安装主题 你可以选择其他主题（具体去）
npm install --save hexo-theme-fluid
# 配置一堆扒拉扒拉

部署项目

部署博客项目到Github即可通过在线进行访问

1.保存项目到GitHub，第一次推送时需要进行设置。

# 在项目根目录初始化
git init
# 设置远程仓库
git remote add origin https://github.com/mikeygithub/mikeygithub.github.io.git
# 添加
git add .
# 提交信息
git commit -m 'Init commit'
# 提交项目
git push origin src

注意：笔者的存放方式是src存储博客的源码，master分支存储的是部署后的博客页面

2.配置 _config.yml

deploy:
- type: git
# 部署到的仓库
  repo: https://github.com/mikeygithub/mikeygithub.github.io
# 部署到的分支
  branch: master

3.部署博客到Github-page

# 项目根目录输入
hexo deploy
# 输入GitHub用户名密码即可完成部署

4.查看效果 访问

https://你的GitHub用户名.github.io

如果你走到了这一步，你已经很棒了，但是我们发现个问题，就是我们每次写完都需要进行保存到github的src分支，部署到master分支，接下来我们将实现提交源代码自动进行部署。

持续集成

持续集成采用Travis-CI，你需要先去官网注册一个账号，然后开启你需要持续集成的账号。

1.注册travis-ci账号并且导入github相关项目、将其持续集成开关打开。
​

2.设置参数

前往 GitHub 新建 Personal Access Token，只勾选 repo 的权限并生成一个新的 Token。Token 生成后请复制并保存好。
回到 Travis CI，前往你的 repository 的设置页面，在 Environment Variables 下新建一个环境变量，Name 为 GITHUB_TOKEN，Value 为刚才你在 GitHub 生成的 Token。确保 DISPLAY VALUE IN BUILD LOG 保持 不被勾选 避免你的 Token 泄漏。点击 Add 保存。

3.在你的 Hexo 站点文件夹中新建一个 .travis.yml 文件：