利用coding.和daocloud打造全自动发布的hexo博客

使用Github托管hexo静态博客的优缺点

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

也就是说你用WP做博客已经OUT了,现在流行纯静态博客

静态博客的优点:

  1. 纯静态html 浏览速度极快
  2. 托管到Github pages 不需要主机费用或者是空间费用
  3. 如果域名没有备案,那么默认就是用的Github的cdn 国内访问速度很快,如果备案了可以使用cloudxns等dns服务让国外国内分开解析,国内使用各种免费cdn,国外使用Github默认CDN

使用github pages 的缺点:

  1. 国内访问的可用性。

感谢伟大的gfw-指不定哪天Github就不能访问了

  1. github屏蔽了百度的蜘蛛。

百度的蜘蛛太勤奋了,效率也太低了,以至于github官方屏蔽了百度蜘蛛。

  1. 国内访问的速度。

这个说实话不算缺点,这个在以前是缺点,后来guthub优化了CDN,现在国内访问默认指向澳大利亚 的cdn接点,如果你以前的主机在国内,你可能不满意现在的速度。不过既然你以前主机在国内,那为何不使用CDN呢?

这些天就以上的问题,做了很多尝试.现在说一说我最终的方案:

  1. 使用coding.net托管hexo博客站点源代码

其中主题和站点源代码分开coding.net使用私有项目防止文章源代码和ssh私钥泄露,主题仍然托管在github,以后方便更新修改

  1. 使用DaoCloud持续集成,自动生成静态html发布到github pages而且使用他的自动镜像构建生成博客静态页面的可部署Docker镜像这个镜像用来给百度抓取使用。

这么做的好处是本地只需要剩下hexo的scaffolds source 这两个文件夹以后不同电脑间写博客也变得无比的方便

下面详细介绍下整体的实现步骤

第一步:使用coding.net托管博客源代码

首先注册coding.net并新建私有项目如下图

创建完毕之后点击左下角代码页面 查看当前代码的远程仓库地址

更改当前git远程仓库到coding.net

在当前站点文件夹使用GitShell执行

git remote add origin [email protected]:luodaoyi/blog-test.git
#这里的git地址替换为你自己coding项目的地址

如果遇到错误

fatal: remote origin already exists.

就先删除现有的远程仓库

git remote rm origin

再添加coding的远程仓库

git remote add origin [email protected]:luodaoyi/blog-test.git 

分离博客主题和站点文件

当然你也可以不这么做,直接提交git就行。但是这样做的好处就是站点源文件和主题分离,精简文件,方便不同电脑间的编辑,你可以在github上面fork一份原来主题作者的主题代码,修改下自己的主题配置即可。记录下git地址,持续集成的时候会用到

编辑站点主目录下的.gitignore文件,
添加themes/ 。如图

提交git到远程仓库

首次更改后先提交到仓库主要测试远程仓库是否配置正确,主题是否分离

git add .
git commit -m "第一次提交"
git push origin master

第二步:设置DaoCloud持续集成自动提交博客到Github Pages

在站点根目录新建daocloud.yml文件
输入代码:

image: daocloud/ci-node:0.12
before_script:
    - npm install hexo-cli -g --registry=https://registry.npm.taobao.org
    #  --registry=http://registry.npm.taobao.org 使用淘宝的npm源安装 更快捷
    - npm install --registry=https://registry.npm.taobao.org
    - git clone https://github.com/luodaoyi/hexo-theme-next.git themes/next
    # 克隆主题到主题目录 这里的主题Git地址和目录替换成你自己的主题地址和目录
    - mkdir ~/.ssh
    # 新建私钥文件夹
    - mv .daocloud/id_rsa ~/.ssh/id_rsa
    # 移动私钥到私钥文件夹
    - mv .daocloud/ssh_config ~/.ssh/config
    # 移动ssh配置文件
    - chmod 600 ~/.ssh/id_rsa
    - chmod 600 ~/.ssh/config
    # 赋予可读权限
    - eval $(ssh-agent)
    # 启用ssh-agent进程
    - ssh-add ~/.ssh/id_rsa
    # 添加密约
    - rm -rf .daocloud
    # 删除项目里面的私钥存放目录
    - git config --global user.name "luodoayi"
    - git config --global user.email [email protected]
    # 配置git
script:
    - hexo g
    # 生成html
    - hexo d
    # 发布html代码,根据你hexo的设置可以发布到多个平台
    - rm -rf ~/.ssh/
    #删除私钥文件夹

有一点需要注意的是,必须是标准yaml格式,也就是说前面的空格不能是tab 必须是空格

看到这里你应该会发现了,多了个.daocloud文件夹,没错这是我用来存放私钥的文件夹,你也可以自己命名,前提把私钥文件放进去就行了,这样做的目的就是让daocloud的持续集成有push到github pages的能力,你可以新建一组密钥吧公钥绑定到github pages项目的Deploy Keys设置里面,这样一来这组私钥也就只有push 网页的权利

