github制作个人网站(github怎么建立个人网站)

2024-04-18    分类： 网站建设

想拥有一个免费的个人主页吗？在这里，你可以发布自己的博客、自由定制网站的主题，你可以拥有极好的创作体验，它可以成为你对外的一张“名片”，体现你的品味和兴趣，还有更重要的，它是免费的、可控的、无需维护的。

那么，我推荐你用GitHub Pages搭建你的个性化主页。

今天这篇推文就以最简单的方式介绍GitHub Pages的使用入门，跟着我做，不到半个小时你就能拥有自己的网站。

傻瓜式教程

注册GitHub账号。到https://github.com注册一个GitHub账号。如下。

创建仓库。创建一个以username.github.io命名的仓库（repository），注意这里的username就是第一步注册的GitHub账号的用户名。举个例子，如果你的用户名是sophshep，那么你的仓库名则为sophshep.github.io，如下图所示。

下载GitHub Desktop客户端。到https://desktop.github.com下载GitHub Desktop客户端（Windows或MacOS）,作为git工具（方便不懂git的用户使用）。安装完成后，登陆自己的GitHub账号，并克隆（clone）前面创建的仓库到电脑上（可设置路径）。

创建Hello world网页（先以创建一个最简单的Hello world为例，介绍如何在网站上发布第一个网页）。在上一步克隆在电脑上的仓库文件夹中新建文件index.html，内容如下。

Commit & publish。创建完index.html文件后，GitHub Desktop会提醒有内容更新，此时进行Commit & publish即可。如下图所示。

大功告成。到这里，一个最简单的个人主页就搭建完成了，访问https://username.github.io即可看到网站的样子。

网站主题

可能有人要问了，刚刚创建的只有Hello world网页的个人主页也太简单了吧！？别急，下面教你如何5分钟内把网站装扮的更漂亮，有好看的主题，有强大的功能。

此时，我们需要用到Jekyll静态网页生成工具（也可以用Hexo，以后介绍），这也是GitHub官方推荐的静态网页生成工具。

Jekyll提供了丰富的免费主题，可到网站http://jekyllthemes.org查看，如下图所示。

选择你喜欢的的主题（个人觉得Jekyll Next主题不错）并下载，先将电脑上的username.github.io仓库文件夹中的内容清空，再将下载的主题中的所有文件拷贝到里面。以我的仓库为例，如下图所示。

然后在GitHub Desktop客户端Commit & publish。再次访问https://username.github.io，你会看到焕然一新的个人主页！到这里，一个简洁漂亮的个人主页就搭建成功了。当然你还可以继续修改仓库中的代码（主要是_config.yml文件），来调整和定制网站的风格，这个以后会介绍，今天就提供一些官方的参考资料，通过阅读它们，你能够对GitHub Page和Jekyll有个深入的了解。

参考资料

GitHub Pages的Jekyll使用教程：https://help.github.com/en/articles/using-jekyll-as-a-static-site-generator-with-github-pages

Jekyll官网：https://jekyllrb.com/docs/

非常感谢您读完创新互联的这篇文章："github制作个人网站(github怎么建立个人网站)"，仅为提供更多信息供用户参考使用或为学习交流的方便。我们公司提供：网站建设、网站制作、官网建设、SEO优化、小程序制作等服务，欢迎联系我们提供您的需求。

当前题目：github制作个人网站(github怎么建立个人网站)
URL链接：https://www.cdcxhl.com/news28/324178.html

成都网站建设公司_创新互联，为您提供网站收录、App开发、虚拟主机、标签优化、网页设计公司、搜索引擎优化

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

微信小程序开发

网站建设知识

分类信息网站