The web’s most complete blog beautification series of tutorials related articles directory
01. Add links to Github projects
02. Add QQ chat links
Add a cute hamster to your blog
The most complete blog beautification series tutorial 04. The realization of visitor statistics
The most complete blog beautification series tutorial 05 bulletin board personality time display implementation
06. Recommend and oppose the implementation of cool style
07. Add a share button
08. Custom address bar Logo
09. Add “enlarge/reduce the size of the browsing area” button
The most complete blog beautification series tutorial 10. The realization of small rocket top effect
11. The realization of mouse click love special effects
12. Modify the mouse pattern
13. The realization of mouse click effect upgrade
14. The implementation of code highlighting Settings
15. The realization of the effect of animated slideshows
16. Add a reward implementation to the blog
17. Blog background refresh switch effect implementation
The beauty of mathematics — the realization of dynamic geometric lines
19. The realization of the rotating cube
20. Add a lovely kanban girl to your blog
21. Add a night mode to your blog
22. Add an article catalog effect
The most complete blog beautification series tutorial 23. The realization of water effect of pictures
Add a music player effect to your blog
Add a music player effect to your blog
Comment on the realization of avatar rotation
27.IP address positioning and weather forecast implementation
28.3d tag cloud animation implementation
The most complete blog beautification series tutorial 29. Homemade HTML source code to run Javascript effects
Blog posts to achieve markdown writing mechanism
31. Use Canvas and requestAnimFrame for animation effects
32. Add your own profile picture to the bulletin board
33. Add a dancing bosom friend
34. Skin background selection and customization
Add the Github project link
If you are curious about the Fork me on Github in the upper left corner, you can actually use the F12 console to find the control. You can also do this as shown in the following image. Obviously, we can see that it is my red rectangle that controls the icon. This will take me to Github Project Management.
The above statement is as follows:
<a href="https://github.com/AngelKitty">
<img style="position: absolute; top: 0; left: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_left_darkblue_121621.png" alt="Fork me on GitHub">
</a>
Copy the codeReplace the href with your GitHub repository address
The SRC image link address can be set to another address, so I chose to reference it directly.
How to add: Go to your own blog garden -> Settings and add the above HTML code to the “Top HTML Code”
How it works: For those who have learned a little bit about the front end, this is a very simple thing: jump from the href reference link to load an image style with the IMG tag.
The effect is as follows:
For more styles please go here: blog.github.com/2008-12-19-…
There are a number of different styles available for you to choose from. All you need to do is change the href address, copy and paste it into the specified location
