本人孫叫獸，前端全站程序員。微信公眾號：電商程序員。

本文以CSDN孫叫獸的博客為例。

打開CSDN孫叫獸的博客主頁。
 

谷歌瀏覽器下找到這個(gè)頁面的源代碼，鼠標(biāo)右鍵-檢查，或者F12打開調(diào)試頁面。第一步找選中圖標(biāo)，第二步選中目標(biāo)區(qū)域，第三步找到對應(yīng)的前端代碼復(fù)制到本地文件（選中目標(biāo)代碼右鍵copy - Copy element到編譯器或者記事本）。
 

然后修改里面的文字及圖片路徑即可。

需要注意的是，圖片需要為csdn平臺的圖片鏈接（把圖片放到以往的文章中就能獲取圖片的路徑）。

找到個(gè)人中心-管理博客-模塊管理-添加自定義模塊-編輯
 

把復(fù)制的代碼復(fù)制到欄目內(nèi)容（源代碼獲取的代碼需要去除標(biāo)簽間空格并回車）不然你的顯示效果會(huì)帶超