如何使用 GitHub 页面创建简单的作品集
入门
让我们开始吧💪🏻
作为一名开发人员,提升自身实力的方法之一是建立作品集。简单来说,作品集是展示简历中提到的工作样本和技能的一种方式。
创建简单作品集的方法之一是使用 GitHub Pages。这是一个网站托管服务,可以直接从 GitHub 上的代码库获取 HTML、CSS 和 JavaScript 文件。GitHub Pages 的优点在于它是免费的,因为它支持自定义域名,并且可以直接从 Git 部署。
入门
- 确保您有一个GitHub帐户。
- 对Git 和 GitHub 的工作原理有基本的了解。
让我们开始吧💪🏻
登录你的GitHub帐户
创建项目站点。
通过项目站点,您可以使用在线下载的模板或从存储库的设置中选择一个主题。
-
创建一个名为username.github.io的新仓库。假设你的名字是 carolyne,那么你的仓库名称就是carolyne.github.io。这将是你的主页。附言:如果你愿意,可以添加描述。
- 访问以下网站,从colorlib、Start Bootstrap、Themezy、BootStrap zero或Bootstrap made下载免费的作品集网站模板。您也可以使用此链接 ( https://github.com/evanca/quick-portfolio ) 通过 fork 仓库创建一个。
- 访问以下网站,从colorlib、Start Bootstrap、Themezy、BootStrap zero或Bootstrap made下载免费的作品集网站模板。您也可以使用此链接 ( https://github.com/evanca/quick-portfolio ) 通过 fork 仓库创建一个。
前往“存储库设置”,向下滚动到“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