zoukankan      html  css  js  c++  java
  • 如何在博客园添加 Fork me on GitHub 彩带效果

    博文首发自个人网站:https://www.exception.site/essay/bokeyuan-add-fork-me-on-github

    如何在自己的博客园博客的右上角添加 Fork me on GitHub 彩带效果呢?如下图所示:

    博客园 Fork me on GitHub 彩带

    一、进入博客后台

    进入博客园的管理界面,依次点击 管理 ** -> 设置,进入到设置页面后,将页面拖动到最下面,您会看到:页首Html代码**一栏:

    博客园后台界面

    二、添加代码

    在页面Html代码框中输入如下代码:

    <a href="https://github.com/weiwosuoai">  
    <img style="position: fixed; top: 0; right: 0; border: 0; z-index:9999;" 
      	 src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" 
      	 alt="Fork me on GitHub">
    </a>
    

    注意,您需要将 <a href=""> 中的链接换成您自己的 GitHub 主页地址。

    保存后,随意打开一篇您自己的博客,就可以看见和教程开头展示的效果一样了。大功告成!

    三、更换彩带颜色

    我上面使用的是红色的彩带,如果您需要更换成其他颜色,只需将 <img> 标签中的 src 地址更换成您想要颜色的地址即可:

    3.1 绿色

    绿色彩带

    src 中地址替换成如下地址:

    https://github.blog/wp-content/uploads/2008/12/forkme_right_green_007200.png
    

    3.2 黑色

    黑色彩带

    src 中地址替换成如下地址:

    https://github.blog/wp-content/uploads/2008/12/forkme_right_darkblue_121621.png
    

    3.3 橘黄色

    橘黄色彩带

    src 中地址替换成如下地址:

    https://github.blog/wp-content/uploads/2008/12/forkme_right_orange_ff7600.png
    

    3.4 灰色

    灰色彩带

    src 中地址替换成如下地址:

    https://github.blog/wp-content/uploads/2008/12/forkme_right_gray_6d6d6d.png
    

    3.5 白色

    白色彩带

    src 中地址替换成如下地址:

    https://github.blog/wp-content/uploads/2008/12/forkme_right_white_ffffff.png
    

    从上面挑选一款您喜欢的样式颜色吧!!

    四、参考链接

    https://github.blog/2008-12-19-github-ribbons/

  • 相关阅读:
    java-数组
    编程练习
    java-循环语句
    java-条件语句if&switch
    JAVA-运算符
    JAVA-常量
    springAOP源码分析之篇一:配置文件的解析
    spring IOC容器的扩展
    spring IOC之篇六 bean的加载---bean的创建
    spring IOC之篇五 bean的加载--缓存中获取
  • 原文地址:https://www.cnblogs.com/quanxiaoha/p/10490484.html
Copyright © 2011-2022 走看看