基於 Hexo 的 blog 管理系統，可自動打包生成靜態網站

基本環境安裝

• Node.js
• 安裝 hexo-cli 套件

產出專案

1

hexo init

開啟本地預覽服務

1

npm run server

訪問 http://localhost:4000

主要設定檔

參考 _config.yml

編寫文章

安裝 VSCode 外掛

安裝 extension Hexo Utils，支援建立文章基本格式與圖片插入自動處理等功能

開新文章

• 透過 vscode 指令 Hexpo Utils: Create a news article
• 選擇文章類型 draft, post 或 page

將 draft 草稿發佈為公開文章

文章檔名可忽略 .md

透過 shell command

1

npx hexo publish page [文章檔名]

文章中的圖片處理

• 已於主要設定檔中開啟 post_asset_folder 與 marked

  1 2 3

  marked: prependRoot: true postAsset: true

• 如文章名稱為 foo.md 則於同一層路徑下會有一個同名的目錄 foo/ 放置圖片檔案(或其他靜態資源)

• 文章中的圖片不用指定路徑，最終生成靜態網頁時會自動經路徑轉換成基於網站根目錄的相對路徑

  文章原始 markdown

  1	

  生成HTML

  1	<img src="/foo/image.png">

編輯文章時快速插入圖片

• 使用 vscode 開啟專案編輯文章 markdown 原始檔案
• 複製要插入的圖片到剪貼簿
• 開啟文章 markdown，透過 vscode 指令 Hexpo Paste Image 貼上圖片，此時會自動生成圖片markdown語法並生成圖片檔案於 {文章檔名}/ 目錄中

打包生成靜態網站

1

npm run build

生成的靜態網站檔案於 public 目錄中

這篇記錄一下最近使用YouBike的經驗
2017.8.7 更新：還車時待刷卡指示燈亮起再放卡成功率較高

TLDR: 感應失敗無法還車時SOP

• 車子是否已鎖住？
  • 是 => 已還車成功，此時可以找旁邊任一個「空」車柱刷卡也可以完成補扣款(會看到代碼 3 與補扣款金額)
  • 否 => 尚未還車成功，若一直顯失敗可以嘗試牽往其他車柱還車

觀念

借還車與扣款是獨立兩件事情可以在同一車柱一次完成，也可以分別在不同車柱進行。

借車

想成只是登記開始使用，不會涉及到扣款，因此不太會有問題。

還車

包含登記結束使用與扣款，其中登記結束使用跟借車一樣不太會有問題，當車子鎖住後即代表還車成功，使用時間就到此不會繼續算錢，但後續的扣款可能會失敗，此時可以再嘗試感應一次如果還是沒看到成功扣款也不用再試了(此車柱扣款功能故障)，此時可以任意找其他「空的」車柱即可完成補扣款。

Mac使用者如果不想裝像Nally這樣的軟體，只習慣在內建的Terminal App中做事，可以透過以下步驟讓你在一個畫面勉強可接收的狀況使用Ptt，有些字元還是無法正常顯示，如果有更好的設定方式歡迎提供！

1. 開啟Terminal，並進入設定畫面
2. 新增一個專屬的profile，取名為Ptt
3. 進入Text頁籤

• 設定Font，建議挑選SimHei/Regular
• 調整大小為21

1. 進入Shell頁籤
   • 在Startup區塊啟用Run command，並填入指令ssh bbs@ptt.cc以建立加密連線
2. 切到Advanced頁籤

• 設定Text encoding為Traditional Chinese(Big 5 HKSCS)
• 啟用Unicide East Asian Ambiguous characters are wide

1. 將這個Profile匯出至桌面，取名為ptt.terminal，點擊這個檔案即可開啟Ptt連線

Enjoy it!

編寫shellscript時如果需要處理其他檔案的更動就會需要取得自身的絕對路徑作為相對路徑的基準點，以確保script不管在哪邊執行都不會出問題，偶而才寫一次往往就要重新google寫法，在這邊備份一下以便日後快速取用。

