个人网站的GitHub页面。如何部署文件夹

Question

如果我在个人网站上使用GitHub页面，应如何管理我的源文件？我有一个简单的设置，有效。

但我知道我不能在GitHub页面上使用Jekyll插件。如果我想使用Grunt来优化我的图像，对于通常的应用程序/网站，它会产生一个dist/public文件夹的输出，然后我将部署它。但是我仍然希望使用GitHub来管理我的源文件，我应该怎么做呢？

Answer 1

根据您使用的存储库类型，用户/组织（ UO ）网站或项目网站（ P ），源和网页将在版本中进行版本化：

• 用户/组织 - 来源：来源，页面：主
• 项目 - 来源：主，页面： gh-pages

注意：页面分支是必需的，但可以更改源分支名称。

设置

• 初始化一个空的github存储库： github.com/userName.github.io 用于 UO 或 github.com/repositoryName 用于 P

在本地，初始化您的本地存储库：

• 转到源文件夹cd /home/username/www/yoursite或任何您想要的内容
• git init
• git remote add origin git@github.com:userName/userName.github.io.git（ UO ）或git remote add origin git@github.com:userName/repositoryName.git（ P ）
• git checkout -b sources（ UO ）或git checkout master（ P ）
• 在.gitignore中添加dist/public。正如您目前在master，我们将忽略它在其他分支中的版本
• git add -A
• git commit -m“base sources”。您现在已经提交了您的来源。
• git push origin sources（ UO ）或git push origin master（ P ）将您的来源推送到相应的分支
• cd dist/public
• touch .nojekyll，此文件告诉gh-pages不需要构建Jekyll网站
• git init
• git remote add origin git@github.com:userName/userName.github.io.git（ UO ）或git remote add origin git@github.com:userName/repositoryName.git（ P ）
• git checkout master（ UO ）或git checkout -b gh-pages（ P ）将此存储库放在相应的分支上
• 您的grunt任务
• git add -A
• git commit -m "first build"提交您的网站代码
• git push origin master（ UO ）或git push origin gh-pages（ P ）

您现在已将代码和页面推送到两个不同的分支中。现在，它们将根据您的位置进行推动：

推动消息来源

• cd yourWorkingDirestory
• git add -A
• git commit -m "your commit message"
• git push origin sources（ UO ）或git push origin master（ P ）

推送页面

• cd yourWorkingDirestory/dist/public
• git add -A
• git commit -m "your commit message"
• git push origin master（ UO ）或git push origin gh-pages（ P ）