分享

如何快速從 Blogger 的Html編輯器找到頁頭尾巴的小技巧

先將結論寫最上面,簡單條列如何快速從 Blogger 的Html編輯器找到頁頭尾巴的小技巧的步驟:
1. 打開 Html 編輯器
2. 找到  的行數旁邊的小箭頭
3. 滑鼠點擊小箭頭將整理頁頭結構收合
4. 確認頁頭結構到第行結束,譬如2954,就先記住
5. 展開後,找到第 2954 行的程式碼,確認 的位置
正題開始,在 Blogger 的修改過程中,尤其是想增加各式功能的同時,打開內建的 Html編輯器,常會在茫茫的程式碼大海中漂流不足所措。
最近想安裝一個功能,按照外面大師的步驟走時,卻發現卡關,不論是中文還是英文資料都沒找到解答,一開始還以為是之前安裝自訂範本版型時弄亂掉,後來才發現....是自己沒注意到。
其實部落格的原始編碼,都是以 HTML 為基礎,這邊簡單提一下,就是在 HTML 架構下,一個頁面可以主要分3個部分
1. 頁頭: 以   開始,  做結尾
2. 頁身:以  開始,做結尾
3. 頁尾:以 
開始,做結尾
原則上只要搞清楚這個基本架構,要安裝各種客制插件就不成問題,按照各家大神的步驟去套用就可以順利達成目標,結果這次卡在找不到  這個結尾的程式碼,用 CTRL+ F 找半天也沒有,後來才發現,是因為網頁版的原始碼編輯器,可能是程式碼太多,沒有辦法一口氣顯示所有編碼,導致用CTRL + F 的快速搜尋熱鍵也找不到目標。
研究一陣子後才想到一個簡單的處理方式,來,這邊先上圖
Html編輯器找頁頭尾巴 
圈起來的部分,會寫程式的人應該很熟悉,在第4行這邊可以找到頁頭的開始部分,也可以看到有一個小箭頭,可以用來收合頁頭架構,收合起來會變成這樣子: 
Html編輯器收合頁頭 
可以看到收合後,原本第4行下面,本來是第5行的 5 直接變成 2955,這個就代表整個HTML的 頁頭結構是在第 2954 行收尾,換句話說,之前一直找不到的  頁頭結尾就是在第2954行,展開後,往下卷再確認一下
HTML 編輯器頁頭結尾位置 
好的,找了好幾天,終於找到了  這個調皮的頁頭尾巴,只能說半路出家的功力還是有待加強啊,下次準備來安裝延伸閱讀的程式碼了,最後再簡單條列如何快速從 Blogger 的Html編輯器找到頁頭尾巴的小技巧的步驟:
1. 打開 Html 編輯器
2. 找到  的行數旁邊的小箭頭
3. 滑鼠點擊小箭頭將整理頁頭結構收合
4. 確認頁頭結構到第行結束,譬如2954,就先記住
5. 展開後,找到第 2954 行的程式碼,確認 的位置
這樣終於可以往下一步邁進了
PS:  後來發現,如果先把滑鼠游標,弄到在HTML 編輯器裡面,再壓 CTRL + F ,會在編輯器的上方出現另外一個視窗,在這裡其實就可以搜尋整段編碼,也是另外一個搜尋的方式
HTML編輯器的內部搜尋工具 
分類:學習

評論
上一篇
  • 新北市土城斬龍山遺址文化公園
  • 下一篇
  • iRent共享汽車費用和開箱心得,以及折扣優惠碼
  • 更多文章
    載入中... 沒有更多了