欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Github部署在线简历!

程序员文章站 2022-03-07 11:51:30
...

在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仓库页面上会显示这次提交的用户,如果不做设置就会默认为该仓库的拥有者,做了则根据邮箱来匹配用户!

Github部署在线简历!

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或者进入到文件夹,在图形化界面中右键选择使用浏览器打开!

Github部署在线简历!

Github部署在线简历!

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

Github部署在线简历!

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

Github部署在线简历!

Github部署在线简历!

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

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

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

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

Github部署在线简历!

不喜欢这样子的同学可以修改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使用的托管源

Github部署在线简历!

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

4、打印简历

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

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

pip install pdfkit

Github部署在线简历!

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

pip install pdfkit

Github部署在线简历!