2018年7月8日 星期日

在Blogger使用gist顯示程式碼

在Blogger上因為沒有markdown的格式資源

使得要顯示程式碼需要不少麻煩步驟才能達成

一開始嘗試的是StackEdit , 但發現他發佈文章的方式不是我想要的

後來發現自己常用的GitHub中的gist就可以輕鬆的嵌入程式碼在Blogger中

以下是簡單的教學

先在GitHub註冊後

登入 https://gist.github.com/
應該可以看到這個畫面


最上方是這個gist的描述

第二格是檔名

然後再下來的大格子就是放上你的程式碼

填好之後就像這樣


之後按下右邊的 "Create public gist"
(意思是大家都可以公開的看到這份程式碼)

點完之後會看到這個畫面


在右上方Download ZIP的左邊有個Embed區塊
右邊的
 圖案代表複製到剪貼簿

然後到你的Blogger準備發新文章


為了方便辨認哪個區塊放了gist 我先增加了兩行字
然後按左上角紅框的地方
會看到像下面這樣


把剛剛複製的gist貼上


然後按右上方的預覽確認看看

看到中間有程式碼就是完成囉~


沒有留言:

張貼留言

Go lang 學習筆記 - 17 Pointers

``` package main import "fmt" func zeroval(n int) {         n = 0 } func zeroptr(n *int) {         *n = 0 } func main() {         ...