美文网首页
Github Hexo AppVeyor个人博客搭建和持续集成

Github Hexo AppVeyor个人博客搭建和持续集成

作者: 秦淮河的桨 | 来源:发表于2019-05-28 01:09 被阅读0次

    因为一些原因,不再使用coding.net,所以在github上维护博客文件和进行持续集成。

    https://foreti.me/2017/08/07/github-hexo-appveyor-ci/


    我们都知道github pages提供了静态网页的自动解析,于是我们想到用github pages展示个人项目,特别是前端工程师,完全可以拿github展示个人项目设计。除此之外,我们也可以拿这个写个人博客,但是有一点,我们很难把博客写成html的静态页面吧。虽然可以强行实现,但是每添加一篇blog,就需要添加很多指向其他页面的链接,还有很多样式,光秃秃的页面总归不美。

    有需求就有答案,这里有一种方法是,用一种博客框架来实现将编辑好的博客文本自动生成静态页面,这样我们就只用将html文件加入repository就好。有一个基于Node.js的轻量级的框架Hexo,就可以实现把markdown文件生成静态页面并发布到github仓库的功能,本文的内容从这里开始。

    由于有不同的终端机,每次在不同平台去同步博客特别麻烦,所以想到持续集成的方式。在Github上同步管理我的blog源码,由第三方平台进行持续集成构建博客的html文件,并发布到gh-pages。搜一搜解决方案还不少,Travis,Appveyor和DaoCloud是我使用过的免费平台。这里只说Appveyor。

    (时隔近一年,继续编辑这篇post)
    这里只贴出AppVeyor的官方文档和用于hexo构建的yaml脚本。

    文档地址:https://www.appveyor.com/docs/

    1. 创建新项目,在设置中进行环境变量设定:
    image
    1. 访问github个人设置页面,点击边栏下方的【Personal access tokens】选项卡,并点击右上方的【Generate new token】按钮。Token description任意填写,下方的选项中全选repo即可。点击下方绿色的【Generate token】按钮。此时就能得到Access Token。也可以参考官方文档

    2. 加密Access Token。由于这个AccessToken是可以直接操作你的仓库的,而且配置文件是公开的,所以这时就要求对AccessToken进行加密。可到AppVeyor Token加密页面进行加密。把加密后的字符串填入下一步中的配置脚本的secure里。

    3. 构建脚本:

    clone_depth: 5
    
    environment:
      access_token:
        secure: ***********************************************
    
    install:
      - ps: Install-Product node ''
      - node --version
      - npm --version
      - npm install
      - npm install hexo-cli -g
      # and other package you need
    
    build_script:
      - hexo generate
    
    artifacts:
      - path: public
    
    on_success:
      - git config --global credential.helper store
      - ps: Add-Content "$env:USERPROFILE\.git-credentials" "https://$($env:access_token):x-oauth-basic@github.com`n"
      - git config --global user.email "%GIT_USER_EMAIL%"
      - git config --global user.name "%GIT_USER_NAME%"
      - git clone --depth 5 -q --branch=%TARGET_BRANCH% %STATIC_SITE_REPO% %TEMP%\static-site
      - cd %TEMP%\static-site
      - del * /f /q
      - for /d %%p IN (*) do rmdir "%%p" /s /q
      - SETLOCAL EnableDelayedExpansion & robocopy "%APPVEYOR_BUILD_FOLDER%\public" "%TEMP%\static-site" /e & IF !ERRORLEVEL! EQU 1 (exit 0) ELSE (IF !ERRORLEVEL! EQU 3 (exit 0) ELSE (exit 1))
      - git add -A
      - if "%APPVEYOR_REPO_BRANCH%"=="master" if not defined APPVEYOR_PULL_REQUEST_NUMBER (git diff --quiet --exit-code --cached || git commit -m "Update Static Site" && git push origin %TARGET_BRANCH% && appveyor AddMessage "Static Site Updated")
    

    好的,大致就这么些,如果还有问题,可在评论中提出。


    <p id="div-border-left-red"><i>DigitalOcean 优惠码,注册充值 5 送100,链接一 链接二</i></p>
    <p id="div-border-left-red"><i>Lastly, welcome to follow me on github</i></p>

    相关文章

      网友评论

          本文标题:Github Hexo AppVeyor个人博客搭建和持续集成

          本文链接:https://www.haomeiwen.com/subject/cmpltctx.html