發表文章

目前顯示的是 8月, 2019的文章

Blogger設定 -新增程式碼

圖片
嗨嗨大家好,我是yanennn 我是前端新手,目前正在學習中,學習的過程中有人推薦要寫自己的部落格會比較好 所以.... 我... 就在這裡了(? 因為初次嘗試使用部落格,雖然以前也有玩過無名啦 (那算嗎??? 總之~還請多多指教 ( 鞠躬 若有錯誤地方,也請告知 希望這邊能充斥程式生活 未來也會有我自己的個人生活..吧? 首先,要把這裡弄成程式,那當然就是要撰寫程式碼 一般你寫在撰寫區或者HTML裡,你會得到... eg1(寫在撰寫): <button style="background-color: red; color: white; height: 30px; width: 80px;">這是按鈕</button> 咦怎麼跟別人的不一樣?一定是我寫的地方錯誤! eg2(寫在HTML): 會直接產生會執行樣子 這是按鈕 程式呢?大大我要的是程式碼RRR~ 所以說呢,我們需要先做的事情就是, 新增撰寫語法環境 喜歡普通的,可以參考第一個就好,若喜歡有樣式的,可參考第二個 自己喜歡最重要 簡單版  →新增 Html/Javascript 小工具 1.打開左邊的版面配置 2.點選新增小工具 由於每個人的主題都不一樣,所以可能新增小工具放的位置也會有改變哦 3.點選HTML/JavaScript 4.打開後請在下面新增以下語法到大框框 (1) 裡,最後儲存 <style> .post .codeblock { display: block; /* fixes a strange ie margin bug */ font-family: Courier New; font-size: 10pt; overflow:auto; background: #f0f0f0 url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAASwCAYAAAAt7rCDAAAABHNCSVQICAgIfAhkiAAAAQJJREFUeJzt0kEKhDAMBdA4zFmb