除了有充實的講座內容，也要感謝策展志工團隊帶來讓人印象深刻的活動！剛到活動場地時，就發現工作人員們請大家出示條碼入場，這其實讓我有點意外，因為以前參加許多活動雖然也都是透過kktix或accupass這類平台來管理報名事務，明明都有提供QR Code，到了現場卻還是得找名字報到，這次難得可以真的享受到「快速通關」的快感，加上每個人都安排好了專屬座位直接「對號入座」，讓現場動動線很有效率，這些都是我過去聽演講的經驗中少見的。

開場的主持人是寰宇廣播DJ小玉姐，多年主持經驗的口條當然是沒話說，但其實最讓我印象深刻了是他剛介紹完講者Esor出場後，正好講者電腦投影出問題，他立刻繼續拿出「備用版」繼續針對講者的經歷做更詳細的介紹，就算發生了點小狀況也不會讓場子冷掉，讓人完全感受到什麼叫用心與誠意，魔鬼都在細節中阿！

（本人同意李宣澤轉載於個人部落格並註明作者出處）

最近家人購入了二手的Google Glass(explore edition)因而有機會來玩玩這個很具未來性的科技產品，雖然這東西已經不算新鮮貨，網路上也已經有許多資料可以參考，這邊就紀錄一下我個人在試用的過程中的一些體驗～

配戴眼鏡

雖然觀景鏡片可以水平調角度，如果原本就帶著眼鏡再掛上Google Glass，畫面還是很難看清楚右上角的螢幕畫面，如果要舒適看清楚螢幕畫面甚至在未來順利使用「眨眼操作」還是得帶隱形眼鏡。

設定眼鏡

恢復原廠設定

Glass同時只能設定一個Google帳號，要重新設定眼鏡最快的方式就是直接恢復原廠設定。

安裝My Glass App與手機配對

要設無論是Android或是iOS都可以下載 MyGlass 這個Mobile App(以下用 MyGlass 代表)，方便透過藍牙與手機配對結合以進一步設定Glass，手機上如果已經有登入Google帳號也可以直接沿用設定至眼鏡中

設定wifi網路連線

在Glass網路設定中可以看到自動掃描到的wifi訊號(僅支援2.4G網路)，如果是無安全驗證的網路可以直接連線，不過家裡的網路往往都是有設密碼的，一開始很好奇難道密碼要用講的嗎？

答案揭曉～設定私密wifi的方式有兩種：「透過手機上的 MyGalss」或「掃QR Code」

• 從 MyGlass 手動輸入SSID + 加密方式 + 密碼
  如果手機有安裝 My Glass並做好藍牙配對，可以直接在裡面新增網路

• 掃QR Code
  沒有My Glass App可用，或不想跟手機配對也可以透過網頁設定介面手動輸入SSID與密碼即可產出QR Code
  在Glass中選擇要使用的wifi訊號後就會進入QR Code掃描畫面，不太需要對特別準，掃描後可以一次把「wifi連線」與「登入Google帳號」搞定

開始體驗 Google Glass各項功能!

「OK Glass!」語音命令

剛開始最快的入門操作就是念出「OK Glass」，就會進入語音命令模式…
這時可以透過語音呼叫眼鏡去拍照、錄影、傳訊息 … 等等操作

拍照與錄影

拍照後會自動同步至Google相簿，錄影時間預設是10秒，拍攝時點一下眼鏡可以延長拍攝時間
也可以透過「眨眼操作」來呼叫眼鏡拍照，使用前需要先校準才感應得到

來點音樂吧~

有Google Music帳號可以直接查詢歌曲播放，骨傳導的音量不算大聲但也還算可以接受，如果還是覺得太小聲也可以加裝內附的耳機。

免費安裝其他Glassware

跟手機一樣，也有Glass專用的軟體可以擴充更多功能，稱之為Glassware，透過 MyGlass 或網頁設定介面即可啟用想要安裝的Glassware，這邊簡單介紹幾款我用過覺得蠻有趣的Glassware。

• Star Map
  這是一個觀星軟體，打開後抬頭轉轉看看就可以看到該方位的星像資訊
  

• Word Lens
  手機上也有的即時翻譯軟體，非常適合在旅遊時使用!
  

  翻譯前
  

  翻譯後
  

• Color Detector
  鏡頭看到什麼東西就把顏色轉成色碼
  

其他可能遇到的問題

有支援中文嗎？

