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貼上


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

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


於
標籤： , ,

沒有留言:

張貼留言

訂閱： 張貼留言 (Atom)

Go lang 學習筆記 - 17 Pointers

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

  • Go lang 學習筆記 - 9 Slices
     ``` package main import "fmt" func main() {         s := make([]string, 3)         s[0] = "a"         s[1] = "b...
  • Go lang 學習筆記 - 0 安裝
       首先從安裝開始  參考官方的文件 https://go.dev/doc/install  下載最新Release的壓縮檔後執行以下指令 $ tar -C /usr/local -xzf go1.17.6.linux-amd64.tar.gz   $ export PATH=...
  • 在Blogger使用gist顯示程式碼
    在Blogger上因為沒有markdown的格式資源 使得要顯示程式碼需要不少麻煩步驟才能達成 一開始嘗試的是StackEdit , 但發現他發佈文章的方式不是我想要的 後來發現自己常用的GitHub中的gist就可以輕鬆的嵌入程式碼在Blogger中 以下是簡單的教學 先在Gi...