|
1 | 1 | # 打造属于自己的 Github 主页 |
2 | | -> 不知在什么时候起，Github 支持创建同名仓库来达到美化 Github 主页的功能, 关注的很多大神也自己设计开发了自己的主页，很有特点，今天就为大家带来 Github 个性主页如何开发~ |
| 2 | +> 不知在什么时候起，`Github` 支持创建同名仓库来达到美化 `Github` 主页的功能, 关注的很多大神也自己设计开发了自己的主页，很有特点，今天就为大家带来 `Github` 个性主页如何开发~ |
3 | 3 |
|
4 | 4 | ## 阅读本文您将收获 |
5 | | -* 如何进行个性化Github个人主页创建 |
6 | | -* 如何美化Github个人主页 |
| 5 | +* 如何进行个性化 `Github` 个人主页创建 |
| 6 | +* 如何美化 `Github` 个人主页 |
7 | 7 |
|
8 | | -> 下方先放上个人 Github 主页 ，笔者是球迷，所以主页也是按照个人兴趣喜好来设计的，如果和您审美有差距，请直接关闭。若有帮助，请记得三联哦~ |
| 8 | +> 下方先放上个人 `Github` 主页 ，笔者是球迷，所以主页也是按照个人兴趣喜好来设计的，如果和您审美有差距，请直接关闭。若有帮助，请记得三联哦~ |
9 | 9 |
|
10 | 10 |  |
11 | 11 |
|
12 | 12 | ## 开发 |
13 | 13 | ### 创建 Github 仓库 |
14 | | -* 在 Github 中创建与个人 ID 同名的仓库 |
| 14 | +* 在 `Github` 中创建与个人 `ID` 同名的仓库 |
15 | 15 |
|
16 | 16 |  |
17 | 17 |
|
18 | | -* 记得勾选下方「Add a README file」，仓库会自动创建 `readme` 文件，我们需要设计的个人主页，就需要在这个文件中进行开发。 |
| 18 | +* 记得勾选下方「`Add a README file`」，仓库会自动创建 `readme` 文件，我们需要设计的个人主页，就需要在这个文件中进行开发。 |
19 | 19 | * `readme` 文件为 `MarkDown` 格式，开发时可以使用 `HTML+CSS` 或 `MarkDown` 语法相结合，可以实现更多的个性化样式。 |
20 | 20 |
|
21 | 21 |  |
|
28 | 28 | * `readme` 文件使用 `MarkDown` 语法进行编写，当然你可以使用 `MarkDown` 结合 `HTML` 语言进行编写，这样生成的 `readme` 文件风格多样。 |
29 | 29 |
|
30 | 30 | ### 个性化设计 |
31 | | -> 我们在很多大佬的 github 个人主页中经常能看到各种个性化的主页徽章或统计，那这些个性化的图表、统计、徽章都是怎么生成的，接下来我就为大家提供一些自己在开发主页过程中用(bai)到(piao)的小组件。 |
| 31 | +> 我们在很多大佬的 `Github` 个人主页中经常能看到各种个性化的主页徽章或统计，那这些个性化的图表、统计、徽章都是怎么生成的，接下来我就为大家提供一些自己在开发主页过程中用(bai)到(piao)的小组件。 |
32 | 32 |
|
33 | 33 | ##### Github 徽章 |
34 | 34 |   |
|
38 | 38 |
|
39 | 39 |  |
40 | 40 |
|
41 | | -* 网站还支持自定义复杂 `badge` ,可以实现添加icon等功能，感兴趣就去试一下吧~ |
| 41 | +* 网站还支持自定义复杂 `badge` ,可以实现添加 `icon` 等功能，感兴趣就去试一下吧~ |
42 | 42 |
|
43 | 43 | ##### Github 统计 |
44 | | -> Github 有很多动态生成的官方统计信息，利用这些统计信息我们可以更清晰地展现个人 Github 中的提交、分类、热门等信息。 |
| 44 | +> Github 有很多动态生成的官方统计信息，利用这些统计信息我们可以更清晰地展现个人 `Github` 中的提交、分类、热门等信息。 |
45 | 45 |
|
46 | 46 | * [GitHub Readme Stats](https://github.com/anuraghazra/github-readme-stats/blob/master/docs/readme_cn.md) 官方中文文档可以让你更快速地设置自己的主页，只需要将图片链接地址写入readme文件中，你就可以设置这些多彩且丰富的信息卡片 |
47 | 47 | * 我在我的个人主页中用到的三个统计图片分别是 |
|
0 commit comments