快捷搜索:  汽车  科技

githubpages空间满了怎么办:如何利用GitHub Pages快速构建免费网站

githubpages空间满了怎么办:如何利用GitHub Pages快速构建免费网站你肯定想看看develop分支的改动会对网站产生什么影响。我们可以在本地部署。打开控制台,在你克隆git仓库的地方输入下列命令:测试改动GitHub会从master分支部署网站。记住,推送到master上的任何修改都会导致网站重新部署。所以在开始之前,我建议你先创建一个develop分支。在将develop合并到master之前,所有的改变都不会影响网站的内容。使用develop分支,你可以尝试任何东西而不用担心把网站搞坏。

试试看!你的网站应该已经可以使用了!在浏览器中打开一个新的页面,输入URL:http://your_username.github.io/ (将your_username替换为你的用户名)。

如果还有疑问,可以比较一下你和我的代码库。

https://github.com/StephenVinouze/stephenvinouze.github.io

githubpages空间满了怎么办:如何利用GitHub Pages快速构建免费网站(1)

准备自己的版本

GitHub会从master分支部署网站。记住,推送到master上的任何修改都会导致网站重新部署。

所以在开始之前,我建议你先创建一个develop分支。在将develop合并到master之前,所有的改变都不会影响网站的内容。

使用develop分支,你可以尝试任何东西而不用担心把网站搞坏。

githubpages空间满了怎么办:如何利用GitHub Pages快速构建免费网站(2)

测试改动

你肯定想看看develop分支的改动会对网站产生什么影响。我们可以在本地部署。打开控制台,在你克隆git仓库的地方输入下列命令:

$ bundle exec jekyll serve -- watch

然后用浏览器打开这个地址:http://localhost:4000/

你可以一直保留这个终端窗口,网站就会在你自己的机器上一直运行,直到你关闭为止。

githubpages空间满了怎么办:如何利用GitHub Pages快速构建免费网站(3)

配置网站

现在你的网站还只是一个空壳,我们来添加一些内容。

注意:我建议把这篇文章当作一个指南。并非所有主题的配置都一样。如果你选的主题和我选的不一样,那么我在文章里写的并不一定适合你。请仔细阅读主题本身的文档。

首先,我们来看看_config.yml文件,这里有许多神奇的配置。有几个参数需要按照自己的需要更新。

你可以自行配置一些东西,例如:

  • 联系信息

  • 头像

  • 社交网络链接

重启Jekyll进程,然后刷新页面,就能看到修改的效果。

需要提醒你,在改变_config.yml文件后,必须重新启动Jekyll才能看到效果。对于其他文件的改动则只需要刷新页面即可。

githubpages空间满了怎么办:如何利用GitHub Pages快速构建免费网站(4)

发布文章

现在可以将模板上的文章替换为你自己的文章了。

在开始之前,要理解Jekyll的命名规范。所有文章必须:

  1. 保存在_posts文件夹下

  2. 命名为yyyy-mm-dd-name-of-your-post.md格式

  3. 用Markdown语言编写(即扩展名.md的含义)

试试看!在_posts目录下用适当的名字创建一个文件。然后,刷新浏览器就能看到你的文章显示在网站上。

“如果我的有些文章已经发表在Medium上,想转换成Markdown怎么办?”

有几个解决方案。我推荐使用这个十分好用的转换器(https://medium-to-markdown.now.sh/)。

需要提醒的是,它无法处理Gist,所以你需要手工提取Gist。但并不复杂,只需右键点击Medium中的Gist然后将其中包含的<script>标签中的链接提取出来即可。

githubpages空间满了怎么办:如何利用GitHub Pages快速构建免费网站(5)

猜您喜欢: