[開箱] Tex Beetle 60%

拿到鍵盤的過程真是一波三折，因為校內有 6 個跟我同名的，

然後又沒有註明系級所以就沒被通知到 Orz

以下開箱圖

盒子

型號茶軸、英刻、銀色

背面說明

側面有類似透視圖的東西

側面的 logo (盒子真的很有質感)

開箱拉~

拿出來拍來一張

背面的銘版，包含組合鍵的說明和指示燈

背面支架

鍍金接頭，轉 90 度

接上去～

驗明正身

logo 照一下

鋁上蓋正面是髮絲紋，我買的是銀色(還有紅藍兩色的樣子)

側面是磨沙消光

用 vim 一定會常用到的 Esc 不過我是設定成 ~

六塊肌部份

綠光 CapsLock

跟 oni 合照一下

跟 oni 疊疊樂比身長

oni 疊疊樂側照

跟 Ducky-9000 疊疊樂

打感的部份跟 oni 比起來比較輕柔，聲響也較小，

鋁上蓋讓鍵盤重量稍重不過有助於穩定鍵盤，重點是很漂亮XD

以上簡單的開箱文

[Pyhotn] 使用 PyInstaller 打包 python 程式

PyInstaller 可以用來把 Python 程式打包起來，方便在其他機器上執行，

省去安裝 Python 以及所使用套件的時間（尤其在 windows 上）

安裝 PyInstaller

先到 官網 下載 PyInstaller 的壓縮檔，並且解壓縮，放置到適合的路徑即可。

使用方式

使用方式的部份大致分為兩部份介紹。

第一個比較簡單的使用方式是直接使用 PyInstaller 內的 pyinstaller.py

例如現在寫好了一個 hello.py 接著使用 pyinstaller.py

$ python path_to_PyInstaller/pyinstaller.py [OPTION] xxx.py

ex.

$ python path_to_PyInstaller/pyinstaller.py --onefile hello.py

執行後 pyinstaller 會為你的程式產生一個 .spec 檔（類似 makefile 的東西）

並且依據內容產生執行檔(pyinstaller 會提示你執行檔的位置)。

OPTION 的部份可以 $ python pyinstaller.py --help 查看，底下也列出一些供參考

--onefile           製作出獨立的執行檔
--onedir            製作出的檔案街放在同一個目錄下（預設值）
--tk                製作包含TCL/TK的檔案。
--windowed          製作視窗程式。（程式執行時不會有文字視窗出現）
--console           製作一般的console程式。
--upx               製作透過UPX壓縮過的執行檔。
--icon=<FILE.ICO>   指定程式的圖示。
--version=<FILE>    指定程式的版本資訊(需要準備一個檔案放這些資訊)。
--name=<NAME>       指定程式的名稱。若無此選項，則主script檔案的名稱將被使用。

另外有時可能 pyinstaller 沒有辦法正確分析程式相依性，或者有特別需求時可能需要

先修改 .spec 檔在打包，又或者要使用現有的 .spec 檔打包時可以參考下列作法。

首先先使用 utils/Makespec.py 產生 .spec 檔

$ python path_to_PyInstaller/utils/Makespec.py [OPTION] xxx.py

ex.

$ python path_to_PyInstaller/utils/Makespec.py [OPTION] hello.py

接著便會產生與主程式同名的 hello.spec 便可以對他先做需要的修改， .spec 的內容大致如下

# -*- mode: python -*-
a = Analysis(['hello.py'],
             pathex=['/tmp'],
             hiddenimports=[],
             hookspath=None)
pyz = PYZ(a.pure)
exe = EXE(pyz,
          a.scripts,
          a.binaries,
          a.zipfiles,
          a.datas,
          name=os.path.join('dist', 'hello'),
          debug=False,
          strip=None,
          upx=True,
          console=True )

以筆者為例曾經在打包一個以 WxPython 撰寫的程式，打包完後執行會有以下的錯誤

ImportError: No module named scipy.sparse.csgraph._validation

那網路上查到比較多的作法都是在主程式裡加上一些 import 好讓

pyinstaller 可以正確的分析出這個相依性這個相依性，不過這個作法讓我不太舒服，

因為一些檢查語法的 plugin 一樣找不到這個相依性，就會提醒我 import 了一個沒用到的東西，

所以我決定把他寫進 .spec 中，在 .spec 裡有個 Analysis 的項目其中有個 hiddenimports，

以筆者的例子就需要把 scipy.sparse.csgraph._validation 這個 module 加進去，像是這樣

# -*- mode: python -*-
a = Analysis(['hello.py'],
             pathex=['/tmp'],
             hiddenimports=['scipy.sparse.csgraph._validation'],
             hookspath=None)

..... 後略

這樣 pyinstaller 就會把這個 module 一同打包起來，就可以解決這個問題了。

編寫好 .spec 後就可以使用 utils/Build.py 來打包

