目次
1. GitHub v.s. Atlasssian Bitbucket 靜態網頁服務
2. 基本設定
3. 開 Repo
4. 更改遠端倉庫位置
先前在忙畢展的事情，所以隔了好一陣子沒有更新文章
我的專案是一個關於網路霸凌的新聞專題是使用 Vue.js 開發，透過 GitHub Page 的服務上線我的網站
但最近要學習使用 Atlasssian 的服務，因此要把整個 repo 搬遷到 Atlassian Bitbucket
花了一些時間研究搬遷、上線的問題
GitHub v.s. Atlassian Bitbucket 靜態網頁服務
以我目前粗淺的使用經驗
我覺得在 靜態網頁服務 上 GitHub 做的是比 Bitbucket 完善的
直接來講一下我覺得最大的幾個差異
GitHub
有付費版私人、公開 Repo 都可開啟 GitHub Pages 的功能
但免費版公開 Repo 才能開啟此功能喔
在開啟功能時就會產生一串該 Repo 自己的網址，結構大概長這樣：
https:// <user or organization name> .github.io/ <repo name> /
然後他有三種方式可以對外開放檔案：
- gh-pages branch
- master branch
- master branch 中的 docs 資料夾
Atlassian Bitbucket
私人、公開 Repo 都可開啟功能
美中不足的地方是，一組帳號只能有一個網頁
因為 Atlassian Bitbucket 他 開啟服務的方式 是：
- 將 Repo 名稱取名為
<workplace_ID>.bitbucket.io - 將 HTML 名稱更改為
index.html - 輸入：https://<workplace_ID> .bitbucket.io
其中 workplace_ID 是跟著使用者的，可以至 設定頁面更改
但這也代表一個帳號 只有一組網址
這是我覺得比較不方便的
從檔案開放的角度看，Atlasssian Bitbucket 提供的方式較少，只能限定 主要分支 上的 index.html 檔
當然也可以藉由變更 主要分支 來達到 GitHub Pages 選擇 gh-pages branch 的功能
因為我是使用 Vue 開發的關係，我是使用這個方式
之後會寫一篇關於 Vue 部署上版的文章
如何搬遷
基本設定
首先，先到 Atlassian Bitbucket 註冊帳號、登入等等的
記得要先在設定先 設定自己的 SSH key 啊
我就是忘記踩了一個坑！
忘記的可以看之前 Git 的文章 為你自己學 Git 筆記 GitHub 應用篇
切記不是在 Repo 的 Access keys!
他只能開放閱讀的權限，不能推 code
開 Repo
開一個 Repo 名字取為：<workplace_ID>.bitbucket.io忘記執行步驟的可以 往上翻，或是閱讀這篇
記得不要加入 README.md 喔
更改遠端倉庫位置
有了 Repo 接下來要把我們的 code 推上去
原本設定 git push 是直接推上 GitHub 但這不是我們要的
因此我們要改指向的位置
開啟 terminal ，cd 到資料夾，輸入：
git remote set-url origin <bitbucket url>Bitbucket URL 可以用 HTTP 或是 SSH 都可以喔
詳細步驟有問題，可以參考 這篇 ，換成 Bitbucket 的網址即可
設定好後
git push origin master假設剛剛你不小心在 Bitbucket 新增了 README.md push 就會出現問題
所以要記得 -f
git push -f origin mastercode 就推上去了 d(`･∀･)b
檢查一下自己的 HTML 檔名是否為 index.html
確定無誤，輸入：https://<workplace_ID> .bitbucket.io
就可以看到你的網頁了！
拍個手讓我知道，這個文章對你們有幫助 ♥(´∀` )人
