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)]](https://img-blog.csdnimg.cn/20200612182329324.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg2Mjc2NQ==,size_16,color_FFFFFF,t_70#pic_center)
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)]](https://img-blog.csdnimg.cn/20200612182345468.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg2Mjc2NQ==,size_16,color_FFFFFF,t_70#pic_center)
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MDURfi4O-1591957386256)(./pictures/简历.png)]](https://img-blog.csdnimg.cn/20200612182358157.png#pic_center)
其中,mv是移动命令,rm -rf表示强制删除
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-onz9JIK3-1591957386260)(./pictures/打开效果.png)]](https://img-blog.csdnimg.cn/20200612182410487.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg2Mjc2NQ==,size_16,color_FFFFFF,t_70#pic_center)
点击发现,这份模板是可编辑的,所有的文字栏目都是可以随意编辑的,图片可以通过图片的url地址替换!
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-hRf1whUi-1591957386265)(./pictures/内容修改.png)]](https://img-blog.csdnimg.cn/20200612182422288.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg2Mjc2NQ==,size_16,color_FFFFFF,t_70#pic_center)
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oIXevQkv-1591957386268)(./pictures/修改图片.png)]](https://img-blog.csdnimg.cn/20200612182436542.png#pic_center)
可增加新栏目、可以通过点击编辑进度条!
编辑完自己的简历之后,就把修改后的代码复制下来替换掉原index.html里的内容!
FireFox下打开查看器:【复制html标签的外部HTML】
然后将index.html中的html标签的所有内容(包括html标签)替换掉即可!
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-c5BgiaDC-1591957386269)(./pictures/复制html.png)]](https://img-blog.csdnimg.cn/20200612182451516.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg2Mjc2NQ==,size_16,color_FFFFFF,t_70#pic_center)
不喜欢这样子的同学可以修改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://img-blog.csdnimg.cn/20200612182506421.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg2Mjc2NQ==,size_16,color_FFFFFF,t_70#pic_center)
现在就可以访问:https://lures2019.github.io/resume/cv-template/这个地址了,现在简历已经成功部署到Github Pages上了
4、打印简历
可以使用浏览器自带的打印!
或者是:使用之前讲解的Python的pdfkit库来操作!
pip install pdfkit
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LxdYvcxf-1591957386273)(./pictures/pdfkit打印.png)]](https://img-blog.csdnimg.cn/20200612182519794.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg2Mjc2NQ==,size_16,color_FFFFFF,t_70#pic_center)
或者是:使用之前讲解的Python的pdfkit库来操作!
pip install pdfkit
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-WHw9pQMN-1591957386276)(./pictures/效果图.png)]](https://img-blog.csdnimg.cn/20200612182548886.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg2Mjc2NQ==,size_16,color_FFFFFF,t_70#pic_center)

浙公网安备 33010602011771号