GitHub（三）：创建你的GitHub主页

小咪咪 2022-03-26 09:52 485阅读 0赞

# Getting Started with GitHub Pages #

原文链接 -> [传送门][Link 1]

GitHub 页面是托管的公共网页，有了它你就可以轻松地通过 GitHub 发布你的项目。启动和运行的最快方法是使用 Jekyll 主题选择器来加载预制主题。然后，你可以通过网页或本地计算机远程修改你的 GitHub 主页的内容和样式。

![pages-home-page.png][]

注释：前几个步骤上一节课已经实践，大家不用重新实践，但后面有之前未介绍内容，不要错过哦！

--------------------

## **创建你的主页** ##

如果你已经登录，你可以从创建一个新的仓库开始你在 GitHub 的生涯：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70][]

在新创建的仓库页面，你需要给这个仓库起一个特殊的名字来生成你的网页：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 1][]

网页对应的文件将保存在一个叫做 username.hello-world 的仓库里（其中 username 指的是你在 GitHub 上的用户名）。在开始设置你的网页之前，你必须先打开设置选项：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 2][]

如果你将设置页面往下滚动，你可以在接近底部的地方看到“GitHub Pages”部分。点击“Choose a theme”按钮开始创建你的网页：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 3][]

一旦你按下这个按钮，你就直接进入到主题选择器。你可以看到页面顶部有几个主题选项可供选择。点击图像即可预览主题。选择完成后，点击右侧的“Select theme”即可继续。如果你动摇不定，也没关系，先随便选一个，因为后面你还是可以随时回来修改的：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 4][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 5][]

现在你可以开始完善你的内容……

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 6][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 7][]

当你完成编辑，向下滚动到页面的底部，点击“Commit changes”按钮：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 8][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 9][]

GitHub 做的所有工作就是直接让访问者通过网页的形式查看 username.hello-world。这个过程可能需要花上 10 分钟左右，此后你就可以通过浏览器访问你的页面了（网页地址 -> [https://dxyxln.github.io/hello-world/][https_dxyxln.github.io_hello-world]）。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 10][]

注：将上面链接中 dxyxln 替换成你自己的用户名，将 hello-world 替换成你项目的名字就是你的网页哦^\_^

--------------------

### **做点修改** ###

你需要做的第一件事就是删除索引页的默认标题，并添加一个更友好的名字。

在代码（<>Code）选项卡的导航栏中找到 \_config.yml 文件，

![2019011619563491.png][]

点击它，然后通过点击铅笔的图标可以编辑该文件：  
  
![025931w2sdmwj6p3y02ybc.png][]   
  
当前你的网页还没有设置标题（指的是你的主页哦 -> [https://fishc-service.github.io/hello-world/][https_fishc-service.github.io_hello-world]），所以我们可以通过添加下面字段来为你的主页设置标题和描述内容：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 11][]

完成编辑之后，滚到页面下方点击“Commit changes”按钮：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 12][]

OK，打开你的主页，发现标题和描述都已经改过来了：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 13][]

[Link 1]: https://guides.github.com/features/pages
[pages-home-page.png]: /images/20220326/903d492b53e04408bac6c73292b1b7a0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70]: /images/20220326/85b8fb1aa4c5494ebe3555fd7e78110c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 1]: /images/20220326/c1e1859ffe384ee88ba4f1b25edf7e76.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 2]: /images/20220326/641a3084507049dcab93ebed9538c685.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 3]: /images/20220326/1004d6e9071d4bd49a612c5bc481787d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 4]: /images/20220326/6d92b790a5514ef3a77c5a24df2f2075.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 5]: /images/20220326/60af2a0a91ec4f0bbc8ec1342030061b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 6]: /images/20220326/674ff1cc6114495a826366b93fd70d82.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 7]: /images/20220326/dca852c8e4e5453398d9ad0f77bdc3d7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 8]: https://img-blog.csdnimg.cn/20190116195139338.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 9]: /images/20220326/9e1239c5004d4de4965cfe67dd99020d.png
[https_dxyxln.github.io_hello-world]: https://dxyxln.github.io/hello-world/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 10]: /images/20220326/d44ebad1cb2f46d3896c19c0ce534802.png
[2019011619563491.png]: /images/20220326/6abb0e1d4a274873a2f3daca135cc441.png
[025931w2sdmwj6p3y02ybc.png]: /images/20220326/3e2590ee8098414eb52592a1d058e2b6.png
[https_fishc-service.github.io_hello-world]: https://fishc-service.github.io/hello-world/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 11]: /images/20220326/a9179621d0ae4d31963d491ebf225fc1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 12]: /images/20220326/307e4022a912422baa800ec817b90714.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 13]: /images/20220326/41602ed89e3942ab83f03464b12a43d7.png