2013年8月6日 星期二

野人 Shampoo 之智障都會的 GitHub 發佈網頁初體驗

我以前只用過SVN
上學期老嚷嚷著說要開始學習GitHub、要開始學習GitHub...
差點淪為說說
最近因為工作的關係 (在公司用 Mac 回宿舍用 Windows)+不想再當說說哥
於是就稍微來摸一下
這篇是寫給初學者看的
如果是GitHub老手可以直接關掉
/****************************************************/
首先假設你已經註冊了 GitHub 帳號
在上面開了一個 Repository
回到家後繼續 coding,但 localhost 還沒 clone GitHub 上面的 Repository
現在你想要發佈出來看看長什麼樣
以下是無聊+智障教學

  • 首先,把 Repo 複製到本地主機、切換目錄
$ git clone git@github.com:username/repository_name.git
$ cd ./repository_name

  • 建立一個 gh-pages 分支
$ git checkout -b gh-pages
  • 刪除從原本分支複製到 gh-pages 分支的檔案。因為現所在位置是 gh-pages分支,所以這裡並不會影響到原本分支的檔案造成異動
$ git rm -rf .

  • 建立在 GitHub Pages 的頁面
$ echo "<p>Hello, world.</p>" > index.html
$ git add index.html
$ git commit -a -m "My first Github Page commit."
$ git push origin gh-pages

  • 稍待片刻,然後你可以檢視剛創建的網頁了,連結格式如下
http://username.github.io/repository_name/index.html

2013年8月2日 星期五

How to customize Firefox menu button?


好啦,原本寫著 Firefox 的橘色按鈕也不是說醜

看久了真得很膩

上次在 JSDC.tw 聽到阿土伯提到 XUL 跟 Gecko 是兄弟檔後

就想來玩玩了 userchrome.css

昨天心血來潮研究一下

發現真的只是css語法 (難怪 Firefox 佈景主題多到炸

很簡單的

首先

先下載這個 Add-on: ChromEdit, 連結如下

http://webdesigns.ms11.net/chromeditp.html

選擇 Add to Firefox

安裝完成後忘了要不要重新啟動

工具->ChromEdit Plus->ChromEdit

進入 userchrome.css 的tab



開始玩css囉

語法不會可以自行 Google

以下附上我的範例 code

#appmenu-button {
background: black !important;
padding-bottom:3px !important;
padding-top:3px !important;
box-shadow: none !important;
background-image: url("http://www.csie.ntu.edu.tw/~b98902037/firefox_icon_by_samnung-d2yb92p.png") !important;
background-size: contain !important;
background-repeat: no-repeat !important;
}
#appmenu-button:hover{
box-shadow: none !important;
}
#appmenu-button dropmarker:before {
content: "Dayo " !important;
color: #FFFFFF !important;
}
#appmenu-button .button-text {
display: none !important;
}

要讓它消失只要來個 display:none 即可

改完後 Save->Restart

就可以看到樣式改變了

以上範例出來會長這樣


用自己的名字,就是爽

版權沒有,歡迎翻印