国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

拯救懶癌文檔君 - VuePress + Travis CI + Github Pages 自動線上

william / 1249人閱讀

摘要:自動后安裝依賴編譯上傳至分支。通過功能將分支上的內容展示在上。使用創建項目,例如我的文檔是,關聯到本地。啟動進入這個項目,右上角點擊,配置環境變量。是通過上面第三部拿到的。

作者:codexu

_

整體思路

1.Github 創建項目,本地創建切換到 docs 分支,通過 VuePress 構建文檔項目(寫一些文檔),上傳至 Github。

2.Travis CI 自動 clone 后安裝依賴、編譯、上傳至 Github master 分支。

3.通過 GitHub Pages 功能將 master 分支上的內容展示在 web 上。

相關資料:

我的文檔看下效果:https://codexu.github.io/

我的文檔遠嗎:https://github.com/codexu/codexu.github.io

VuePress中文文檔(1.x):https://v1.vuepress.vuejs.org/zh/

Travis CI:https://travis-ci.org

創建項目

1.使用 VuePress 初始化項目,只說幾點,文檔寫的十分詳細。

依賴安裝在 devDependencies。

package.json script 寫運行和打包腳本,"serve": "vuepress dev docs","build": "vuepress build docs"。(這里按照自己習慣,后面做持續集成要用)

創建 docs 文件夾,把所有 markdown 文檔存放在這里。

docs/.vuepress/config.js 可以做大量配置。

2.使用 Github 創建項目 [name].github.io,例如我的文檔是 codexu.github.io,關聯到本地。

為什么用 [name].github.io ?

因為在這個項目下,可以直接使用 https://[name].github.io/ 域名,短小精悍~

3.通過 git checkout -b docs 切換到 docs 分支,docs 分支存放文檔源碼,master 分支存放打包好的 HTML 等文件。

為什么使用 master 分支存放打包后的文件?

因為在 [name].github.io 項目下沒得選,你也可以換個其他倉庫,就可以避免這個問題。

4.寫一些文檔,做一下簡單的配置,先別急著提交到 Github。

通過 Travis CI 做自動化打包及部署

1.在根目錄下創建 .travis.yml 文件,并寫入一些內容:

language: node_js
node_js:
    - 10
cache: yarn
install:
    - yarn
script:
    - yarn build
after_success:
    - cd docs/.vuepress/dist
    - git init
    - git config --global user.name "${U_NAME}"
    - git config --global user.email "${U_EMAIL}"
    - git add -A
    - git commit -m "deploy"
    - git push --quiet --force "https://${GH_TOKEN}@${GH_REF}" master:${P_BRANCH}

language: 語言選擇 node_js,我們前端還有的選嗎?

node_js: node版本,這塊也許是越高越快?

cache: yarn 緩存,能使你構建速度更快...吧。

install: 安裝依賴的包管理工具,使用 yarn 比 npm 快的多。

script: 一切就緒之后通過 yarn install 安裝依賴。

after_success: 安裝結束后,我們做一些打包和 push 到 Github 的指令。

環境變量 "${***}" 這塊后面會提到。

2.這時候可以 push 到 Github 了,因為沒有 .travis.yml Travis CI 是不會理你的項目的,同時將默認分支改為 docs。

3.Github 增加一個 Personal access tokens,位置在 Settings / Developer settings。

Note 隨意填,填 travis-ci 就行。

除了 delete_repo 權限都打勾就行。

4.進入 Travis CI,使用 Github 登陸, 進入 dashboard,此時應該可以看到你剛創建的項目。

5.啟動進入這個項目,右上角 More options 點擊 setting,配置環境變量。

GH_REF: 項目地址(github.com/[name]/[name].github.io.git)注意去掉 https://

GH_TOKEN: tocken 是通過上面第三部拿到的。

P_BRANCH: 要上傳的分支,這里我們要傳到 master。

U_EMAIL: 你的 Github 郵箱。

U_NAME: 你的 Github 用戶名。

開啟 GitHub Pages

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/106887.html

相關文章

  • 使用 TypeScript 編寫一個完善包含測試、文檔和持續集成的庫

    摘要:單元測試一個合格的庫應該包含完整的單元測試。是的支持版,和是一樣的,它能夠直接運行為后綴的單元測試文件。在目錄下加入然后執行即可看到單元測試結果。 這篇文章主要是講述如何使用 TypeScript 編寫一個完善,包含測試、文檔、持續集成的庫,涵蓋了編寫整個庫所需要的技術和工具,主要涵蓋: 項目目錄骨架 TypeScript 配置 使用 jest 單元測試 使用 vuepress 編寫...

    lingdududu 評論0 收藏0
  • InkPaper 最佳實踐——使用 Travis CI 自動部署 Ink 博客到 GitHub pa

    摘要:使用可以解決自動構建和自動部署的問題這樣能讓我們更加專注書寫。當倉庫激活服務,當你的博客有新的修改提交到的時候,會通知。在里為對應的倉庫添加,用于后續使用這樣可以將通過生成的靜態博客源文件推送到分支。 showImg(https://segmentfault.com/img/bVMhse?w=800&h=300); 簡介 紙小墨(InkPaper)是一個GO語言編寫的開源靜態博客構建工...

    zhunjiee 評論0 收藏0
  • 前言 已經有阮一峰老師的持續集成服務 Travis CI 教程,為什么還要寫這篇文章? 原因有二: 文章內容有些過時 文章覆蓋度不夠,有些實踐細節沒寫出來 由于以上原因,縱然可以筆者很快在Github集成Travis?CI并成功構建,但在發布時卻踩了一些坑,折騰一波才終于發布成功。故寫下此文,旨在補充更多的細節,幫助他人少走彎路。 正文 免費購買Travis?CI應用 點擊?https:/...

    novo 評論0 收藏0
  • Hexo博客遷移之旅(Coding到騰訊云COS)+ Travis CI持續集成

    摘要:博客從遷移到騰訊云最近的服務一直不穩定,這兩天訪問還出現,重新部署也無法解決。碼云自定義域名收費,只好遷移到騰訊云上了。不會配置的可以參考官方示例直接就發布到騰訊云上了,訪問速度相當快,對也好。 Hexo博客從Coding遷移到騰訊云COS 最近coding的Pages 服務一直不穩定,這兩天訪問還出現404,重新部署也無法解決。國內訪問GitHub Pages 不是很快,而且百度S...

    blastz 評論0 收藏0
  • Hexo博客遷移之旅(Coding到騰訊云COS)+ Travis CI持續集成

    摘要:博客從遷移到騰訊云最近的服務一直不穩定,這兩天訪問還出現,重新部署也無法解決。碼云自定義域名收費,只好遷移到騰訊云上了。不會配置的可以參考官方示例直接就發布到騰訊云上了,訪問速度相當快,對也好。 Hexo博客從Coding遷移到騰訊云COS 最近coding的Pages 服務一直不穩定,這兩天訪問還出現404,重新部署也無法解決。國內訪問GitHub Pages 不是很快,而且百度S...

    _ang 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<