Hank to hanker - Learning Note

[MongoDB] MongoDB Shell Note

2013-08-02T21:41:00.002+08:00

[Python ] Compare two list only return matched

2013-08-01T19:00:00.002+08:00

[NodeJS] Express 3.x 整合i18n-node實現多語言網站 - use i18n-node implement multilanguage website with express 3.x

2013-07-15T12:07:00.000+08:00

[Nginx] 自定義error page - nginx custom error page

2013-07-15T12:03:00.000+08:00

在這使用的是預設路徑, 也可以改成自己放error page的路徑

server {
    listen 80;                                                                  
    server_name my-domain-name.com;
    
    error_page 500 502 503 504  /error.html;
    location = /error.html {
        root   html;
    }   

    location / {
    }
}

[Nginx] 使用Nginx proxy_pass 時保留 host header

2013-07-14T17:20:00.000+08:00

原本我使用 nginx 的 proxy_pass 只設定這樣

vim /usr/local/etc/nginx/site-enabled/site

server {
    listen 80;
    server_name my-domain-name.com;
 
    location / {
        proxy_pass  http://hank.local:8210;
    }
}

但是在後端程式從 header 裡判斷 host 會一直找到 hank.local:8210 而不是 my-domain-name.com

後來找到一個方法可以保留 header 到 proxy 裡, 加上 proxy_set_header Host $http_host 即可

server {
    listen 80;
    server_name my-domain-name.com;
 
    location / {
        proxy_pass  http://hank.local:8210;
        proxy_set_header Host $http_host;
    }
}

重新讀取 nginx 設定檔

sudo nginx -s reload

[Mac] 英文單字或句子不會唸? 讓Mac直接幫你念出來。

2013-07-08T12:11:00.000+08:00

常看到一個英文單字或句子時, 不懂得怎麼唸, 秉持勤勉精神, 想努力學習一下, 但總是沒有很好的工具可以快速方便的唸出不懂怎麼唸的句子, 只要妳是用Mac, 內建就有功能能做到

突然發現Mac有個say指令, 可以直接在terminal底下唸出輸入的文字

say - Convert text to audible speech

直接在指令後面接上要說出的單字或句子

$ say Hello

或是指定說出一個檔案內的內容

$ say -f article.txt

也可以指定語音檔取代內建的語音, 或是使用其他內建的語音

$ say -v ?

看看更多的附加功能

$ man say 對於學習英文唸法時很有用 :)

[NodeJS] Pretty HTML on Express 3.x

2013-07-05T14:33:00.000+08:00

[shell] Top 10 shell commands you currently use

2013-06-27T20:48:00.001+08:00

My Top Ten:

2061 git
482 ll
165 cd
131 ssh
123 sed
116 vim
106 forever
98 rm
86 brew
84 ls

See Also

https://coderwall.com/p/o5qijw

[Quotes] Simple can be harder than complex ... Steve Jobs - 簡單比複雜難得多

2013-06-20T17:51:00.000+08:00

"Simple can be harder than complex. You have to work hard to get your thinking clean to make it simple. But it’s worth it in the end because once you get there, you can move mountains." -- Steve Jobs

簡單比複雜難得多，你必須竭盡全力、理清思路，才能創造簡單。但這絕對值得，因為只有這樣，你才能開闢新世界。

[ssh] ProxyCommand - Run a local command before ssh to remote server.

2013-06-19T20:03:00.000+08:00

Modify ~/.ssh/config

Host mydomain
    ProxyCommand sh -c "local_command /usr/bin/nc %h %p"

Host mydomain
    Hostname=mokoversity.com
    IdentityFile=~/.ssh/mokoversity_dsa
    User=hank
    PasswordAuthentication=no
    PubkeyAuthentication=yes

[Mac] ssh remote server through socks proxy - 經由socks proxy ssh到遠端Server

2013-06-18T06:43:00.000+08:00

1. Install ProxyChains

$ wget https://gist.github.com/allenhuang/3792521/raw/bb52568695f9d745004eee87b892637f9d17a771/proxychains4_formula.rb
$ mv proxychains4_formula.rb /usr/local/Library/Formula/Proxychains.rb
$ brew install --HEAD proxychains

2. Modify ProxyChains conf

$ vim /usr/local/etc/proxychains.conf

set this line to conf:

socks4 127.0.0.1 8888

3. Open socks

ssh -vND 8888 user@socks.server

4. Settings Socks Proxy on Mac Network Preference

5. Connect to remote server

$ /usr/local/bin/proxychains4 ssh user@remote.server

[Vim] vim configuration

2013-06-15T16:46:00.000+08:00

我其實很少用vim ... 不過有時候在Mac用一下、Linux用一下，覺得沒存一下設定檔不行... 所以慢慢整理一份出來

See Also

http://vim.wikia.com/wiki/Example_vimrc

F2E前端工程師面試問題集 - Front-end Job Interview Questions

2013-06-03T23:05:00.002+08:00

Fork me on Github : Front-end-Developer-Interview-Questions