從設定到使用都是全英文的介面，有基本英文程度應該問題不大，但如果這方面有困難則難以使用，
OK Glass 語音辨識也是全英文，因此無法傳中文訊息

可以擷取眼鏡螢幕畫面嗎?

MyGlass 中可以直接秀出眼鏡畫面，再透過手機螢幕擷取即可

[裝機筆記]在SONY VAIO VGN-C15TP老舊筆電上安裝ubuntu-14.04.2-server-64bit

安裝完無法正常開機的解決方式

1. 開機選單時按 e 進入GRUB編輯畫面

2. 找到 linux 開頭那一行，在最後加上 nomodeset (這個值是根據顯卡晶片做的設定，詳情可參考官方文件)

3. ctrl + x 即可正常開機

4. 登入terminal後要去修改GRUB設定檔使得之後也可以正常開機

    $ sudo vim /etc/default/grub
   

5. 找到 GRUB_CMDLINE_LINUX_DEFAULT 將設定值加上 nomodeset

    GRUB_CMDLINE_LINUX_DEFAULT="nomodeset"
   

6. 存檔後更新GRUB

    $ update-grub
   

7. 現在重開機後也都可以正常執行了

reference

• http://wiki.ubuntu-tw.org/index.php?title=FAQinstall#.E5.95.9F.E5.8B.95.E6.99.82.E9.BB.91.E7.95.AB.E9.9D.A2
• http://apexu.com/apexu/tw/modules/publisher/item.php?itemid=14

設定網路固定IP

1. 修改 /etc/network/interfaces 針對要修改的interface加入網路資訊

    iface eth0 inet static
    address 192.168.0.101
    gateway 192.168.0.1
    netmask 255.255.255.0
    dns-nameservers 8.8.8.8 8.8.4.4
   

2. 重跑nerworking(eth0為例)

    $ sudo ifdown eth0
    $ sudo ifup eth0
   

避免筆電在按到power鍵或關上螢幕時進入休眠

1. 修改 /etc/systemd/logind.conf 加入以下設定值

    HandlePowerKey=ignore        # 避免按到電源鍵時關機或休眠
    HandleSuspendKey=ignore      # 避免按到暫停鍵時關機或休眠
    HandleHibernateKey=ignore    # 避免按到休眠鍵時關機或休眠
    HandleLidSwitch=ignore       # 避免闔上螢幕時關機或休眠
    IdleAction=ignore            # 忽略idle
   

2. 重跑 logind

    $ sudo restart systemd-logind
   

reference

• http://askubuntu.com/questions/15520/how-can-i-tell-ubuntu-to-do-nothing-when-i-close-my-laptop-lid

最近偶然在一個Ruby課程上看到講者電腦用的VIM狀態列與shell命令列相當華麗，一查才知道有powershell系列工具可以讓VIM狀態列更加美觀直覺，powerline原本是針對VIM做美化，也有人改寫可以套用至shell命令列，還直接內建了已經用很習慣的git-prompt，本文主要針對命令列的美化，現在馬上來套用看看！

下載安裝powerline-shell

到powerline-shell專案下載powerline-shell程式碼

https://github.com/milkbikis/powerline-shell/archive/master.zip

解壓縮後進入的powerline-shell資料夾後執行install.py

1

$ /path/to/powerline/install.py

修改你的shell設定檔

這邊以bash為例，修改家目錄下的.bash_profile (或 .bashrc )，其他類型的shell修改方式與更多詳細設定可以自行參考專案網頁中的說明

1

vim ~/.bash_profile

修改你的原始prompt內容以掛上powerline-shell

1
2
3
4

function powerline_shell() {
   export PS1="$(~/powerline-shell/powerline-shell.py $? 2> /dev/null)"
}
export PROMPT_COMMAND="powerline_shell; $PROMPT_COMMAND"

安裝字型檔

至powerline-fonts專案下載專用字型包

https://github.com/Lokaltog/powerline-fonts/archive/master.zip

解壓縮後進入資料夾執行install.sh

1

$ /path/to/powerline-fonts/install.sh

設定Terminal字型

至terminal設定畫面選擇剛剛裝好的專用字型，名稱特徵是for powerline結尾

如果找不到就回到powerline-fonts資料夾中個別點選開字型檔案後安裝

