本人孙叫兽，前端全站程序员。微信公众号：电商程序员。

本文以CSDN孙叫兽的博客为例。

打开CSDN孙叫兽的博客主页。
 

谷歌浏览器下找到这个页面的源代码，鼠标右键-检查，或者F12打开调试页面。第一步找选中图标，第二步选中目标区域，第三步找到对应的前端代码复制到本地文件（选中目标代码右键copy - Copy element到编译器或者记事本）。
 

然后修改里面的文字及图片路径即可。

需要注意的是，图片需要为csdn平台的图片链接（把图片放到以往的文章中就能获取图片的路径）。

找到个人中心-管理博客-模块管理-添加自定义模块-编辑
 

把复制的代码复制到栏目内容（源代码获取的代码需要去除标签间空格并回车）不然你的显示效果会带超