發表文章

目前顯示的是 5月, 2013的文章

[小技巧] 如何在你的部落格中內嵌 Picasa 相簿

常常要在像drupal、joomla 或是wordpress裡嵌入相本的功能,卻找不到圖床嗎? Picasa提供的嵌入碼 (embedded code)又讓你的相本太沒有質感嗎? 筆者上禮拜因為需求,找到了一個叫做pwa的plug-in,只要你的頁面可以執行javascript,讓你可以嵌入 picasa相本像是自己的相本一樣。 pwa的下載網址如下: http://sourceforge.net/projects/pwa/ 裡面有一支pwa.js的檔案,找一個網路空間把他上傳,並在你要嵌入的位置 貼上 如此一來,就可以把picasa當做圖床囉! 我在user name中輸入eugg1201,是我的picasa帳號,展示如下:

[開發筆記] 如何在Sublime Text 2中加入Snippet

Snippets設定的好,可以讓你寫程式的速度大幅的提升,打好關鍵字再按Tab後,所有的參數就會帶出來了。 其實設定方式非常的簡單,網路上有很多別人分享出來的snippets,此篇以ajax為例。 如果你常常寫jQuery,這裡有一些別人分享的snippet: https://github.com/aaronpowell/sublime-jquery-snippets 我們選擇第一個$.ajax的snippets,這時有二個做法 第一個是直接下載該檔後,貼在~/Library/Application Support/Sublime Text 2/Packages/User/ 裡,重啟Sublime Text 2即可 第二個是接著在Sublime Text 2 打開"Tools" > “New Snippet” 把上述的Code貼上,再存檔為$_ajax.sublime-snippet,重啟Sublime Text 2即可。 接下來你在程式裡打上 $.ajax,後面的參數就會自動幫你帶出來了。

[開發筆記] 幫你的 Sublime Text 2安裝 LiveReload Plug-in

圖片
有鑑於,網頁設計師最常按的鍵就是 F5 (mac是 Command + R) 重新整理了,如果你和筆者一樣,開發的時候使用雙螢幕,每次存檔完後,要重新整理都要切換畫面,有點麻煩。 Livereload plug-in 就是讓你可以在在存檔之後,頁面自動更新,用起來真的相當的暢快!而且安裝的方法相當簡單。 首先,你要安裝 Sublime Package Control,安裝辦法請參考 http://wbond.net/sublime_packages/package_control 安裝 livereload plug-in 點選 Sublime Text 2 > Preferences > Package Control 會出現以下的畫面: 選擇 Install Package 接著就會出現很多的plug-in讓你選,這時候輸入 LiveReload,並選擇 結束後出現以下畫面即是安裝完成 下一步:安裝Chrome extension Chrome的安裝網址為: https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei 如果你習慣用Firefox,網址是: https://addons.mozilla.org/en-US/firefox/addon/livereload/ 在你的Chrome的右上角出現此按鈕就是安裝完成囉! 趕快來試試 用Sublime 開啟你編輯的程式,並用第二個螢幕打開Chrome瀏覽該檔案,並按下 extension的按鈕,在你的Sublime 的右下角會出現這個訊息: 就是完成囉!如此一來,只要檔案一存檔,browser就會自動存檔了。效率提升、爽度激升! reference: http://shoogledesigns.com/blog/blog/2012/07/23/sublime-text-2-package-control-and-livereload/ 更新 (For Sublime crash) 有一些人安裝後,會在存檔幾次後出現crash的狀況,筆者

[開發筆記] 如何使用 crontab 自動異地備份 mysql 至 AWS S3

如果你的mysql資料庫不是使用RDS的服務,而是自己架設在EC2上的Instance的話。可以使用AMS S3來做異地備份,這樣你的Instance如果突然掛掉,也不用怕 安裝s3cmd 首先要先安裝s3cmd,讓你可以使用command line 直接操作S3,安裝方法參考: http://s3tools.org/repositories 安裝好後要設定 Access key 和 Secret key s3cmd --configure 更多指令請參考 http://s3tools.org/s3cmd 接著新增一個用來放mysql 備份檔的bucket s3cmd mb s3://mysql_backup 撰寫指令 新開一個指令檔 backup_command ,內容如下: mysqldump -u DB_USER -pDB_PASSWORD DB_NAME > /backup_folder/backup_`date '+%Y_%m_%d'`.sql s3cmd put /backup_folder/backup_`date '+%Y_%m_%d'`.sql s3://mysql_backup/backup_`date '+%Y_%m_%d'`.sql  此指令是備份mysql的DB到local後,再丟上s3的指令 撰寫Crontab 執行 crontab -e ,接著在檔案中寫下 0 3 * * * sh backup_command 就會在每天的凌晨三點執行備份的動作了 打完收工! Form on github:  https://github.com/eugg/backup-mysql-to-S3 我的這個版本有點偷懶,如果你想使用比較完整的bash指令,請參考 https://gist.github.com/oodavid/2206527