Ubuntu中使用SublimtText3中文輸入法篇

前言:
SublimeText在一些不太會操作需要大量指令的人來說,真的是一個跨平台的神物。
在搜尋檔案與查看專案上,真的是各個平台統一操作模式。
不過獨獨只缺不能使用中文輸入法了。
而本篇主要是讓SublimtText3以某種不是很方便的形式來支持中文輸入法。
如果你已經看過其他網路上用Helper的就可以省下時間了。

需求:
SublimeText3 + Package Control已安裝

1.使用 Ctrl+` 輸入下列程式碼

  1. 先從Preferences-> Package Control -> 打Install Package

  2. 跳出視窗後找Input Helper安裝

  3. 找到後Ctrl+`,Ctrl+Shift+Z看執行結果
    會發現一些錯誤訊息。

  4. Preferences-> Browse Package 將 InputHelper.sublime-package 從 Installed Package 剪貼到 Packages 資料夾下解壓縮,重開SublimeText。

  5. 查看Packages資料夾內的 lib 或 InputHelper/lib 找到 linux_text_input_gui.py路徑

  6. cd到 linux_text_input_gui.py 路徑後,chmod 777 /home/自己的電腦名稱/.config/sublime-text-3/Packages/[InputHelper/lib](可能不同)/linux_text_input_gui.py

基本上這樣應該就好了。
如果還有其他錯誤請參照:
indianazhao

Ubuntu上安裝Line

由於工作需要安裝Line的關係。
但是沒有筆記型電腦,又不想用Teamviewer連回家中使用Line。
那麼在申請了一個工作的Line之後,開始的繁瑣中作就來了!
(不會雙帳號的上網參考一下吧,很簡單的,但你要能裝Bluestacks,我是Teamviewer回家使用這些操作)


由於有環境疑慮
所以奉上自己版本很低的環境

