2018年8月7日 星期二

應用Google Code Prettify在blogger中顯示程式

紀錄一下要如何在blogger中漂亮的顯示程式碼,這裡使用的是Google Code Prettify。

如何在blogger中調用Google Code Prettify:

  1. 進入blogger的版面配置當中
  2. 選擇一個欄位新增HTML/JavaScript小工具
  3. 貼上以下的程式碼
  4. <script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>
  5. 按下儲存,大功告成

如果需要做樣式設定,可以在run_prettify.js後面增加?skin=desert
<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?skin=desert"></script>

樣式的選擇可以參考skin gallery,把等號後面改成自己想要的樣式即可

先把想輸入的程式碼經過html編碼器編碼
使用時在html界面中輸入以下程式碼,把...中的東西替換成想呈現的html編碼後的程式碼
<pre class="prettyprint">...</pre>

如果想要在每行呈現行號,則在原本的HTML/JavaScript小工具增加以下的碼
<style>
li.L0, li.L1, li.L2, li.L3,
li.L5, li.L6, li.L7, li.L8 {
  list-style-type: decimal !important;
}
</style>

使用時在html界面中輸入以下程式碼,把...中的東西替換成想呈現的html編碼後的程式碼
<pre class="prettyprint linenums">...</pre>

Reference
  1. google/code-prettify. (2018). Retrieved from https://github.com/google/code-prettify/blob/master/docs/getting_started.md
  2. HTML編碼 - 在線HTML編碼器(2018)。取自:http://www.convertstring.com/zh_TW/EncodeDecode/HtmlEncode

2018年8月4日 星期六

在Blogger中使用LaTeX 表達數學式

LaTeX是一種常用於數學排版系統,可以透過MathJax使得在網頁上很輕鬆的使用LaTeX的語法打出數學式。

※這裡沒有LaTeX的語法教學