$ python path_to_PyInstaller/utils/Build.py xxx.spec

ex.

$ python path_to_PyInstaller/utils/Build.py hello.spec

執行結果基本上和第一部份的相同。

參考資料

http://www.dev.idv.tw/mediawiki/index.php/PyInstaller%E4%BD%BF%E7%94%A8%E7%B0%A1%E4%BB%8B

製作 gif 動畫

因為看到了一些 vim plugin 利用 gif 動畫來 Demo plugin 的效果，

最近也自己在寫 vim plugin 所以也想來做看看，

製作過程分成三個步驟

錄製影片

首先我利用 kazam 來錄製影片，選用 kazam 的原因是因為他可以利用拖拉的方式來選取

錄製範圍，雖然在一些小地方的中文顯示有點問題，不過不影響使用。

將影片轉成 gif 檔

接下來使用 mplayer 把影片轉換成 gif 檔。

mplayer input.mp4 -ao null -vo gif89a:fps=13 output=output.gif

另外可以加上 -ss 和 -endpos 來設定轉換的時間起點和長度，

這部份可以參考後面附的參考資料。

壓縮 gif 檔

由於轉換出來的 gif 檔案會很大，以我自己錄製的檔案為例，

原本解析度 818x502 時間長度 37 秒總共大小才 662 KB 的 mp4 影片，

轉換成 gif 檔後竟然有 8.2 MB，這樣放在網頁上的載入時間怕會有點久，

所以利用 convert 幫他瘦身一下

convert output.gif -fuzz 10% -layers Optimize optimised.gif

剛剛提到的檔案瘦身之後剩下 666 KB。

我錄起來的結果是有些小地方不太清楚，不知道像 YouCompleteMe 的是怎麼錄的，

感覺就蠻清晰的 Orz，我自己錄的在這 easyreST

參考資料

http://www.tux-crazy.com/2012/04/how-to-create-animated-gif-from-video.html

http://unix.stackexchange.com/questions/35282/convert-ogv-video-to-gif-animation

[rsST] 修改 rst2html highlight style

不知道為什麼上一篇裝完新的 rst2html 轉出來的 syntax highlight 超醜，明明 restview 弄出來得很漂亮阿....

rst2html 不加參數

restview

查了一下可以從 pygmentize 匯出 syntax highlight 的 css (來源):

$ pygmentize -S default -f html -a .highlight > style.css

匯出以後會得到一個像這樣的檔案:

