讓Visual Studio Team Services來幫忙建置hexo
首先,先在Visual Studio Team Services
上面要有帳號,而且要開一個新的專案
然後原本若hexo還沒有放到git上的話,看要不要考慮直接在他的Code
裡面開一個新的repository
![[Create a new repository] [Create a new repository]](/2016/11/26/Integrate-hexo-with-Visual-Studio-Online/NewRepo.png)
選完後,到Build & Release
,並按右邊的+ New
按鈕,這時應該會跳出Create new build definition
,請選擇最下面的Empty
![[Create new build definition] [Create new build definition]](/2016/11/26/Integrate-hexo-with-Visual-Studio-Online/CreateNewBuildDefinition.png)
如果剛剛跟筆者一樣,已經在Visual Studio Team Services
開了Repo的話,就可以直接在這裡選Repository
與Default branch
如果要讓他每次commit後就自動build,記得要把Continuous integration
打勾,選完後按Create
若是放在GitHub
上,請選GitHub
放在bitbucket
或是其他git repository,就選擇Remote Git Repository
讓筆者比較意外的是還可以選SVN
![[Select repository] [Select repository]](/2016/11/26/Integrate-hexo-with-Visual-Studio-Online/SelectRepo.png)
好了之後,應該會跳出下面那個畫面,請按Add build step
![[Build steps index] [Build steps index]](/2016/11/26/Integrate-hexo-with-Visual-Studio-Online/BuildStepsIndex.png)
這時,會跳出Task catalog
,然後請在左邊的選單選All後,找到npm,並按Add
![[Find npm build] [Find npm build]](/2016/11/26/Integrate-hexo-with-Visual-Studio-Online/FindNpm.png)
按完後,Build Steps
會加入一個npm install
,然後請按Close
關閉Task catalog
![[First build step] [First build step]](/2016/11/26/Integrate-hexo-with-Visual-Studio-Online/FirstBuildStep.png)
然後選了剛剛新建的build step後,右邊會跳出這個Step的詳細資訊
在npm command
填入install
(等於在本機上跑npm install
)
然後再加入一個新的Build step(跟剛剛一樣選npm)
加入後,一樣在steps中選他,然後右邊的詳細資訊中填的下圖一樣
![[Install hexo-cli] [Install hexo-cli]](/2016/11/26/Integrate-hexo-with-Visual-Studio-Online/InstallHexoCli.png)
加入一個npm的build step,npm command
一樣放install
,但是arguments
放hexo --save
加入一個Command Line
的Build Step
(可以在Task catalog
中的Utility
中找到)填入內容如下
![[Hexo generate] [Hexo generate]](/2016/11/26/Integrate-hexo-with-Visual-Studio-Online/HexoGenerate.png)
最後再加入一個Command Line
的Build Step
,Tool
一樣是C:/NPM/Modules/hexo
,Arguments
為deploy
不過當然記得要先把相關hexo的相關deploy資訊寫在_config.yml
中,不然也是沒用XD”
都完成後,記得要按左上方的Save
,然後再按右上方的Queue new build...
試試看了~~