● How to edit the color of hyperlink on the github.io blog

• Find the layout and check any html file, it should include head.html like below

• Then edit the head.html file.
  • Add the code block as below

    <style type="text/css">
    a:link {text-decoration: underline; color: #3399ff;}
    a:visited {text-decoration: underline; color: #9933ff;}
    a:active {text-decoration: underline; color: #9933ff;}
    a:hover {text-decoration: underline; color: red;}
    </style>

• Explanation
  • a:link changed the color of the general link
  • a:visited changed the color of the previously visited link
  • a:active changed the color of the link when it is clicked
  • a:hover changed the color of the link when the mouse pointer is hovering above the link.

• After edited the head.html, result should be like: