日記類型貼文轉移

    我有建立一個新的 Blogger 網站 https://birdshiujournal.blogspot.com/，把日記類型的文章都轉過去了，詳細的內容可以看這篇，在這邊做個公告。

Blogger 使用 Prismjs 美化 code

緣起:

    我在寫 Blogger 時一直有個痛點，就是 code 不知道要怎麼呈現，直接貼上的話也太醜，用圖片的話，程式碼一長就不太好截圖，而且圖片大的話，不僅佔空間，在 Blogger 上就算把圖片大小調到最大，使用者沒點進去看的話，根本看不太清楚程式碼在寫什麼，最重要的事，下次自己要抄程式碼時，無從複製。

    好久之前有加了一個別人做的小功具到 js 裡，只要用 html 模式，加入 <pre> 標籤，然後設定 class 為什麼 "pretty" 之類的，再把程式碼加到 <pre> 標籤裡，之後顯示時就會有個外框把 code 給包起來，但沒怎麼美化，而且 code 過長的話它也不會多滾輪出來，會整個突出去。

    最近發現有 prismjs 這東西，它就是我需要的工具，只要引用 js 跟 css，然後用個 pre 跟 code 的 html 把你的程式碼包住，再設定那些 tag 的 class 就能把你的程式碼美化，非常的方便。

    這篇記錄 prismjs 的基本使用方法，以及要怎麼把這工具加到 blogger 裡。

MathJax

緣起:

    我昨天在看我們社長大大在 Hackmd 上的統計學筆記時，發現了一件有趣的事情。

    哇 ~ 他是怎麼弄出那些數學式的 ? 好漂亮 !! 所以我就去看了看它那份筆記編輯區的 MarkDown，發現了...。

繼續閱讀標示

緣起:

    我今天在查 "如何統計 Blogger 文章的字數" 時，意外的找到了一篇教學 "如何在 Blogger 中加入繼續閱讀" 。

    我之前在寫部落格時就常常在想，我首頁的文章怎麼都是完全展開的 ? 這樣其實不是很美觀，找文章的時候也常常要滑一大段距離。

    還有這個，第一時間無法被看到，我覺得這樣不太好。

    所以，文章被完全展開的麻煩，還真不少。

網誌存檔的排列

緣起:

    自我的部落格開站以來，第一次，有人給我回饋了。

當下心情

    他說他對我blog的那個網誌存檔的排列有點不習慣

    較新的文章會在上面，這讓我程設的教學順序看起來變成 6 5 4 3 ....，如果是 1 2 3 4 ... 這樣由上而下的話，看來比較直覺。

    ㄟ，有道理，這讓我想到，大部分人的部落格好像也是這樣子。

上傳的圖片有問題

    我今早發現了一個嚴重的問題，那就是我上傳的PNG圖片怪怪的，雖然直接在網頁上看起來沒什麼問題，可是點進去圖片後，哇~~它好透明，根本看不清。我圖片是直接在Inkscrape裡，畫好向量圖後，直接把它轉成PNG檔，一定是因為透明的格式被保留了，才會造成那樣的結果，所以我之後就用格式工場(我一開始想到的是，用小畫家，一張一張慢慢轉存的........)，把那些PNG檔都轉為JPG檔，然後重新上傳(媽呀，好加在那些PNG圖都沒刪)，我之後要再探索，看Inkscrape能不能直接把SVG轉為JPG檔，不然我每次存成PNG檔後又要轉檔，會很麻煩。

把圖片轉成JPG檔後，點進去看就沒問題了