如何更改网站内容( GitHub的代码您也可以这么做,你知道吗?)
优采云 发布时间: 2021-09-04 06:15如何更改网站内容(
GitHub的代码您也可以这么做,你知道吗?)
我应该如何使用 Github Pages?
GitHub 是一个“公共代码”网站。它允许您上传代码存储库并将它们存储在 Git 版本控制系统上。然后你可以在代码项目上进行协作,系统默认是开源的,这意味着世界上任何人都可以找到你的 GitHub 代码,使用它,学习它,改进它。同样,您可以对其他人的代码执行相同操作!本文提供了使用 Github 的 gh-pages 功能发布内容的基本指南。
GitHub 是一个非常重要和有用的社区,值得参与,而 Git/GitHub 也是一个非常流行的版本控制系统——现在在它的工作流程中使用它。 GitHub 有一个非常有用的功能叫做 GitHub Pages,它可以让你在网络上实时发布网站code。
首先,在你的机器上安装 Git。这是 GitHub 工作的底层版本控制系统软件。接下来,注册一个 GitHub 帐户。这非常简单且易于操作。注册后,使用您的用户名和密码登录。
你可以在 Github 资源库中存储你喜欢的任何代码,但要使用 GitHub Pages 功能实现完整的结果,你的代码应该是典型的网站 结构,例如,主要入口点是一个文件命名索引 .html HTML 文件。
第一步,您需要做的另一件事是将您的代码目录初始化为 Git 存储库。请按照以下步骤操作:
将命令行指向您的测试站点目录(或收录您可以调用的 网站 的任何目录)。为此,请使用 cd 命令(即“更改目录”)。如果你已经把你的网站放在桌面的test-site目录下,你可以输入以下内容:
cd Desktop/test-site
当命令行指向你的网站所在目录时,输入以下命令,告诉git工具将目录转换为git仓库:
git init
命令行界面
将代码上传到 Github 的最佳方式是通过命令行——这是一个窗口,您可以在此窗口中输入命令来执行创建文件和运行程序等操作,而不是在用户界面中单击。它看起来像这样:
注意:如果您不熟悉命令行,也可以考虑使用 Git 图形用户界面来执行相同的工作。
每个操作系统都自带一个命令行工具:
这乍一看似乎很吓人,但别担心,您很快就会掌握基本技巧。您可以通过键入命令并按 Enter 来告诉计算机在终端中执行某些操作,如上所示。
接下来,您需要为您的文件创建一个新仓库。点击GitHub主页右上角的加号(+),选择“新建仓库”。在此页面的“存储库名称”框中,为您的代码存储库命名,例如:my-repository。还要填写说明以解释您的存储库将收录的内容。你的屏幕应该是这样的
点击创建仓库;您将看到以下页面:
在当前页面上,您可能对本节“...或从命令行推送现有存储库”的这一部分感兴趣。您应该会看到本节中列出的两行代码。复制整个第一行,将其粘贴到命令行中,然后按 Enter。该命令应如下所示:
git remote add origin https://github.com/chrisdavidmills/my-repository.git
接下来,键入以下两个命令,并在每个命令后按 Enter。这些说明会将代码上传到 GitHub 并要求 Git 管理这些文件。
git add --all
git commit -m 'adding my files to my repository'
最后,将代码推送到 GitHub,通过你正在访问的 GitHub 页面,输入我们看到的两个命令中的第二个“...或从命令行(或从命令行)部分推送现有存储库推送到现有存储库中)部分”:
git push -u origin master
现在你需要为你的仓库创建一个 gh-pages 分支;刷新当前页面,您将看到一个类似于下面的存储库页面。需要点击Branch:master按钮,在文本输入框中输入gh-pages,然后点击蓝色按钮创建一个分支Create branch:gh-pages。这将创建一个名为 gh-pages 的特殊代码分支,它将发布在一个特殊位置。它的 URL 的格式是 username.github.io/my-repository-name,所以在我的例子中,URL 是。显示的页面是 index.html 页面。
在新的浏览器选项卡中浏览您的 GitHub Pages URL,您将能够在线访问您的 网站!通过电子邮件将地址发送给您的朋友并炫耀您的精通。
注意:如果卡住了,GitHub Pages 主页也很有帮助。
如果您想对测试站点进行更多更改并将其上传到GitHub,那么您只需像以前一样对文件进行更改。然后,您需要输入以下命令(在每个命令后按 Enter)将这些更改推送到 GitHub:
git add --all
git commit -m 'another commit'
git push
您可以用更合适的消息替换上次提交的内容,以描述您刚刚所做的更改。
我们只提供了关于 Git 的基本信息。要了解更多信息,请从 GitHub 帮助站点开始。