用更轻量的 GitHub Pages

互联网从诞生发展至今日，天天有无数的人在上面留下本身的足迹，他们用它记录生活、抒发情感、分享看法，这一切都离不开一个能够承载文字的平台，一个独立的、由本身掌控的平台，而 GitHub Pages 就是这么一个平台。

在这个平台里你可使用本身的个性域名；能够在海量的主题里挑选最适合你的那一款，若是你技术极客，也能够根据本身的喜爱，设计属于本身的个性化页面；你既能够在线建立和发布网站，也能够在本地经过客户端工具或者命令行进行网站和内容的管理。

你彻底能够经过 GitHub Pages 展现和输出自身价值，甚至能够把它打形成属于本身的互联网「身份证」。

为何使用 GitHub Pages

若是你把他做为一个轻量级的我的博客服务，GitHub Pages 相较 WordPress 之类的建站服务有什么优点呢？

首先他是彻底免费的，相较其余的同类产品，他能替你省下一笔服务费，节约下的钱可让你买一些其余的会员服务；

无须本身购买云服务进行搭建，只需按步骤一步步操做便可，即便你不懂他的技术细节；

支持的功能多，玩法丰富，你能够绑定你的域名、使用免费的 HTTPS、本身 DIY 网站的主题、使用他人开发好的插件等等；

当完成搭建后，你只须要专一于文章创做就能够了，其余诸如环境搭建、系统维护、文件存储的事情一律不用操心，都由 GitHub 处理

固然了，做为一款免费的服务，咱们也是要遵照 GitHub 官方使用建议和限制，在使用的时候项目和网站的大小要超过 1GB，也不要过于频繁的更新网站的内容（每小时不超过 10 个版本），每月的也要注意带宽使用上限为 100GB。

综合来看，GitHub Pages 依旧能够说是中小型博客或项目主页的最佳选项之一。

如何使用 GitHub pages

介绍了这么多，下面就具体来谈谈如何使用它。

基本页面的生成

首先你须要注册一个 GitHub 帐号，并在我的主界面里选择建立一个新的 Repository 。

进入页面后，在 Repository name 的位置填写域名，格式是 username.GitHub.io。

建立成功以后，点击右上角的 Settings

找到 GitHub Pages 选项，选择一个 GitHub 官方提供的主题

这里咱们就随意选择一个主题 Cayman，来看看他的效果是什么样的

选择完毕以后 GitHub Pages 就会自动帮你生成好网站，在他跳转的界面点击 Commit changes 按钮，网站就能够访问了。

在浏览器里输入你的项目名称，好比 brick713.GitHub.io，就能够看到，你刚刚选择的主题的我的网站的页面了。

到这里若是你只是想作一个例如能够随时在互联网上HX访问的简历，那么你只须要 GitHub Pages 项目的主页修改你 index.md 文件就能够了，好比我给出的这个模板。

修改完后，点击上图中左下角的 Commit Changes，而后访问你的自定义域名你就能够看到以下的样式了。

若是你想作一个功能更丰富的博客，那咱们继续往下走。

配置自定义域名并无偿使用 HTTPS

在 2018 年 5 月 1 日以后，GitHub Pages 已经开始提供免费为自定义域名开启 HTTPS 的功能，而且大大简化了操做的流程，如今用户已经再也不须要本身提供证书，只须要将本身的域名使用 CNAME 的方式指向本身的 GitHub Pages 域名便可。

首先在你的 DNS 解析里添加一条解析记录，例如我选择添加子域名 blog.moyu.life 经过 CNAME 的方式指向我刚刚自定义的 GitHub Pages 域名 brick713.GitHub.io。添加完成后等待 DNS 解析的生效（DNS 的解析记录生效到全球可能须要几分钟时间）。

以后从新回到最开始进入过的 Settings 界面，找到 GitHub Pages 的设置，填写咱们刚刚创建的子域名，以我本身的 blog.moyu.life 举例，点击保存。

保存后 GitHub 须要必定的时间生成证书并确认域名的解析是否正常，咱们只须要耐心的等待便可，成功后显示结果以下

如今咱们再访问 blog.moyu.life 就会发现，咱们的自定义域名和 HTTPS 都生效了！能够看到证书是由著名的机构 Let's Encrypt 提供的。

网站的同步

如今咱们已经有了一个基本功能健全的网站了，接下来咱们须要试着对博客的内容进行管理，而且给博客添加一些更个性化的设置，官方提供两种方式：

命令行方式（Mac 和 Windows 确保拥有 Git 环境）

桌面客户端形式（须要安装官方提供的客户端）

