尚未分類 (Uncatagorized)

大量進行修改、取代 HTML、CSS 程式文字,只要幾秒鐘就能搞定!

要單獨修改、取代一個html內的程式文字,直接開啟該html就能解決,那如果一次要更改上百個html該怎麼辦呢?千萬別覺得太恐怖,其實透過文字編輯器就能大量進行,在此老貓以「Notepad++」來進行示範。可以一次修改資料夾下所有的文件內容,要搜尋、刪除、取代都沒有問題,一次搞定!

如何大量更改HTML檔案程式文字?

有時候要進行網頁SEO設定,或者是文字程式內容修改,但若是採用新的網頁框架架構可能改一個頁面就能套用到所有網頁,這是最簡單的方式。但有些網站屬於舊架構,必須針對每個html獨立更改。但在作業流程來說,我們不太可能這麼浪費時間,這時就要透過軟體來協助完成。這邊有許多文字編輯器可以做到,不過老貓習慣用「Notepad++」來修改一些程式頁面,因此在此就以這套軟體來進行示範,如何有效率一次搞定!

Notepad++官方網站
https://notepad-plus-plus.org/zh/

▼ 當要修改一個檔案容易,但有這麼多檔案又分散在這些不同資料夾,絕對不可能一個一個檔案來進行修改。

▼ 在本篇大量進行修改、取代HTML、CSS程式文字,只要幾秒鐘就能搞定!,老貓就以「Notepad++」來進行示範。

在本次的案例來說,由於Ducky要更換到新網站架構,那舊的網站勢必還會存在一陣子,因此會放在子網域來備查。可能是將 www.duckychannel.com.tw ,變成 old.duckychannel.com.tw 。但在HTML網頁程式中,有些圖片、網頁連結如果不是採用「相對路徑」,而是「絕對路徑」的話,那還是會連到原始的連結。但原始的連結已不存在這些網頁、圖片、檔案,因此就會產生錯誤。因此必要執行的事,便是將網頁內寫到 www.duckychannel.com.tw 的任何語法,都更改為 old.duckychannel.com.tw 。此時,我們只要先將所有的網頁資料夾下載回本機端,再開啟「Notepad++」點選「搜尋→取代」。在預設的功能會是針對當下開啟的檔案進行取代,但是我們不只有一個檔案要修改,因此要點選「在多個檔案中尋找」。接下來選擇要修改的資料夾,依序將要尋找及取代的文字填入即可完成。

在過濾方面如果不選擇,會修改的有html、、txt、php等文字檔類型的,如果想要修改word相關檔案是無法達成的。在此老貓針對html、css為主,因此就沒有特別設定過濾器。但如果已經鎖定是要單純修改所有html檔案的話,可以設定為「*.。接下來右邊選項有「全部尋找」、「在多個檔案中取代」,老貓會建議執行這些內容前,請先備份好原始檔案。此外,先進行尋找,確認沒問題後再進行取代來修改文件,這樣是最安全的做法。當點選完進行後,不用幾秒鐘全部解決!透過文字編輯器可以省下許多人,一個一個開HTML文件花時間修改的方法,下次要做真的不要浪費時間了。

▼ 直接選擇「Notepad++」上方的「搜尋→取代」,就會挑出相關視窗。

▼ 由於我們是要取代多個檔案,因此要切換到「在多個檔案中尋找」,下方過濾器則依老貓文中所述,看是否要挑選特定的檔案類型也可以。

▼ 由於修改後就直接儲存,因此修改前建議先備份原始檔案,以及先用搜尋方式來評估數量與是否要真的執行。例如此案例為在332個檔案中,共有1623處符合搜尋條件。

▼ 當按下「在多個檔案中取代」後,還會跳出確認視窗是否要真的執行。

▼ 當按下後就會開始執行取代作業,如果有鎖定特定檔案,會再更快一些。

▼ 當取代好後,老貓自己習慣再測試搜尋一次是否有完成,以本例來看已經順利完成332個檔案裡有1623處修改,就在這幾秒鐘內完成!最後只要重新上傳檔案,就可以結案了。

標籤 Tags: ,

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

*