Ubuntu 12.4.10

  1. 首先如果你是跟我一樣64bit ubuntu的同伴們就必須先作一些前置動作,如果你是32bit的請直接看第3點。

  2. 64bit的同伴們必須先安裝libx11-dev:i386 and libfreetype6-dev:i386這兩個套件。
    安裝方式如下:

    1
    2
    sudo apt-get install libx11-dev:i386
    sudo apt-get install libfreetype6-dev:i386
  3. 再來安裝wine最新版即可。(如果有任何疑難雜症請看Ubuntu疑難雜症

    1
    2
    3
    sudo add-apt-repository ppa:ubuntu-wine/ppa
    sudo apt-get update
    sudo apt-get install wine1.7
  4. 安裝三個套件3.[dotnet20],[msxml6],[vcrun2008]

4-1.使用環境參數(這段設好環境參數可自行開tools安裝,這僅有指令版)

1
2
3
4
configure WINEARCH=win32 WINEPREFIX=~/.wine32
winetricks dotnet20
winetricks msxml6
winetricks vcrun2008

4-2.整合一鍵執行版

1
2
3
env WINEARCH=win32 WINEPREFIX=~/.wine32 winetricks dotnet20
env WINEARCH=win32 WINEPREFIX=~/.wine32 winetricks msxml6
env WINEARCH=win32 WINEPREFIX=~/.wine32 winetricks vcrun2008

  1. 直接到官方網站下載Line

  2. wine LineInst.exe (cd到該資料夾後執行)

  3. 安裝好後應該就能享受在Ubuntu上使用Line的環境了。

Ubuntu疑難雜症

前記:
由於在實習的工作中需要用到這個人覺得很難使用的Ubuntu系統
所以遇到了種種的挫折與困難,全部寫在這裡了。

  1. 瀏覽器的問題
    安裝瀏覽器的時候我使用過Opera,Chrome,Firefox這三種。
    1-1. Opera跟Firefox
    直接下載能看影片,不過額外裝flash會有較好效果,
    在擴充插件上,Opera跟Firefox在Ubuntu的支援度較高,
    *如果要知道如何安裝flash插件請參考1-1-1。
    *安裝firefox參考1-1-2。
    1-2.Chrome
    不需裝插件即可觀看影片內建flash
    但是在某些版本的Ubuntu上不能裝插件,對Ubuntu的支援度較低較低

Opera
推薦度:☆★★★★
Firefox
推薦度:★★★★★
Chrome
推薦度:☆☆★★★

1-1-1.安裝flashplugin

1
sudo apt-get install flashplugin-installer

1-1-2.安裝firefox

1
2
sudo apt-get update
sudo apt-get --purge --reinstall install firefox

  1. There is no public key available for the following key IDs
    如果遇到以上的問題請重新取得Public Key

    1
    2
    sudo apt-get install debian-keyring debian-archive-keyring
    sudo apt-get install
  2. 沒有中文輸入法
    在遇到沒有中文輸入法的情況,先確認是否有Language Support這個選項。
    3-1. 若無則先安裝Language Support。

    1
    2
    sudo apt-get install language-selector-gnome
    sudo gnome-language-selector

完成後到Language Support的鍵盤輸入法的地方設定ibus為預設輸入法系統。

3-2. 若已經有Language Support。則只要先暫時清除ibus安裝新酷音後就可以了。

1
2
sudo apt-get purge ibus
sudo apt-get install ibus-chewing

*在確認一次:語言支援 -> 鍵盤輸入法系統 ibus
重新登入後就可以打中文了。
*如果是在 SublimeText3 上測試沒顯示是正常的,Sublimetext 目前並不支援中文輸入在Ubuntu上。

  1. /etc/apt/Source.list遭更換問題
    有時候由於你碰到的電腦是屬於某些廠商客制化過的,
    在apt-get這類的指令輸入上想安裝或作任何事情,都會跳出找不到’apt’之類的選項。
    這時候就要上網找一個正確的Source.list做更換,或是利用舊的Source.list.old把新的更換掉。
    *sources.list.old這個內容如果很少的話代表就不能用此方式替換

個人是先把權限輸入密碼的部份拿掉後,另外作一個執行檔來作迅速的更換。
(主要是想將source.list換成可update後,如果廠商來看可以把source.list換回原本的,以防問題)
主要的過程如下(不包含拿掉權限密碼的教學部份)
先將sources.list(被廠商搞過的檔案)與sources.list.old(正常的檔案)
分別保存在一個地方,我是放在名為Backup的資料夾裡面。
然後兩個各自分類存到 正常的sources 與 廠商的sources
之後在替換上就可以使用以下的方法

-將正常的sources.list取代原本的萬惡廠商sources.list

1
2
3
sudo -s
rm -rf /etc/apt/sources.list
cp /home/自己的電腦名稱/Desktop/SourceList/Backup/正常的sources/sources.list /etc/apt

*使用sources.list.old的人,記得將其改名為sources.list。

-如果廠商來看電腦的話就把sources.list換回它的萬惡檔案

1
2
3
sudo -s
rm -rf /etc/apt/sources.list
cp /home/自己的電腦名稱/Desktop/SourceList/Backup/廠商的sources/sources.list /etc/apt

  1. 找到同個副檔名的檔案並複製到指定資料夾
1
find . -name "*.TIF" -exec cp {} new \;

簡單解釋一下
這個意思就是說find(找) -name(名字是) "*.TIF"(副檔名是TIF)的所有檔案,
-exec 執行 cp {} new \;後面的這串是 複製集合 {} 到 new 這個資料夾內。

Hexo目錄建立淺說

前言:
由於Dowen是個想完成某項功能就會盡全力去研究的人,雖然建立網站不是我的專長,縱使CSS,Javscript,JQuery只學了半套,而且還不了解什麼node.js還有express,但是憑著一顆堅毅的熱情,總算完成了目錄頁面的建立。
當然目錄建立有很簡單的作法,是直接hexo new page categories,但是發現旁邊的widget既然可以自動建立,那為什麼我要自己手動建立呢?

由於上網看了許久,幾乎沒發現有人分享如何從無到有建立起一個自動產生的目錄頁面,除了feemind有使用到之後,就沒有其他範例了。

那麼就開始說明如何自動建立吧!
在此之前先感謝freemind作者:Joseph Pan告訴身為初學者的我,該如何找到物件內容的方法(console.log(物件)),否則還真沒有現在的網站。

首先要能用 hexo server 瀏覽自己的網站 (廢話)

再來必須知道 layout.ejs 基礎的內容在寫些什麼。

接下來再 source 頁面中,產生一個categories的資料夾與一個index.html。
index.html內容是

title: Categories
layout: categories

接下來重點來了,在themes/自己的主題/layout/ 中,產生一個categories.ejs。

Hexo就會自動幫你把 index.html 要的內容從 ejs 中印出來。

至於categories.ejs要如何實作呢?
首先先參照自己layout/_partial下的archive.ejs是怎麼實作的。

將那一段他自動為你印出時間與文章的地方記起來後。

然後把全部內容貼到categories.ejs,把你判斷到是印時間與文章的地方刪掉,你就知道那段是你要實作的地方。

真正key part就在這裡,我是參照freemind的categories.ejs的作法,先從site.categories中取得,每一項category名稱,之後藉由site.posts,取得對應的文章標題與連結然後放在每個category之下。

關鍵程式碼如下:

1
2
3
4
5
6
7
8
9
10
11
<% site.categories.sort('name').each(function(item){ %>
<h4 class="archive-ul show" data-toggle="collapse" id="<%= item.name %>" data-target="#modal-<%= item.name %>">
<%= item.name %> <b class="caret"></b></h4>
<ul id="modal-<%= item.name %>" class="collapse in">
<% site.posts.sort('date', -1).forEach(function(it){ %>
<% if (it.categories.length == 1 && it.categories.data[0]._id == item._id){ %>
<li class="listing-item"><a href="<%= config.root %><%= it.path %>" <% if (it.description) { %> title="<%= it.description %>" <% } %>><%= it.title %></a></li>
<% } %>
<% }); %>
</ul>
<% }); %>

這段就是能否實作目錄的關鍵了。由於知識不夠的我寫的很亂,想看的話就去我存網站的地方看吧。

Ubuntu中使用SublimtText3中文輸入法篇

前言:
SublimeText在一些不太會操作需要大量指令的人來說,真的是一個跨平台的神物。
在搜尋檔案與查看專案上,真的是各個平台統一操作模式。
不過獨獨只缺不能使用中文輸入法了。
而本篇主要是讓SublimtText3以某種不是很方便的形式來支持中文輸入法。
如果你已經看過其他網路上用Helper的就可以省下時間了。

需求:
SublimeText3 + Package Control已安裝

1.使用 Ctrl+` 輸入下列程式碼

  1. 先從Preferences-> Package Control -> 打Install Package

  2. 跳出視窗後找Input Helper安裝

  3. 找到後Ctrl+`,Ctrl+Shift+Z看執行結果
    會發現一些錯誤訊息。

  4. Preferences-> Browse Package 將 InputHelper.sublime-package 從 Installed Package 剪貼到 Packages 資料夾下解壓縮,重開SublimeText。

  5. 查看Packages資料夾內的 lib 或 InputHelper/lib 找到 linux_text_input_gui.py路徑

  6. cd到 linux_text_input_gui.py 路徑後,chmod 777 /home/自己的電腦名稱/.config/sublime-text-3/Packages/[InputHelper/lib](可能不同)/linux_text_input_gui.py

基本上這樣應該就好了。
如果還有其他錯誤請參照:
indianazhao

Ubuntu上安裝Line

由於工作需要安裝Line的關係。
但是沒有筆記型電腦,又不想用Teamviewer連回家中使用Line。
那麼在申請了一個工作的Line之後,開始的繁瑣中作就來了!
(不會雙帳號的上網參考一下吧,很簡單的,但你要能裝Bluestacks,我是Teamviewer回家使用這些操作)


由於有環境疑慮
所以奉上自己版本很低的環境

Ubuntu 12.4.10

  1. 首先如果你是跟我一樣64bit ubuntu的同伴們就必須先作一些前置動作,如果你是32bit的請直接看第3點。

  2. 64bit的同伴們必須先安裝libx11-dev:i386 and libfreetype6-dev:i386這兩個套件。
    安裝方式如下:

    1
    2
    sudo apt-get install libx11-dev:i386
    sudo apt-get install libfreetype6-dev:i386
  3. 再來安裝wine最新版即可。(如果有任何疑難雜症請看Ubuntu疑難雜症

    1
    2
    3
    sudo add-apt-repository ppa:ubuntu-wine/ppa
    sudo apt-get update
    sudo apt-get install wine1.7
  4. 安裝三個套件3.[dotnet20],[msxml6],[vcrun2008]

4-1.使用環境參數(這段設好環境參數可自行開tools安裝,這僅有指令版)

1
2
3
4
configure WINEARCH=win32 WINEPREFIX=~/.wine32
winetricks dotnet20
winetricks msxml6
winetricks vcrun2008

4-2.整合一鍵執行版

1
2
3
env WINEARCH=win32 WINEPREFIX=~/.wine32 winetricks dotnet20
env WINEARCH=win32 WINEPREFIX=~/.wine32 winetricks msxml6
env WINEARCH=win32 WINEPREFIX=~/.wine32 winetricks vcrun2008

  1. 直接到官方網站下載Line

  2. wine LineInst.exe (cd到該資料夾後執行)

  3. 安裝好後應該就能享受在Ubuntu上使用Line的環境了。

Ubuntu疑難雜症

前記:
由於在實習的工作中需要用到這個人覺得很難使用的Ubuntu系統
所以遇到了種種的挫折與困難,全部寫在這裡了。

  1. 瀏覽器的問題
    安裝瀏覽器的時候我使用過Opera,Chrome,Firefox這三種。
    1-1. Opera跟Firefox
    直接下載能看影片,不過額外裝flash會有較好效果,
    在擴充插件上,Opera跟Firefox在Ubuntu的支援度較高,
    *如果要知道如何安裝flash插件請參考1-1-1。
    *安裝firefox參考1-1-2。
    1-2.Chrome
    不需裝插件即可觀看影片內建flash
    但是在某些版本的Ubuntu上不能裝插件,對Ubuntu的支援度較低較低

Opera
推薦度:☆★★★★
Firefox
推薦度:★★★★★
Chrome
推薦度:☆☆★★★

1-1-1.安裝flashplugin

1
sudo apt-get install flashplugin-installer

1-1-2.安裝firefox

1
2
sudo apt-get update
sudo apt-get --purge --reinstall install firefox

  1. There is no public key available for the following key IDs
    如果遇到以上的問題請重新取得Public Key

    1
    2
    sudo apt-get install debian-keyring debian-archive-keyring
    sudo apt-get install
  2. 沒有中文輸入法
    在遇到沒有中文輸入法的情況,先確認是否有Language Support這個選項。
    3-1. 若無則先安裝Language Support。

    1
    2
    sudo apt-get install language-selector-gnome
    sudo gnome-language-selector

完成後到Language Support的鍵盤輸入法的地方設定ibus為預設輸入法系統。

3-2. 若已經有Language Support。則只要先暫時清除ibus安裝新酷音後就可以了。

1
2
sudo apt-get purge ibus
sudo apt-get install ibus-chewing

*在確認一次:語言支援 -> 鍵盤輸入法系統 ibus
重新登入後就可以打中文了。
*如果是在 SublimeText3 上測試沒顯示是正常的,Sublimetext 目前並不支援中文輸入在Ubuntu上。

  1. /etc/apt/Source.list遭更換問題
    有時候由於你碰到的電腦是屬於某些廠商客制化過的,
    在apt-get這類的指令輸入上想安裝或作任何事情,都會跳出找不到’apt’之類的選項。
    這時候就要上網找一個正確的Source.list做更換,或是利用舊的Source.list.old把新的更換掉。
    *sources.list.old這個內容如果很少的話代表就不能用此方式替換

個人是先把權限輸入密碼的部份拿掉後,另外作一個執行檔來作迅速的更換。
(主要是想將source.list換成可update後,如果廠商來看可以把source.list換回原本的,以防問題)
主要的過程如下(不包含拿掉權限密碼的教學部份)
先將sources.list(被廠商搞過的檔案)與sources.list.old(正常的檔案)
分別保存在一個地方,我是放在名為Backup的資料夾裡面。
然後兩個各自分類存到 正常的sources 與 廠商的sources
之後在替換上就可以使用以下的方法

-將正常的sources.list取代原本的萬惡廠商sources.list

1
2
3
sudo -s
rm -rf /etc/apt/sources.list
cp /home/自己的電腦名稱/Desktop/SourceList/Backup/正常的sources/sources.list /etc/apt

*使用sources.list.old的人,記得將其改名為sources.list。

-如果廠商來看電腦的話就把sources.list換回它的萬惡檔案

1
2
3
sudo -s
rm -rf /etc/apt/sources.list
cp /home/自己的電腦名稱/Desktop/SourceList/Backup/廠商的sources/sources.list /etc/apt

  1. 找到同個副檔名的檔案並複製到指定資料夾
1
find . -name "*.TIF" -exec cp {} new \;

簡單解釋一下
這個意思就是說find(找) -name(名字是) "*.TIF"(副檔名是TIF)的所有檔案,
-exec 執行 cp {} new \;後面的這串是 複製集合 {} 到 new 這個資料夾內。

Hexo目錄建立淺說

前言:
由於Dowen是個想完成某項功能就會盡全力去研究的人,雖然建立網站不是我的專長,縱使CSS,Javscript,JQuery只學了半套,而且還不了解什麼node.js還有express,但是憑著一顆堅毅的熱情,總算完成了目錄頁面的建立。
當然目錄建立有很簡單的作法,是直接hexo new page categories,但是發現旁邊的widget既然可以自動建立,那為什麼我要自己手動建立呢?

由於上網看了許久,幾乎沒發現有人分享如何從無到有建立起一個自動產生的目錄頁面,除了feemind有使用到之後,就沒有其他範例了。

那麼就開始說明如何自動建立吧!
在此之前先感謝freemind作者:Joseph Pan告訴身為初學者的我,該如何找到物件內容的方法(console.log(物件)),否則還真沒有現在的網站。

首先要能用 hexo server 瀏覽自己的網站 (廢話)

再來必須知道 layout.ejs 基礎的內容在寫些什麼。

接下來再 source 頁面中,產生一個categories的資料夾與一個index.html。
index.html內容是

title: Categories
layout: categories

接下來重點來了,在themes/自己的主題/layout/ 中,產生一個categories.ejs。

Hexo就會自動幫你把 index.html 要的內容從 ejs 中印出來。

至於categories.ejs要如何實作呢?
首先先參照自己layout/_partial下的archive.ejs是怎麼實作的。

將那一段他自動為你印出時間與文章的地方記起來後。

然後把全部內容貼到categories.ejs,把你判斷到是印時間與文章的地方刪掉,你就知道那段是你要實作的地方。

真正key part就在這裡,我是參照freemind的categories.ejs的作法,先從site.categories中取得,每一項category名稱,之後藉由site.posts,取得對應的文章標題與連結然後放在每個category之下。

關鍵程式碼如下:

1
2
3
4
5
6
7
8
9
10
11
<% site.categories.sort('name').each(function(item){ %>
<h4 class="archive-ul show" data-toggle="collapse" id="<%= item.name %>" data-target="#modal-<%= item.name %>">
<%= item.name %> <b class="caret"></b></h4>
<ul id="modal-<%= item.name %>" class="collapse in">
<% site.posts.sort('date', -1).forEach(function(it){ %>
<% if (it.categories.length == 1 && it.categories.data[0]._id == item._id){ %>
<li class="listing-item"><a href="<%= config.root %><%= it.path %>" <% if (it.description) { %> title="<%= it.description %>" <% } %>><%= it.title %></a></li>
<% } %>
<% }); %>
</ul>
<% }); %>

這段就是能否實作目錄的關鍵了。由於知識不夠的我寫的很亂,想看的話就去我存網站的地方看吧。