若是你没有任何 Git 的基础，也不想进行一些繁琐的配置，那么我推荐你使用桌面客户端的形式进行管理，若是你有必定的技术基础，那么 Git 的方式则更适合你。这里我两种方法都介绍一下。

首先在命令行中切换到你自定义的路径下，而后 Clone 下来你的项目（操做须要在 Mac 的 Terminal 中完成，Windows 系统可使用 Git-bash。）这里注意这里的 path 和 username 须要根据你我的状况进行替换。

cd ~/Path git clone https://GitHub.com/username/username.GitHub.io

接着进入你的项目的文件中，并创做一个文章。

cd username.GitHub.io echo "Hello World 我爱这个世界 " > index.md

而后按照 Git 提交内容的流程，将咱们的新创做的文章上传。

git add --all git commit -m "Firs Push" git push -u origin master

这里可能会碰到下面的状况：

按照他的提示咱们把注册 GitHub 的邮箱和用户名依次输入便可：

git config user.email " 你的邮箱 " git config user.name " 你的用户名 "

以后他可能会让你输入你的 GitHub 帐号和密码，不用担忧，正常输入便可。当咱们看到这样的提高就证实提交成功了。

能够去咱们的网站主页看看是否是起了变化。

若是你是使用GitHub 桌面客户端 那么就更简单了，下载安装了客户端以后，按照客户端的提示正常登录你的 GitHub 帐号。而后 Clone 下来你的 GitHub Pages 项目。

等待 Clone 完成后，界面上会显示几种管理修改你的项目的方式。

这里我选择使用 Sublime Text 进行管理，把开始的 index.md 里的内容改成 Hello World 我也爱这个世界 保存，而后在客户端上咱们能看到文件的变化，咱们先点击左下角的 Commit to master，再点击 Fetch origin 就能够将内容上传。

而后你发现你的主页也发生了相应改变了。到这里你基本上就掌握了网站管理的基本流程和文章发布的基本流程，下面咱们要开始来学会使用静态模板系统来管理博客了。

GitHub Pages 的生成工具

经历了上面的步骤，如今你的已经有了一个简单的页面了，但是他还远远未知足咱们的需求，咱们须要利用静态模板系统来让生产接管你博客的文章的生成，让你把更多的经历投入在创做里。下面就 GitHub 官方推荐的 Jekyll 为例子来展开讲讲。

由于 Jekyll 是基于 Ruby 的静态网页生成系统，所以咱们首先得安装 Ruby 环境，在 Mac 下咱们可使用的 Homebrew 来进行安装。若是是其余操做系统，能够去参考 Ruby 官方安装文档进行安装。

brew install ruby

等 Ruby 安装完毕后再执行如下命令完成 Jekyll 的安装。

gem install jekyll bundler

而后进入你 Clone 下来的 GitHub Pages 项目的路径，例如：

执行如下命令：

jekyll new . --force

完成后，Jekyll 会在你指定的目录下生成好全部文件，你可使用 bundle exec jekyll serve 命令，而后就能够经过访问 127.0.0.1:4000 查看初始界面的样子了。

默认的界面看起来很是的简陋也很丑，可是不要紧，你能够在这些网站里HX根据本身的喜爱找到一些美观的主题http://jekyllthemes.org/、https://jekyllthemes.io/、http://themes.jekyllrc.org/。

安装方法很简单，通常状况下只须要下载主题包解压后完整的，复制到你的 GitHub Pages 的项目目录里，并覆盖你以前的文件便可，有些特殊的主题要参考做者给的安装步骤，这里我随意的更换了一个主题。

主题里的全部关键性配置都在 _config.yml 文件中，你能够根据我的的喜爱和不一样主题支持的功能来修改具体的内容，这里就不作展开。

到这里完整的搭建的流程已经结束了，你已经能够正常访问你一路配置下来的博客了，接下来你只须要找一个趁手的 Markdown 编辑器来编辑在你本地 GitHub Pages 项目中的 _posts 文件夹里的文章，并使用前面提到的两种方式将文章同步到 GitHub 上便可。须要注意的是，文章的内容和标题须要按照 Jekyll 的格式进行写做。

文章的文件名遵循下面的格式：

年 - 月 - 日 - 标题 .markdown

文章内容顶部必须有下面的 YAML 头信息：

--- layout: post title: Blogging Like a Hacker ---

尾巴

其实除了 Jekyll 还有很是多的第三方的静态模板系统来搭建 GitHub Pages。好比：

Node.js 编写的 Hexo

Go 编写的 Hugo

Python 编写的 Pelican

以及更人性化的 Gridea

他们在各自的基础上实现了更多的功能，好比分析统计、搜索、评论系统、广告、分享系统等。喜欢折腾的同窗不妨能够尝试尝试，将来若是有机会但愿能更详细的给你们分享一下。