.highlight .hll { background-color: #ffffcc }
.highlight  { background: #f8f8f8; }
.highlight .c { color: #408080; font-style: italic } /* Comment */
.highlight .err { border: 1px solid #FF0000 } /* Error */
.highlight .k { color: #008000; font-weight: bold } /* Keyword */
.highlight .o { color: #666666 } /* Operator */
.highlight .cm { color: #408080; font-style: italic } /* Comment.Multiline */
.highlight .cp { color: #BC7A00 } /* Comment.Preproc */

接下來看一下把這段 code 原本用 rst2html 轉換後的結果

int main()
{
    int x;
    printf("hello\n");
    return 0;
}

$ rst2html test.rst > test.html

<pre class="code c literal-block">
<span class="keyword type">int</span> <span class="name function">main</span><span class="punctuation">()</span>
<span class="punctuation">{</span>
    <span class="keyword type">int</span> <span class="name">x</span><span class="punctuation">;</span>
    <span class="name">printf</span><span class="punctuation">(</span><span class="literal string">&quot;hello</span><span class="literal string escape">\n</span><span class="literal string">&quot;</span><span class="punctuation">);</span>
    <span class="keyword">return</span> <span class="literal number integer">0</span><span class="punctuation">;</span>
<span class="punctuation">}</span>
</pre>

接下來需要修改一下 rst2html 的參數和剛剛的 sytle.css 讓 css 可以正確生效

首先是 <pre> 的 class 部份 code-block 轉換出來的是 code 而 sytle.css 裡面用的是 highlight 所以要先把 highlight 都改成 code:

.code .hll { background-color: #ffffcc }
.code  { background: #f8f8f8; }
.code .c { color: #408080; font-style: italic } /* Comment */
.code .err { border: 1px solid #FF0000 } /* Error */
.code .k { color: #008000; font-weight: bold } /* Keyword */
.code .o { color: #666666 } /* Operator */
.code .cm { color: #408080; font-style: italic } /* Comment.Multiline */
.code .cp { color: #BC7A00 } /* Comment.Preproc */

接著是不同部份所使用 highlight 的 class 原本轉出來的結果是使用較長的敘述，

這部份需要在 rst2html 加上 --syntax-highlight=short

使他使用簡短敘述，完成後同時指定 --stylesheet=style.css 使用剛剛的 css:

$ rst2html.py --stylesheet=style.css --syntax-highlight=short test.rst > test.html

轉換完的 html

<pre class="code c literal-block">
<span class="kt">int</span> <span class="nf">main</span><span class="p">()</span>
<span class="p">{</span>
    <span class="kt">int</span> <span class="n">x</span><span class="p">;</span>
    <span class="n">printf</span><span class="p">(</span><span class="s">&quot;hello</span><span class="se">\n</span><span class="s">&quot;</span><span class="p">);</span>
    <span class="k">return</span> <span class="mi">0</span><span class="p">;</span>
<span class="p">}</span>

使用後的結果就如這裡所示

[reST] Code Syntax Highlight

今天參加了 Tainan.py X MOSUT 的聚會，其中一個主題是 sphinx 的文件教學，

sphinx 的文件是用 reStructuredText 撰寫的，講者 demo 的時候剛好 demo 到了在 reST 裡面使用 code syntax highlight

當初要開始用 reST 寫部落格的時候也稍微作過一些功課，只是 syntax highlight 的部份沒有試出來，

今天聽完分享後在繼續查了些資料，我原本用來轉換的 rst2html 是 Docutils 所帶的，當使用 code-block 區塊的時候，像是:

.. code-block:: c

    int main()
    {
        printf("hello\n");
        return 0;
    }

是會發生錯誤的:

$ rst2html test.rst > test.html
test.rst:1: (ERROR/3) Unknown directive type "code-block".

.. code-block:: c

    int main()
    {
        printf("hello\n");
        return 0;
    }

接著找到這篇發現 Docutils 0.9 的版本後就支援了 code-block 而 Ubuntu 12.04.2 所套件庫裡的 Docutils 卻是 0.8.1:

$ rst2html --version
rst2html (Docutils 0.8.1 [release], Python 2.7.3, on linux2)

所以我就把他移除了（怒），接著從 pip 安裝 Docutils:

$ sudo apt-get remove docutils
$ sudo pip install docutils

目前 pip 上的 Docutils 是 0.10 版，趕快來試用一下

int main()
{
    printf("hello\n");
    return 0;
}

哈，太好了可以用了 :)

[Convert] 將文字轉成圖片

有時候在簡報或者寫 blog 時會有需要將一些輸出結果呈現出來的時候，

螢幕截圖是一個不錯的方式，不過截圖可能會比較模糊而且麻煩，

最近發現 convert 就有附帶一個功能是將文字直接轉換成圖片，用在這個地方剛剛好。

首先先舉個用 convert 將文字轉成圖片的例子:

$ convert -size 64x32 label:float convert_label.jpeg

指定大小 64x32 文字內容為 float 就可以得到以下圖片

接下來要把 ifconfig lo 的結果轉換成圖片，首先先看一下原本的執行結果:

$ ifconfig lo
lo    Link encap:Local Loopback
      inet addr:127.0.0.1  Mask:255.0.0.0
      inet6 addr: ::1/128 Scope:Host
      UP LOOPBACK RUNNING  MTU:16436  Metric:1
      RX packets:38990 errors:0 dropped:0 overruns:0 frame:0
      TX packets:38990 errors:0 dropped:0 overruns:0 carrier:0
      collisions:0 txqueuelen:0
      RX bytes:4280371 (4.2 MB)  TX bytes:4280371 (4.2 MB)

那我們可以用 pipe 導給 convert 將結果轉成圖片:

$ ifconfig lo | convert label:@- convert_label_ifconfig.jpeg

label:@- 的部份是表示 label 的內容由標準輸入取得，就可以得到

當然我們也可以指定圖片為黑底白字:

$ ifconfig lo | convert -background black -fill white label:@- convert_label_ifconfig_black.jpeg

當然 label 在使用上還有很多參數可以使用，這部份可以參考這片 [1] 以及官方的範例 [2]

參考資料

[1]	http://www.cnx-software.com/2011/09/22/how-to-convert-a-command-line-result-into-an-image-in-linux/

[2]	http://www.imagemagick.org/Usage/text/

[Linux] 使用 convert 做圖片轉檔

convert 是 ImageMagick 的一個 CLI tool

所以安裝 ImageMagick 就可以得到他了！

可以用來做圖片轉檔，調整大小，也還有其他很強大的功能

這邊簡單介紹一下圖片轉檔和調整大小的方法

首先，圖片轉檔的部份非常簡單舉個例子，如果要把 png 檔轉成 jpeg 檔:

convert input.png outpu.jpeg

好了，就這樣，要轉的檔名放前面，輸出檔名放後面，convert 會自己根據副檔名做轉換

簡單吧。

調整大小的話:

convert input.png -resize 64x64 output.png

這樣就可以把圖片縮放到可以放入 64x64 的方形內，

那如果要把他轉成真的是 64x64 呢？加上驚嘆號強制調整，像這樣:

convert input.png -resize 64x64\! output.png

倒斜線是有時候因為 shell 的關係可能驚嘆號是脫逸字元，有時不加也是可以的。