[OSX] dotfiles - zsh based Terminal editor and configuration files.

2013-06-03T20:16:00.002+08:00

My dotfiles: https://github.com/hankwang/dotfiles

Image 1

Image 2

[OSX] copy last command by pbcopy - 複製上一個指令到剪貼簿

2013-06-03T12:12:00.000+08:00

例如測試一行command是不是正確的, 確認之後我想複製起來做筆記或是貼到別地方, 這時候就可以透過pbcopy達到快速複製的效果, 不用再用滑鼠去框。


$ ps -awx

把上一個指令複製到剪貼簿


$ echo "!!" | pbcopy

把上一個指令的最後一個參數複製到剪貼簿


$ echo "!$" | pbcopy

[git] Syncing a fork - 同步原本repo的修改到fork出來的repo

2013-06-02T02:03:00.003+08:00

加入新的遠端repo
取回遠端repo
合併repo到master
解決conflict的commits

列出目前的遠端repo

$ git remote -v 
origin https://github.com/user/repo.git (fetch)
origin https://github.com/user/repo.git (push)

加入一個新的遠端repo

$ git remote add upstream https://github.com/otheruser/repo.git

註: upstream 為加入的遠端repo名稱, 可以自取

查看新加入的遠端repo

$ git remote -v

origin https://github.com/user/repo.git (fetch)
origin https://github.com/user/repo.git (push)
upstream https://github.com/otheruser/repo.git (fetch)
upstream https://github.com/otheruser/repo.git (push)

取回新加入的遠端repo的所有分支(branches)

$ git fetch upstream

remote: Counting objects: 75, done.
remote: Compressing objects: 100% (53/53), done.
remote: Total 62 (delta 27), reused 44 (delta 9)
Unpacking objects: 100% (62/62), done.
From https://github.com/otheruser/repo
 * [new branch]      master     -> upstream/master

查看目前本機和遠端的所有分支(branches)

$ git branch -va

* master                  a422352 My local commit
  remotes/origin/HEAD     -> origin/master
  remotes/origin/master   a422352 My local commit
  remotes/upstream/master 5fdff0f Some upstream commit

合併upstream的master到目前repo的master

$ git merge upstream/master

Updating 34e91da..16c56ad
Fast-forward
README.md                 |    5 +++--
1 file changed, 3 insertions(+), 2 deletions(-)

如果merge時遇到conflict, 例如README.md conflict

$ git status

# You have unmerged paths.
#   (fix conflicts and run "git commit")
#
# Changes to be committed:
#
#   new file:   run.sh
#
# Unmerged paths:
#   (use "git add <file>..." to mark resolution)
#
#   both modified:      README.md

編輯README.md處理conflict的地方後, 重新commit

$ git add README.md
$ git rebase --continue

[Python] list pip installed packages - 列出pip已安裝的套件

2013-05-22T16:53:00.001+08:00

List all installed packages - 列出所有已安裝的套件

$ pip freeze

Check specify package version - 查看某套件版本

$ pip freeze | grep Django

[CSS] Drop down menu without JS

2013-05-10T17:12:00.001+08:00

純CSS+HTML的下拉式選單, 直接選取Result欄位看結果 See Also http://www.ryancollins.me/?p=1041

[iOS Dev] UILocalNotification in particular time - 指定時間本地通知

2013-04-26T02:28:00.000+08:00

Add Local Notification at particular time

Cancel one particular LocalNotification

[NodeJS] Auto deploy by github hook

2013-04-25T12:05:00.000+08:00

Github hook service會在有新的commit的時候觸發hook API(bitbucket也有), 這可以用在

遠端Server自動部署, 才不用每次都ssh到遠端Server去git pull然後deploy一遍
自動發訊息到團隊的協作平台或是寄發Email
...

Github本身支援很多好用的服務, 那我是用WebHook在我的主機上, 當有commit時會觸發Server上的hook, 然後執行一個Shell Script, 自動git pull然後重新啓動我的Web Service


$ cd /var/web/project

$ git pull

$ forever restart /var/web/project/app.js

Code
https://github.com/hankwang/node-github-hook-deploy

[Linux] 使用 Crontab 定時執行程式

2013-04-02T11:57:00.000+08:00

為什麼用 crontab ?

執行例行性的工作, 例:

定期備份資料
定期寄送Server log到某個Email
定期檢查系統狀態

crontab 指令

$ crontab -l # 列出所有 cron jobs
$ crontab -r # 刪除所有 cron jobs
$ crontab -e # 編輯目前使用者的 cron jobs
$ crontab [-u  user] -l # 列出某個使用者的cron jobs (要有權限)

時間格式 time format

minutes 0-59
hour 0-23
day of month 1-31
month 1-12
day of week 0-7 (0 or 7 is Sun)

crontab sample

See Also

crontab(5) - Linux man page

[Sublime Text] 我的Sublime Text 2設定檔

2013-04-02T09:27:00.000+08:00

高亮目前選取行"highlight_line": true

停用Vintage模式 (Vintage Mode) "ignored_packages": [ "Vintage" ],

