[Blog] 如何在網頁Blogger中插入程式碼

[Blog] 如何在網頁Blogger中插入程式碼 主要就是透過Prism選擇好要的風格跟支援的語言選好後下載js跟css：

 Prismjs.com網址：http://prismjs.com/index.html

 一、先把"prism.css"裡面的資料全都貼到 "主題->自訂->進階->新增CSS->新增自訂CSS" 當中，儲存後重新整理即可。(ps. 前後不需要加<script>之類的標籤)

 二、把prism.js的資料貼到 "版面配置->sidebar->新增小工具->HTML/JavaScript->內容" 裡面，有幾點要注意：

(1) 記住一定要新增到sidebar裡面才行，新增到footer會失敗。
(2) 在HTML/JavaScript加入的內容前後要加上<script>跟</script>。
(3) 選擇的語言種類不能太多，超過HTML/JavaScript可以輸入的字數就不能正常啟用了。
使用上的範例如下：

<pre><code class="language-bash line-numbers">
#!/bin/sh
# 使用script 自動備份
TIMESTAMP=`date +%Y%m%d`
REMOTE_PATH="/var/tmp"
LOCAL_PATH="/MYBACKUPS/BACKUPS_BIGIP"

REMOTE_BIGIP=xxx.xxx.xxx.xxx
BACKUP_FILENAME=${REMOTE_BIGIP}_$TIMESTAMP.ucs


ssh $REMOTE_BIGIP tmsh save /sys ucs $REMOTE_PATH/$BACKUP_FILENAME > /dev/null
scp $REMOTE_BIGIP:$REMOTE_PATH/$BACKUP_FILENAME $LOCAL_PATH/
ssh $REMOTE_BIGIP rm $REMOTE_PATH/$BACKUP_FILENAME
</code></pre>

下面是顯示出python程式碼的結果：

#!/bin/sh
# 使用script 自動備份
TIMESTAMP=`date +%Y%m%d`
REMOTE_PATH="/var/tmp"
LOCAL_PATH="/MYBACKUPS/BACKUPS_BIGIP"

REMOTE_BIGIP=xxx.xxx.xxx.xxx
BACKUP_FILENAME=${REMOTE_BIGIP}_$TIMESTAMP.ucs


ssh $REMOTE_BIGIP tmsh save /sys ucs $REMOTE_PATH/$BACKUP_FILENAME > /dev/null
scp $REMOTE_BIGIP:$REMOTE_PATH/$BACKUP_FILENAME $LOCAL_PATH/
ssh $REMOTE_BIGIP rm $REMOTE_PATH/$BACKUP_FILENAME

假如程式碼中有特別符號，要在HTML Encoder先轉換過再po： 轉換內容網址 https://www.opinionatedgeek.com/codecs/htmlencoder