在 Github 功能区上 Fork Me - HTML

在 Github 仓库中，我们经常会看到在顶部右侧的区域有一个类似于贴纸一般的东西，上面写着“Fork Me on GitHub”。这个东西其实就是一个在 Github 上方快速定位当前代码库的链接。在本篇文章中，我们将详细介绍如何在 HTML 代码中添加 Github 功能区上 Fork Me 的链接。

步骤

1. 首先在 Github 上创建自己的仓库。将代码文件推送到 Github 上的仓库中。
2. 点击代码仓库右上角的“Fork”按钮，将该代码库 Fork 到自己的账号中。
3. 访问 https://github.com/your_username/your_repository ，复制仓库链接地址。
4. 在你的代码网站中找到你想要添加 Fork Me 的位置，并在其下方添加如下代码：

<a href="https://github.com/your_username/your_repository#readme">
  <img style="position: absolute; top: 0; right: 0; border: 0;" 
       src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" 
       alt="Fork me on GitHub">
</a>

代码中的 your_username 和 your_repository 分别代表你的 Github 账号名和仓库名。#readme 可以指定链接到当前仓库的 README.md 文件位置，当然你也可以指定其他文件。

这段代码将创建一个 img 标签，包裹在一个 a 标签内部，a 标签指向你的 Github 仓库链接地址。图片作为链接标志位，通过绝对布局定位到右上角。

样式调整

如果你想要调整 Fork Me 图片在网页上的位置和样式，只需要修改图片的样式。

position: absolute;  // 定位
top: 0;              // 上边距
right: 0;            // 右边距
border: 0;           // 边框

你可以使用这些属性，来调整 Fork Me 图片在页面中的位置。

结论

在 Github 上添加 Fork Me 链接，是一个简单而又有效的方式，让用户了解你的 Github 仓库并为你的项目做出贡献。尝试在你的网站中添加 Github 功能区上的 Fork Me 链接，并看看是否能提升你的用户活跃度。