重新開啟Shell後大功告成

加上git branch圖示

Git branch名稱部分前面可以加上圖示讓他更醒目直覺，這部份有網友提供修改方式但目前尚未被repo作者採納，有興趣可以自行參考下方連結修改powerline-shell原始碼後重新執行install.py即可

https://github.com/mohislm/powerline-shell/commit/869b9bc63314315419d2b4072b4b2d3f909dedd5

透過Homebrew安裝ant

1
2

$ brew update
$ brew install ant

安裝Paros

1. 到官網下載源碼包 http://sourceforge.net/projects/paros/
2. 解開後進入build資料夾

   1	$ cd paros/build

3. 使用ant編譯Paros

   1

   $ ant

4. 編譯後即可開啟paros.jar

   1	$ open paros/paros.jar

設定proxy

1. 至 System Preferences > Network > Advanced > Proxies
2. 勾選 Web Proxy(HTTP)
3. 設定位址為localhost，port為8080

設定完畢後即可在Paros觀看瀏覽器中的即時封包狀態囉～

在還沒使用過MacBook前常常聽到有人會說用了Mac後就回不去了，過去對Mac電腦的刻板印象就覺得只是UI做得很Fancy、支援的軟體又很少的作業系統，一直很好奇好用在哪，於是2012年底時就想試試看使用Mac OS又剛好遇到官方整新機有現貨的機會，購入了人生第一台Apple電腦，用到現在也超過一年了，在這邊整理一下這段時間使用上的經驗，給想要購入MacBook的朋友一些參考。

覺得最好用的功能

• 本身就是Unix-Based，對於習慣command line作業的人可以快速上手，把本來在server上做的事情都搬到Macbook上來作業
• 可以使用內建的Spotlight搭配QuickSilver這類Quick Launcher快速搜尋程式或檔案，甚至是快速跳到系統偏好設定的某個子設定區塊
• 到處都支援Drag & Drop, 也可以從Quick Launcher拉，甚至網頁中的內容也可以被拉出來(本質上就是幫你下載)，QuickSilver也有許多plugin可供擴充
• 選擇檔案後按空白鍵可以執行QuickLook快速預覽檔案內容
• 內建支援多桌面切換，有條理地把相關視窗歸類到各自的桌面
• TimeMachine簡單備份整個系統，市面上除了官方的Time Capsule也有許多其他品牌的網路儲存裝置可以當做Time Machine的備份空間，我自己是使用Seagate Central
• 系統內建字典應用程式，且系統內只要是遇到文字都可以框選後從右鍵選單即時查字典，也可以從Quick Launcher快速叫出字典立刻輸入單字查詢，最快的方式是滑鼠游標指到一個單字再使用快速鍵 Control + Command + D。這邊的字典並不局限於傳統字典，也可以查詢Wikipedia或自行安裝其他字典。
• 支援大量自定快速鍵，搭配CheatSheet工具更可以快速查詢當下應用程式所支援的所有快速鍵，身為快速鍵控的我是一定要用的
• 眾所皆知的觸控板多元手勢，搭配BetterTouchTool自定手勢更是如虎添翼
• 也是眾所皆知的，可以隨時蓋上螢幕休眠，隨時打開螢幕開始工作，幾乎沒有開機關機的等待時間
• Mac上的軟體基本上UI與流暢度都不會太差，用起來令人心情愉悅，也可以順便欣賞別人都怎麼設計軟體UI，應用到未來自己的開發專案上

其他愛用的軟體

Dash (付費軟體)

人生不該浪費在查詢Document上，這個軟體內建了Reference離線資料庫，可以快速查詢各式程式語言或framework的API Document，不用各自花時間去網路上Google

Mou

快速編輯markdown文件的工具

Divvy (付費軟體)

快速整理視窗大小的工具

Transmit (付費軟體)

檔案傳輸工具

Caffeine

讓電腦強制不休眠的小工具

使用Macbook的缺點

無法使用IE Only的系統

這部份可以另外安裝VM去解決

2015.2.26 補充：強力推薦Parallels Desktop，讓你的OS X和Windows幾乎無縫接軌

配件往往都不便宜

當然也有副廠產品可供選擇，至於穩定與耐用性是否有差就看自己人品了