如何使用 GitHub 页面创建一个简单的作品集入门让我们开始吧💪🏻

2025-06-04

如何使用 GitHub 页面创建简单的作品集

入门

让我们开始吧💪🏻

作为一名开发人员,提升自身实力的方法之一是建立作品集。简单来说,作品集是展示简历中提到的工作样本和技能的一种方式。

创建简单作品集的方法之一是使用 GitHub Pages。这是一个网站托管服务,可以直接从 GitHub 上的代码库获取 HTML、CSS 和 JavaScript 文件。GitHub Pages 的优点在于它是免费的,因为它支持自定义域名,并且可以直接从 Git 部署。

入门

让我们开始吧💪🏻

登录你的GitHub帐户

创建项目站点。


通过项目站点,您可以使用在线下载的模板或从存储库的设置中选择一个主题。

前往“存储库设置”,向下滚动到“GitHub 页面”部分。在“源”下选择“主分支”。

为作品集添加主题以改变其外观和感觉

选择您想要的主题,然后选择主题

您可能会被要求编辑您网站的 README.md 文件。
您选择的主题将自动应用于您的 repo 中的文件。

创建个人或组织网站的步骤

您可以使用已创建的 repo 或创建一个新的 repo。

克隆存储库。

在桌面上创建一个要存储项目的文件夹并克隆新的存储库

~ $ git clone https://github.com/carolmusyoka18/carolmusyoka18.github.io

添加 index.html 文件

现在您可以在项目文件夹中创建一个 index.html 文件


~ $ cd carolmusyoka18.github.io
~ $ echo "Hello World" > index.html

推送 Repo

添加提交并推送所有更改

`~$ git add --all

~ $ git commit -m “初始提交”

〜$ git push -u origin
master`

你一切顺利😎🎉🎉

查看您的网站https://username.github.io

如果您是首次部署 Github 页面,可能需要等待一段时间才能看到实际的网站。如果您需要对作品集进行任何更改,您可以在本地进行更改,然后像上面所示那样推送更改。不建议直接在作品集上进行更改。

您可以使用文件编辑器(使用 CodeMirror)直接在 GitHub 上编辑任何存储库中的文件。您可以查看这个简短的教程来了解如何操作。

秘诀在于尝试和练习。随着时间的推移,你最终会变得非常擅长创建作品集。请在下方分享你的想法或创意。

文章来源:https://dev.to/carolmusyoka/how-to-create-a-simple-portfolio-with-github-pages-1ffd
PREV
这是您在顶级远程工作平台上真正能赚到的钱(+10 万美元)跨界 Toptal 其他选择您愿意付出汗水吗?
NEXT
如何改善工程组织内部(及其他领域)的知识共享