安全问题,说实话吧私钥放到这里面听不安全的,但是这个私钥对应的公钥,只绑定了github的一个Deploy Keys 也就是说它这把私钥只有发布这个项目的权利

设置好daocloud.yml文件和私钥文件夹之后,我们的可持续继承提交就设置完了,接下来干什么呢?对!就是解决百度蜘蛛的问题,我们不需要CDN 也不需要gitcafe,只需要用daocloud的自动镜像构建构建一个集成了自己的html页面的Docker并且让daocloud自动部署即可!

第三部:设置DaoCloud构建docker解决百度蜘蛛的问题

如果你在hexo中设置同时发布到了gitcafe,那下面就不用看了

在站点根目录新建Dockerfile文件设置daocloud自动构建镜像配置
代码如下

FROM luodaoyi/docker-library-nginx-git
MAINTAINER luodaoyi
RUN mkdir html && cd html
RUN git clone https://github.com/luodaoyi/luodaoyi.github.io.git blog
RUN cp -rf blog/* /usr/share/nginx/html
RUN rm -rf blog
RUN sed -i "s|#gzip  on;|gzip  on; etag  off; server_tokens off; gzip_types *;|" /etc/nginx/nginx.conf

这里直接使用了我做的Docker镜像,集成了git了nginx 省得每次update半天,速度快了四倍以上
其中

RUN git clone https://github.com/luodaoyi/luodaoyi.github.io.git blog

这里是我的github page的地址 你替换成你的即可,完事他会自动clone对应的项目,并且移动到nginx的html目录,简单吧

好到这里我们的本地配置已经完成了 站点目录下的文件应该是这样的

提交以下我们的更改

git add . && git commit -m "最后设置" && git push origin master 

接下来开始使用daocloud

第四步:使用daocloud进行全自动化写博客

首先老样子注册号daocloud账号
传送门 DaoCloud

新建一个项目,设置代码源为刚才提交的coding项目

因为我们已经在上面的步骤设置好了自动构建所需要的Dockerfile文件,所以会触发自动构建,只不过这里的自动构建里面的html代码仍然是你目前在github pages中托管的html代码。
继续设置开启自动构建,关闭构建缓存。

等待构建完成,会一般也就3分钟,会生成一个debian系统镜像,点击“查看镜像” –>部署–>基础设置–>立即部署即可

设置自动部署最新版本 切换到“发布”页面 开启自动发布

daocloud会送一个子域名,可以看到已经跑起来了。你想用自己的域名 下面有选项绑定你的域名指定好canme即可,这里我们只让百度访问这个容易这样就可以抓取了 (这个页面下面可以绑定自有域名daocloud会给你一个cname地址)

以后每次最新的文章push到coding.netDaoCloud会自动克隆coding上的代码,首先进行持续集成,把代码结合hexo生成静态html页面并根据你的hexo设置发布到github pages等不同的的地方,当持续集成成功之后,将触发自动构建,会执行Dockfile里面的构建代码,将刚才发布到github的html静态文件克隆到nginx容器中,发布。
这就是全部的流程

好了全部设置已经完成了。Push一片新文章看看?接下来需要设置DNS,而且如果你看不懂这么做到底是怎么回事,请看下面的总结

总结:dns设置和总流程的说明

dns设置

先说说DNS设置,经过上面的流程,我们最少有了两个html托管地址:github page和Docker应用
我们只需要在DNS设置中吧来自于百度的DNS设置成docker应用的dns即可

这样一来,除了就实现了文章的自动发布和解决了百度的抓取问题。
如果你的域名备案了,可以再加上七牛的DNS,让国内使用七牛DNS,国外使用github 百度使用Docker的应用全方位提高

使用七牛FUSION融合CDN加速急速网站

发生了什么?

很多人到这里已经晕了,这里我详细解释一下当你编辑好文章PUSH代码到coding以后所发生的一系列事件

  1. Push文章到coding.net
  2. Daocloud得知你有了新的push之后,自动触发持续集成
  • 在一个Docker中clone你coding中的的源代码
  • 安装hexo,安装依赖(就是你站点源码目录下package.json文件中的包)
  • 设置git的私钥,设置git全局信息(邮箱,名字等)
  • 执行hexo g 生成html静态页面
  • 执行hexo d 使用hexo的发布功能,发布到你设置好的地方,github pages等
  1. 持续集成成功执行以后触发自动构建功能
  • 在一个Docker中执行Dockerfile中的shell命令
  • 首先克隆上一部发布到github pages 中的静态页面代码(因为我们上一部已经生成了,这里就不再生成,直接从github上面克隆即可)
  • 把html静态页面代码移动到nginx的/usr/share/nginx/html目录
  • 打包镜像发送给DaoCloud部署
  1. 自动构建成功后DaoCloud会把最新打包的Docker镜像重新更新部署,这样刚才创建的代码就用上了最新的html界面

至此全自动构建博客打造完毕
有疑问请在下面留言哦

转载请注明大官人博客并注明来源地址

更新记录:
2015.11.4 首发

2 Comments

发表评论

电子邮件地址不会被公开。 必填项已用*标注

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>