如何在blogger中調用MathJax:
  1. 進入blogger的版面配置當中
  2. 選擇一個欄位新增HTML/JavaScript小工具
  3. 貼上以下的程式碼
  4. <script type="text/javascript" async
      src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-AMS-MML_HTMLorMML">
    </script> 
  5. 按下儲存,大功告成




  • 發文時根據需求貼上code即可

  • MathJax隔行置中的顯示方式:
    一元二次方程是的公式解為:\[{x_{1,2}} = \frac{{ - b \pm \sqrt {{b^2} - 4ac} }}{{2a}}\]
    MathJax在行內展開的顯示方式:
    一元二次方程是的公式解為:\({x_{1,2}} = \frac{{ - b \pm \sqrt {{b^2} - 4ac} }}{{2a}}\)

    MathType轉出來的LaTeX碼如下:
    \[{x_{1,2}} = \frac{{ - b \pm \sqrt {{b^2} - 4ac} }}{{2a}}\]
    隔行置中的碼:
    \[{x_{1,2}} = \frac{{ - b \pm \sqrt {{b^2} - 4ac} }}{{2a}}\]
    $${x_{1,2}} = \frac{{ - b \pm \sqrt {{b^2} - 4ac} }}{{2a}}$$
    在行內展開的碼:
    \({x_{1,2}} = \frac{{ - b \pm \sqrt {{b^2} - 4ac} }}{{2a}}\)

    若要隔行置中,可以發現MathType轉出來的碼可以直接使用,或是把\[...]\換成$$...$$
    若要在行內展開,需要把\[...]\換成\(...)\

    Reference
    1. Getting Started — MathJax 2.7 documentation. (2018). Retrieved from https://docs.mathjax.org/en/latest/start.html

    [開箱]SYSMAX 木質多功能看書架

    最近需要一個可以擺在螢幕前的大型看書架
    然後找到了SYSMAX  WOOD BOOKSTAND
    特別註明一點,這是韓國貨,有情節者可以不用考慮

    大小:W407×D280×H42 mm



    SYSMAX  WOOD BOOKSTAND

    可以看出來是仿木質的產品,但並未標明材質,表面應該是貼皮,打開來並沒有什麼奇怪的味道。拿起來挺輕的,到處帶應該不麻煩。


    正面圖

    背面可以看到SYSMAX的商標。


    背面圖

    傳說中的13段可調高度,有內置彈簧會夾緊,不會一拿起來就鬆脫,也不會緊到拔不開來。


    傳說中的13段調整

    來試擺一下,看起來還ok,圖中的書是國際學村的單字大全。夾書的兩隻彈簧也就剛好夾的住,偏鬆。


    螢幕前示意圖

    2018年7月29日 星期日

    Firefox Quantum 常用附加元件

    來紀錄一下Firefox Quantum常用的套件

    1. 1-Click YouTube Video Downloader
    YouTube一鍵下載,需要下載YouTube優先使用 

    2. Greasemonkey
    腳本工具,聽說比Tampermonkey更省資源(?) 
    腳本可以從這裡找:Greasy Fork

    3. Copy ShortURL
    短網址套件,可惜goo.gl停止服務了
    延伸閱讀:Google is shutting down its goo.gl URL shortening service

    4. Free Download Manager
    斷點續傳軟體Free Download Manager的 firefox擴充套件
    軟體可以從這裡下載:Free Download Manager

    5. HTTPS Everywhere
    優先使用https做瀏覽,比起為加密的http而言,加密過的https較為安全。不過,目前許多網頁皆為https傳輸,似乎有些雞肋。

    6. LastPass: Free Password Manager
    雲端密碼管理工具,帳號多,每個帳號又不同密碼?記不住就靠密碼管理工具了。

    7. S3.Translator
    快速翻譯好幫手,但如果是要拿來翻pdf裡面的東西,我認為chrome上的Google翻譯比較好用。

    8. uBlock Origin
    廣告屏蔽工具,聽說比Adblock Plus 更省資源

    9. Video DownloadHelper
    非YouTube影片要下載就靠他了

    2018年3月8日 星期四

    Win10下如何選用TensorFlow的版本?

    最近,TensorFlow的版本大幅度的更新,主要是更新支援AVX指令集與CUDA9.0/cuDNN 7.0。
    版本眾多混亂,那該怎麼選擇適合、可運行的TenorFlow 版本呢?

    會需要使用到CPU- Z,請先下載。
    CPU- Z:https://www.cpuid.com/softwares/cpu-z.html

    開啟CPU-Z,點選Graphics查看顯示卡是否為nVIDIA。

    如果為否,則安裝CPU版。反之,則可以安裝GPU版加速。

    接著點開CPU的部份,查看是否有AVX的指令集。



    如果為否,安裝1.6.0版會出bug,需要安裝1.5.0(含以前)的版本。如果有支援AVX則可安心使用1.6.0版。

    綜合以上所述:



    是否為Nvidia之顯卡
    CPU是否支援AVX指令集
    GPU 1.6.0
    CPU 1.6.0
    GPU 1.5.0
    (含以下)
    CPU 1.6.0


    各版本在Python 3.6版64bit之安裝指令:
    GPU 1.6.0 :
    pip install --ignore-installed --upgrade https://storage.googleapis.com/tensorflow/windows/gpu/tensorflow_gpu-1.6.0-cp36-cp36m-win_amd64.whl
     GPU 1.5.0:
    pip install --ignore-installed --upgrade https://storage.googleapis.com/tensorflow/windows/gpu/tensorflow_gpu-1.5.0-cp36-cp36m-win_amd64.whl
     CPU 1.6.0:
    pip install --ignore-installed --upgrade https://storage.googleapis.com/tensorflow/windows/cpu/tensorflow-1.6.0-cp36-cp36m-win_amd64.whl
     CPU 1.5.0:
    pip install --ignore-installed --upgrade https://storage.googleapis.com/tensorflow/windows/cpu/tensorflow-1.5.0-cp36-cp36m-win_amd64.whl

    相關安裝請參考:於Win10下安裝TensorFlow並用GPU做加速