Github部署在线简历!

在Github Pages上部署自己的简历

1、初始化git

打开终端,进入Code目录,创建CV文件夹,并将其作为我们的工作目录:

cd Code

mkdir CV && cd CV

初始化git库:git init

用户配置:

git config --global user.name "你的用户名"

git config --global user.email "你的邮箱地址"

用户名和邮箱式你提交commit时的签名,在Github仓库页面上会显示这次提交的用户,如果不做设置就会默认为该仓库的拥有者,做了则根据邮箱来匹配用户!

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nwgUruMS-1591957386247)(./pictures/本地仓库初始化.png)]

2、编辑简历文件

下载页面模板文件,解包,并且将其中的文件置于CV文件夹下!

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

用浏览器打开就可以看见模板的样子了,大家可以根据自己的需求来修改模板的样式!

Linux终端项目目录输入命令:firefox index.html或者进入到文件夹,在图形化界面中右键选择使用浏览器打开!

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-IUQhfNRB-1591957386251)(./pictures/简历模板下载.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MDURfi4O-1591957386256)(./pictures/简历.png)]

其中,mv是移动命令,rm -rf表示强制删除

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-onz9JIK3-1591957386260)(./pictures/打开效果.png)]

点击发现,这份模板是可编辑的,所有的文字栏目都是可以随意编辑的,图片可以通过图片的url地址替换!

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-hRf1whUi-1591957386265)(./pictures/内容修改.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oIXevQkv-1591957386268)(./pictures/修改图片.png)]

可增加新栏目、可以通过点击编辑进度条!

编辑完自己的简历之后,就把修改后的代码复制下来替换掉原index.html里的内容!

FireFox下打开查看器:【复制html标签的外部HTML

然后将index.html中的html标签的所有内容(包括html标签)替换掉即可!

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-c5BgiaDC-1591957386269)(./pictures/复制html.png)]

不喜欢这样子的同学可以修改static/js下的script.js文件,操作非常简单,删除该文件下的所有内容,然后加上下面这一句。

$(document).ready(function($){
    $("*").removeAttr('contenteditable');        
})

这一句是为了去掉页面上所有元素的可编辑属性。最后可以在 CSS 文件内再改改样式。

3、部署简历文件

首先,需要有自己的github账号,之后新建一个仓库cv或者是resume

现在本地仓库做代码的提交:

git add .

git commit -m "commit my cv"

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

git remote add origin 你的远程仓库地址

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

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-AKeyHt8x-1591957386272)(./pictures/托管源.png)]

现在就可以访问:https://lures2019.github.io/resume/cv-template/这个地址了,现在简历已经成功部署到Github Pages上了

4、打印简历

可以使用浏览器自带的打印!

或者是:使用之前讲解的Python的pdfkit库来操作!

pip install pdfkit

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LxdYvcxf-1591957386273)(./pictures/pdfkit打印.png)]

或者是:使用之前讲解的Python的pdfkit库来操作!

pip install pdfkit

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-WHw9pQMN-1591957386276)(./pictures/效果图.png)]

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章