Soda樣式的tab"soda_classic_tabs": false

tab的大小"tab_size": 4

把tab轉為空白鍵"translate_tabs_to_spaces": true

存檔時移除不必要的空白"trim_trailing_white_space_on_save": true

偵測跑很慢的plugin, 會跳出警告"detect_slow_plugins": false

完整的設定檔

[Sublime Text Plugin] EasyMotion - 透過鍵盤移動滑鼠游標到指定位置

2013-03-23T14:02:00.001+08:00

EasyMotion - 讓你用鍵盤就可以滑鼠游標及選取一塊程式碼

EasyMotion on Github

透過Sublime Text Package Manager安裝

在Sunlime Text 2 使用 Cmd + Shift + P 然後 Install Package 安裝 EasyMotion

使用方式

移動滑鼠游標: Cmd + ; + 要到達的英文字

選取一塊區域: Shift + Cmd + ; + 要到達的英文字

EasyMotion 安裝與使用介紹影片

[Sublime Text] Run NodeJS file on Sublime Text 2

2013-03-22T04:40:00.000+08:00

在Sublime Text的選單列 Tools -> Build System -> New Build System... 然後複製以下內容存成 JavaScript.sublime-build 放至

路徑:
~/Library/Application Support/Sublime Text 2/Packages/JavaScript

就可以透過Cmd + B(Ctrl + B on Windows)直接 Build :)

[Mac] 畫面截圖小技巧 Scrrenshot Tips

2013-03-18T06:10:00.001+08:00

快捷鍵 Shortcuts

⌘ + Ctrl + Shift + 3 (全畫面截圖, 暫存於剪貼簿)
⌘ + Ctrl + Shift + 4 (框選要截圖的部分, 暫存於剪貼簿)
⌘ + Shift + 3 (全畫面截圖, 直接儲存)
⌘ + Shift + 4 (框選要截圖的部分, 直接儲存)
⌘ + Shift + 4, Space (選取要截圖的視窗, 直接儲存)

更改預設畫面截圖儲存路徑

例如我把預設路徑設在~/screenshots (在Terminal中執行)

# 更改預設的畫面截圖儲存路徑


$ defaults write com.apple.screencapture location ~/screenshots/

# 重載畫面程序


$ killall SystemUIServer

Hank to hanker - Learning Note

[MongoDB] MongoDB Shell Note

[Python ] Compare two list only return matched

[NodeJS] Express 3.x 整合i18n-node實現多語言網站 - use i18n-node implement multilanguage website with express 3.x

[Nginx] 自定義error page - nginx custom error page

[Nginx] 使用Nginx proxy_pass 時保留 host header

[Mac] 英文單字或句子不會唸? 讓Mac直接幫你念出來。

[NodeJS] Pretty HTML on Express 3.x

[shell] Top 10 shell commands you currently use

[Quotes] Simple can be harder than complex ... Steve Jobs - 簡單比複雜難得多

"Simple can be harder than complex. You have to work hard to get your thinking clean to make it simple. But it’s worth it in the end because once you get there, you can move mountains." -- Steve Jobs

[ssh] ProxyCommand - Run a local command before ssh to remote server.

[Mac] ssh remote server through socks proxy - 經由socks proxy ssh到遠端Server

1. Install ProxyChains

2. Modify ProxyChains conf

3. Open socks

4. Settings Socks Proxy on Mac Network Preference

5. Connect to remote server

[Vim] vim configuration

F2E前端工程師面試問題集 - Front-end Job Interview Questions

[OSX] dotfiles - zsh based Terminal editor and configuration files.

[OSX] copy last command by pbcopy - 複製上一個指令到剪貼簿

[git] Syncing a fork - 同步原本repo的修改到fork出來的repo

列出目前的遠端repo

加入一個新的遠端repo

查看新加入的遠端repo

取回新加入的遠端repo的所有分支(branches)

查看目前本機和遠端的所有分支(branches)

合併upstream的master到目前repo的master

如果merge時遇到conflict, 例如README.md conflict

See also

[Python] list pip installed packages - 列出pip已安裝的套件

[CSS] Drop down menu without JS

[iOS Dev] UILocalNotification in particular time - 指定時間本地通知

[NodeJS] Auto deploy by github hook

[Linux] 使用 Crontab 定時執行程式

為什麼用 crontab ?

執行例行性的工作, 例:

crontab 指令

時間格式 time format

crontab sample

[Sublime Text] 我的Sublime Text 2設定檔

[Sublime Text Plugin] EasyMotion - 透過鍵盤移動滑鼠游標到指定位置

EasyMotion - 讓你用鍵盤就可以滑鼠游標及選取一塊程式碼

透過Sublime Text Package Manager安裝

使用方式

EasyMotion 安裝與使用介紹影片

[Sublime Text] Run NodeJS file on Sublime Text 2

[Mac] 畫面截圖小技巧 Scrrenshot Tips

快捷鍵 Shortcuts

更改預設畫面截圖儲存路徑