程序员必备技能：在Github上部署本身的简历

项目简介：本课程将带领你们在 Github Pages 上部署本身的简历，教你们如何将简历保存为 pdf 格式且该简历文件可直接在 A4 纸上打印。另外本课程还提供了简单的在线可编辑的简历页面，同窗可直接使用它来生成本身的简历文件。

项目由ekCit发布在实验楼，完整教程及在线练习地址：在Github Pages上部署本身的简历，能够直接在实验环境中部署实践。

1、课程介绍

1. 课程背景

这几天室友忙着找工做改简历，想到本身也会有这么一天，那么就来一块儿好好写一份简历吧。

期间在网上找了很多写简历的资源，我对本身写的简历模板有信心，放这个出来就是要比比看。比比看性价比，咱们这个模版的价格是 0，分母是 0 就意味着性价比无穷大！

写这个模版的初衷是但愿同一份简历既能作页面展现，也能直接打印出来给我处处投。（请认真对待每一份简历，不要学习笔者）。

写这份模版也是站在巨人的肩膀上，参考了前人经验的。

咱们能够利用 Github 的静态页面托管服务 Github Pages 来帮助咱们作页面展现。

什么是 Github Pages？

Github Pages 是 Github 的静态页面托管服务。它设计的初衷是为了用户可以直接经过 Github 仓库来托管用户我的、组织或是项目的专属页面。参考：https://help.github.com/artic...

能够说至关于一个可直接用 git 管理内容的静态服务器，有许多人会用它来托管本身的我的博客（利用 Jekyll、Pelican 这一类静态页面生成工具）或是在这上面发布本身的 HTML5 小游戏。固然这么好的东西也是有限制的。

Github Pages 的限制：

• 仓库存储的全部文件不能超过 1 GB

• 页面的带宽限制是低于每个月 100 GB 或是每个月 100,000 次请求。

• 每小时最多只能部署 10 个静态网站。

对于发布本身的简历或是部署本身的博客的这一类需求我想是不用担忧这些限制的，若是真的不当心超了，Github 那边不会采起什么强制措施，而是会发一份邮件提醒你应该找一个更适合你的托管对象的服务。

2. 预备知识

本课程须要的预备知识：

• git 的基本使用

若是对 git 彻底陌生，推荐学习实验楼的《Git 实战教程》，仅需了解最基本的操做便可。

3. 课程知识点

本课程项目完成过程当中，咱们将学习：

1. 在 Github Pages 上部署本身的简历

4. 最终效果

简历页面展现：

保存后的 pdf 版本：

2、实验步骤

一、初始化 git 库

打开终端，进入 Code 目录，建立 CV 文件夹, 并将其做为咱们的工做目录。

$ cd Code
$ mkdir CV && cd CV

初始化 git 库。

$ git init

用户配置（可选）：

$ git config --global user.name "你的用户名"
$ git config --global user.email "你的邮箱地址"

这一步不作也不要紧，用户名和邮箱是你提交commit时的签名，在 Github 的仓库页面上会显示此次提交的用户，若是不作设置就会默认为该仓库的拥有者，作了则根据邮箱来匹配用户。

二、编辑简历文件

下载页面模板文件。

解包，而且直接将其中的文件置于 CV 文件夹下。

$ wget http://labfile.oss.aliyuncs.com/courses/624/cv-template.zip
$ unzip cv-template
$ mv cv-template/* .
$ rm -rf cv-template* __MACOSX*

用浏览器打开就能够看见模板的样子了。同窗们能够根据本身的需求来修改模板的样式。

有的同窗可能已经发现这份模板是可编辑的了。

全部的文字栏目都是能够随意编辑的：

点击图片能够经过图片的url地址替换：

微信号不想留就把整个栏目删掉，可增长新的条目：

可经过点击编辑进度条，注意敏感信息不要发布在页面上，咱们仅在须要打印简历时用到这些信息：

注意简历的内容不要超出背景的高度。

编辑完本身的简历之后，就把修改后的代码复制下来，替换掉原index.html里的代码。

Firefox 下：

打开查看器：

复制 html 标签的外部 HTML：

而后将index.html中的 html 标签的全部内容（包括 html 标签）替换掉便可。

个人本意是发布后的简历页面还是可编辑的，这方便我往后直接在上面编辑手机等我的信息后保存打印。

三、部署简历文件

首先须要每位同窗都有本身的 Github 帐号，没有就快去注册一个吧。而后新建一个仓库，名字取 cv 或是 resume 皆可，以后先别跟着它给的步骤作。

Github Pages 支持托管的页面分两类，我的/组织页面 与 项目页面，其主要区别就是托管位置的区别。
若是想使用我的主页，那么就建立一个名为 username.github.io （username须要替换为你的用户名）的库，在主分支master上托管你的页面代码。

若是是使用项目主页，那么能够选择将代码托管在master、gh-pages、或者master的doc目录下，其中gh-pages是默认的页面托管分支，若是想使用master，可在项目页面的设置栏中进行切换。

不管使用哪种页面操做都是差很少的，这里就用项目页面来作演示了，因为咱们全部的代码就只有页面代码而已，那么就直接在master分支上进行托管吧。

先在本地仓库作一次代码提交：

$ git add .
$ git commit -m 'commit my cv'

在项目页面找到你的仓库地址后输入：

$ git remote add origin 你的远程仓库地址
$ git push -u origin master

代码提交到远程仓库后，在项目页面设置 Github Pages 使用的托管源。

如今你能够访问https://你的用户名.github.io/resume/这个地址了，恭喜，简历页面已成功部署在了 Github Pages 上。

四、保存简历为 pdf 格式

笔者考察过多个在线转换 pdf 的网站以及 js 保存 pdf 的方案，效果都不甚理想。最后发现这一步其实能够很简单，你只要打开浏览器的打印选项而后它实际上是能够直接帮你保存为 pdf 的！这里仍是推荐使用 Chrome ，Firefox 彷佛没法删页脚与页眉。

Chrome 下：

由于等到打印 pdf 的时候，那个页边距是能够再调的，因此笔者比较倾向于在保存的时候不保留页边距。

完整教程可在实验楼查看并在线完成，有更详细的简历编辑及部署细节，还有简历模板福利。
更多经典项目：所有-课程-实验楼