跳转到GitHub 样式

基于svg

<a href="https://github.com/lichengguang" class="github-corner" aria-label="View source on Github"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#41bb99;color:#fff;position: absolute;top: 0;border: 0;right: 0;z-index:1031;" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a>

svg

效果:

基于图片

<a href="https://github.com/lichengguang"><img style="position: absolute; top: 76px; right: 0; border: 0" alt="Fork me on GitHub" src="https://images2018.cnblogs.com/blog/1054809/201712/1054809-20171203034734069-560687701.png"></a>

png

需要将a标签的href属性值改成你自己的github主页地址

href="https://github.com/lichengguang"

效果:

时间: 2024-10-17 07:57:19

跳转到GitHub 样式的相关文章

web导航栏点击跳转后的样式

搭建web网页的导航栏时,需要有点击某导航页面跳转后,被点击的<a>标签样式添加或改变(bootstrap只能实现页面不刷新的点击效果),网上查阅了很多,终于解决了问题,豁然开朗的同时也小总结一下: ps:以下为摘录百度知道,并非本人原创,而我用的便是其中第二种方法. 方法有很多,大体可分为三种: 一.在服务器端判断当前页面隶属于哪一个分类,然后对其进行高亮化,这个高亮化的方法也有很多,相信不是你要的,不一一讲解: 二.每一个页面这个导航条都在各自的页面内,那么独立对其分配class或者行内样

黄聪:jquery mobile通过a标签页面跳转后,样式丢失、js失效的解决方法

问题描述: 用ajax跳转的时候,从a.html跳转到b.html后,b.html的css以及js都失效了. 解决办法1: 将所有的css以及js全部放在div内. 原理: 由于jqm的ajax跳转的时候,只会把b.html中内的内容加载进dom,而外的代码都不会加载,所以导致在外的js和css都失效了. 解决办法1: 在header设置全局属性. <script>$.mobile.ajaxEnabled = false;</script> 原理: 全局禁止jqm使用ajax

github样式的markdown

在使用markdown的时候, 发现还是vscode对markdown的支持比较好, 但是vscode自带的样式并不是很好看, 所以我想更改一下样式, 但是发现相对路径和绝对路径稀里糊涂, 最后才发现直接引用http是最好的选择 选择文件->首选项->设置->扩展->markdown->markdown styles 选择添加项 粘贴网址https://rawgit.com/thewazir/50486310d50fb2d6da2c8ab91d26756a/raw/17607

Struts跳转后CSS页面样式失效

一直在做一个考勤管理系统,用Struts技术,成功跳转后CSS样式失效,我去这是一个很严重的问题啊,于是就百度,各种脑补知识,原来是路径的问题,解决方法也好多(也没太弄明白)该namespace,该引用css路径,都很费劲,又改动太大,最后看到一个网友的文章是说,把Struts中<result>属性改一下即可改为redirect. <package name="sturts2" extends="struts-default" namespace=

Markdown基础(内含:锚点使用,使用HTML,新页面跳转,目录生成)

Github样式显示参考:点我 之前说过用word写文章,这次说说Markdown写文章(推荐) 逆天推荐使用VSCode编写 装这个插件写作更方便: 内含:锚点使用,使用HTML,新页面跳转,目录生成 启用方式: H1~H3(#的个数)[博客园只支持H1~3] # H1 ## H2 ### H3 H1 H2 H3 斜体(一个*斜体),加粗(两个*粗体),删除线(两个~) **加粗内容** 其他内容 *斜体内容* ~~删除内容~~ 加粗内容 其他内容 斜体内容 删除内容 引用(> or >&g

Linux下使用 github+hexo 搭建个人博客04-next主题优化

上篇我们说了 hexo 的优化,针对的站点的优化. 本篇讲解 next 主题的优化,包括:使用语言.前端页面显示宽度.菜单.侧栏.头像.添加或取消动画效果.打赏功能等等. 让页面排版更符合我们所要的功能和所想的风格. 可参考网站 http://theme-next.iissnan.com/getting-started.html 主题设定 选择 Scheme 修改 next 主题配置文件. 1 [[email protected] next]# pwd 2 /app/softinsall/hex

git一个项目导入MyEclipse上传到github

1.右键->Import 2. 3. 4. finish 5.github 6. 7. Create organization 8. 9. Continue 10. 11. 用shaoqingi用户登录github 12. 登录shaoqingi注册的邮箱确认 13.自动跳转到github 14.Join org1Test2 15.github登出,用charmdealer管理员登录(此为自己一个人操作的,若多为成员操作,发给他们,他们确认后用户charmdealer直接就可以看到了^_^) 1

linux下git以及github的连接与使用

简单理解 Git 的思想和基本的工作原理,能够更好的进一步和使用Git.在开始学习Git 的时候,最好不要把Git的各种概念和其他的版本控制系统诸如 Subversion 等相比,否则容易混淆每个操作的实际意义. Git是一个免费的.分布式的版本控制工具,或是一个强调了速度快的源代码管理工具.每一个Git的工作目录都是一个完全独立的代码库,并拥有完整的历史记录和版本追踪能力,不依赖于网络和中心服务器. Git 在管理项目时,在本地会有三个工作区域:Git 的本地数据目录,工作目录以及暂存区域.如

用vscode连接github

如果你本机已经又git客户端,或者已经使用了Visual Studio的github插件,就已经安装了git. 注册你的github账号 打开git bach 再命令窗口输入 $ ssh-keygen -t rsa -C "[email protected]" 把邮箱地址替换为你的github注册邮箱. 添加完密钥后测试链接 输入命令 ssh [email protected] ,如果出现下面字样或者让你确认选项则已经链接成功 从第3步命令获取的密钥目录里有2个文件 id_rsa.pu