My grandson is a beast, a front-end full-site programmer. WeChat public account: e-commerce programmer.
This article takes the blog of CSDN Sun called the beast as an example.
Open the blog homepage of CSDN Sun called the beast.
Find the source code of this page under Google Chrome, right-click-check, or F12 to open the debugging page. The first step is to find the selected icon, the second step is to select the target area, the third step is to find the corresponding front-end code and copy it to the local file (select the target code and right-click copy-Copy element to the compiler or notepad).
Then modify the text and image path inside.
It should be noted that the picture needs to be a picture link of the csdn platform (put the picture in the previous article to get the path of the picture).
Find Personal Center-Manage Blog-Module Management-Add Custom Module-Edit
Copy the copied code to the content of the column (the code obtained from the source code needs to remove the spaces between the tags and press Enter), otherwise your display effect will be super