静态网页托管_求职季,教你制作一份精美的在线网页简历,程序员必看!!

引言

近期和学弟交流了一下找实习的相关的话题,谈到了简历这块。虽然近期没有找工作的打算,但还是会不定期的更新自己的简历。

于是将自己的简历分享了一下,没想到得到了这样的评价,心里还是挺高兴的。

75f3a14baee03c7cece8fb64b9f76ad4.png

简历的形式是一个在线的静态网页,托管在了 GitHub 上面,整体的效果如下图,可以直接使用浏览器的打印功能导出为 PDF 的格式。

a7054dee14bfa2ba089a0ebb45c8369f.png

本篇分享一下如何制作在线简历,你需要有一些前端方面的编程基础的。如果没有也没有关系,我也会附带分享一些求职简历中需要注意的一些地方,也许对你也会有所帮助。

fork & clone

首先进入托管在 GitHub 上的简历项目主页[1],点击右上角的 Fork 按钮,等待若干秒后,你的项目列表里会多出来一个同名的仓库。

ea92bc0663eb92fbeab04c50e7e78540.png

把新生成的项目 clone 到本地,就可以开始在本地进行调试和开发了。

d3694073367d97e74dea2a4160d43ae5.png

安装依赖

项目依赖于 Node 环境,你需要先到 Node 官网[2] 下载并安装对应系统的 Node 程序。

安装好后,在命令行输入 node -v,如果出现相应的版本号,说明 Node 环境安装成功。

73a67463897320e992d78ba8d298fe47.png

使用 cd 命令进入到项目目录,输入 npm install 命令,安装程序所使用的依赖环境。

86333b325209bc901f073422b8a3b6e1.png

再输入 npm run dev 命令,项目会进行编译,并自动打开浏览器,加载出简历的页面。

这时,就可以打开 VSCode 或者其他编辑器对简历内容进行修改了。

简历编辑

项目的整体目录结构如下:

.
├── README.md
├── node_modules
├── package-lock.json
├── package.json
├── postcss.config.js
├── src
├── webpack-dist.config.js
├── webpack.config.js
└── webpack.js

我们只需要对 src/ 文件夹中的文件进行修改,其他文件是项目运行的一些配置文件。

0f1f9b79ff22e64676d3f974c849ebd7.png

如果要修改简历内容,需要编辑 index.html 文件。如果你有前端的基础,这应该很好上手。

找到模版中对应的位置,比如个人信息部分,把中文内容改成自己的就行了。

<header class="content-hd"><section class="title"><div class="name"><h1>姓名</h1></div></section><section class="info"><ul><li>求职意向:xxx</li><li>联系方式:xxx-xxxx-xxx</li><li>邮箱:<a href="mailto:phillzou#gmail.com">phillzou#gmail.com</a></li><li>GitHub:<a href="https://github.com/mayandev">github.com/mayandev</a></li></ul></section>
</header>

如果要修改简历的样式,比如主题色、字体等等,需要编辑 main.css 文件。

比如我将简历主题色改为蓝色,只需要更改一行代码。

$theme-color: #126ab8;

41f02cc97f05433daf1acab8acc5eeec.png

简历修改完后,刷新一下浏览器就可以看到最新的内容。

项目部署

项目部署前,需要先在 GitHub 仓库中建立一个名为 username.github.io 的仓库,其中 username 是你的 GitHub 账户名称。这个仓库可以生成一个域名,你可以在这个域名下创建仓库,将一些静态内容资源托管到上面,比如自己的博客。

a00fb8c8c4d18ffaa0afbb12ed47d5c4.png

回到项目,在命令行中输入 npm run pub 命令,会自动创建一个 gh-pages 分支并推送到 GitHub 的仓库。

打开上面 Fork 的仓库地址,点击设置,滑动到 GitHub Pages 设置选项,将分支选择为 gh-pages

403adfb0351b4846f985223c8e50547f.png

然后打开生成的网页即可看到在线的简历,将链接发给其他人,其他人通过浏览器打开可以直接访问

使用快捷键 ctrl+p 或者 command+p 调用浏览器的打印功能,可以将简历导出为 pdf 格式的文件。

Tips

简历应该站在 HR or 面试官的角度来考虑,别人是否方便打开,字体大小、颜色、排版是否舒适,内容是否有条理等等,这种为别人考虑的做事方式,也叫做同理心,而自己也会因此受益。

下面就罗列一些写简历需要注意的地方,不全面,欢迎补充。

1、只写关键的个人信息(姓名、联系方式),至于性别、生日、籍贯、自我评价等等,不建议写。

2、排版整洁,推荐单列布局,按点罗列。

3、字体统一,内容尽量只有黑色字体。对于简历中的一些链接,使用一个主题色。

4、语言简短,提炼主要内容,遵循 STAR[3] 法则,有效表达。

5、篇幅尽量控制在一页

更多的简历写法,建议上知乎搜一搜,有的 HR 会在上面分享一些干货。

你也可以把你的简历发送到我的邮箱(上面的图片里有),免费帮你看,提一些修改建议。

希望大家在秋招都能找到满意的工作。

参考资料

[1]

简历项目主页: https://github.com/mayandev/resume

[2]

Node 官网: https://nodejs.org/

[3]

STAR: http://www.woshipm.com/pd/1267256.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/502614.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

为什么不可以使用哈曼顿距离_K-means真的不能使用曼哈顿距离吗?

问题说到k-means聚类算法&#xff0c;想必大家已经对它很熟悉了&#xff0c;它是基于距离计算的经典无监督算法&#xff0c;但是有一次在我接受面试时&#xff0c;面试官问了我一个问题&#xff1a;“k-means为什么不能使用曼哈顿距离计算&#xff0c;而使用欧式距离进行计算&a…

linux 查看进程_Linux怎么查看和监控每个进程的实时流量

请关注本头条号&#xff0c;每天坚持更新原创干货技术文章。如需学习视频&#xff0c;请在微信搜索公众号**“智传网优”**直接开始自助**视频学习**1. 前言NetHogs是一个开源的命令行工具(类似于Linux的top命令)&#xff0c;用来按进程或程序实时统计网络带宽使用率。来自NetH…

mysql修改密码1820_mysql5.7初始化密码报错ERROR1820(HY000):YoumustresetyourpasswordusingALTERUSERstateme...

1&#xff0c;mysql5.6是密码为空直接进入数据库的&#xff0c;但是mysql5.7就需要初始密码cat /var/log/mysqld.log | grep password或者&#xff1a;grep temporary password /var/log/mysqld.lo2&#xff0c;然后执行 mysql -uroot -p&#xff0c;输入上面的到的密码进入&am…

linux复制文件夹到另一个目录_Linux|一个命令行统计给定目录中有多少个子目录,学浪计划...

wc命令用于统计指定文件的字节数、字数、行数、并将统计结果显示出来。一般格式&#xff1a; wc [选项] [文件]选项&#xff1a;-c&#xff0c;--bytes 统计字节数-l&#xff0c;--lines 统计行数-w&#xff0c;--words 统计字数ls命令-l 以长格式显示文本的详细信息。-R 表示递…

mysql源码安装分析_MySQL源码分析(0):编译安装及调试(转)

编译安装为了实现MySQL的更高级别的性能调优&#xff0c;我们通常需要理解其内部实现机制&#xff0c;并对其进行优化调试。在下面的系列中&#xff0c;我们会分别介绍MySQL的部分内部实现机制。首先我们介绍如何从源代码部署一台MySQL服务器。1.下载MySQL Community Server源码…

前端做后台管理系统有前途吗_关于后台管理系统前端项目的思考

开发后台管理系统是大部分前端开发人员接触过的项目&#xff0c;如何更好的进行项目的搭建、组件的开发、数据结构的设计等等&#xff0c;这些都是需要考虑的问题。以下是我结合一些项目的经历和其他大佬的项目代码与技术分享&#xff0c;做出了对于后台管理系统中前端项目的思…

响应式编程优点 有效_什么是响应式编程?

响应式编程是一种通过异步和数据流来构建事物关系的编程模型。这里每个词都很重要&#xff0c;“事物的关系”是响应式编程的核心理念&#xff0c;“数据流”和“异步”是实现这个核心理念的关键。为了帮助大家理解这个概念&#xff0c;我们不妨以APP初始化业务为例来拆解一下这…

虚拟跳线软件干什么用的_视频教程:用 ESI 的虚拟跳线给你的声音添加效果

本视频讲述了如何在互联网上给你的声音添加效果。你可以使用任何想用的效果器&#xff0c;而且不仅可以输入你的声音&#xff0c;输入信号还可以是任何乐器音源&#xff0c;例如键盘或吉他&#xff0c;你甚至可以直播你的整个工程。请先看视频&#xff1a;视频中使用Bitwig给声…

极光推送java demo_极光推送- 3 分钟 Demo - 极光文档

3 分钟快速使用 JPush Android Demo本文目的在于&#xff0c;指导新接触极光推送的开发者&#xff0c;在短短几分钟时间内把极光推送跑起来&#xff1a;安装 Demo 客户端到手机在 Portal 上推送通知客户端收到推送并显示在状态栏创建极光推送开发者帐号Portal 上创建应用使用注…

java ldap添加用户名密码_java ldap用户密码md5加密

在这里不过多介绍ldap&#xff0c;因为这样的文章特别多&#xff0c;这里就简单直接的记录这一个问题。在springboot中通过引入spring-boot-starter-data-ldap&#xff0c;使用LdapTemplate真的挺方便&#xff0c;现在遇到一个问题&#xff0c;添加用户时&#xff0c;userPassw…

java dumpstack_Java获取执行进程的dump文件及获取Java stack

转发自https://blog.csdn.net/MCC_MCC_MCC/article/details/806231561.Windows/Linux环境下查看Java进程ID方法使用Java自带的工具VisualVM工具实现&#xff0c;在CMD或者是Linux终端下执行“jvisualvm”命令即可以进入VisualVM控制台&#xff0c;双击左侧的进程即可以查看到详…

mysql not in优化_实践中如何优化MySQL(收藏)

SQL语句的优化&#xff1a;1、尽量避免使用子查询3、用IN来替换OR4、LIKE前缀%号、双百分号、_下划线查询非索引列或*无法使用到索引&#xff0c;如果查询的是索引列则可以5、读取适当的记录LIMIT M,N&#xff0c;而不要读多余的记录6、避免数据类型不一致7、分组统计可以禁止排…

java 鼠标精灵_纯Java实现跨平台鼠标键盘模拟、找图找色,Java版按键精灵

由原本的Java使用JNI调用dll实现模拟辅助操作&#xff0c;升级到纯Java来实现&#xff0c;最新&#xff1a; https://github.com/xnx3/xnx31.[代码][Java]代码/*** 鼠标、键盘、延迟等基本操作*/public static void simple(){Robot robot new Robot();robot.delay(1000); //延…

o2oa二次开发比开发难吗_6年经验大牛,带你一起打开 Revit 二次开发的新世界大门...

​知乎视频​www.zhihu.com你好&#xff0c;这里是BIMBOX。一线的BIM工作者使用最多的软件是Revit&#xff0c;它功能强大&#xff0c;涵盖建筑、结构、MEP等专业&#xff0c;也正因为涵盖专业太多&#xff0c;它显得有点繁琐和笨拙&#xff0c;不仅约束了创造力&#xff0c;有…

python中的str方法和repr方法_Python中 的 __str__ 方法和 __repr__ 方法的区别有哪些

Python中 的 __str__ 方法和 __repr__ 方法的区别有哪些发布时间&#xff1a;2020-11-05 17:11:48来源&#xff1a;亿速云阅读&#xff1a;95作者&#xff1a;Leah本篇文章给大家分享的是有关Python中 的 __str__ 方法和 __repr__ 方法的区别有哪些&#xff0c;小编觉得挺实用的…

requestbody前端怎么传_学习前端开发前的基础知识了解「V1001」

一、什么是http协议?什么是协议&#xff0c;就是一群人协商好了&#xff0c;统一认知的规则。【例】你&#xff0c;我&#xff0c;他&#xff0c;还有她他他&#xff0c;大家一致认定结婚的时候都要给份子钱&#xff0c;这种大家认同的就是协议。http协议&#xff0c;就规定了…

postmapping注解参数说明_从零搭建后端框架:优雅的参数校验Validator

前两天项目群里发生了关于参数校验的问题讨论&#xff0c;很多开发团队没有对这些做硬性规范时&#xff0c;还是有很多童鞋本着“不多事”的原则&#xff0c;产品文档里没有特别说明就不写。对于2B的产品经理来说&#xff0c;因为一次新迭代&#xff0c;可能回涉及到N多的页面&…

ups计算软件_浅析UPS与蓄电池与逆变器的区别

早期的电信机房中&#xff0c;通常采用将220V交流电源经过整流&#xff0c;为48V电池组充电&#xff0c;由电池组直接给程控交换机供电。随着计算机网络和通信网络在电信机房的应用&#xff0c;需要为其提供高质量的220V的交流电源。由于有现有的48V电池组&#xff0c;所以通常…

django调用java_07.手把手教将深度学习利用Django将模型发布成服务供java调用

标题问题一.python发布成服务1.先建立一个深度学习模型并训练好2.建立一个预测方法去调用训练好的模型3.建立一个Django工程4.将python利用模型预测的代码放入Django项目中5.get请求加上参数6.github二.JAVA请求url&#xff0c;返回json数据问题python作为一个含科学计算与深度…

springboot转发http请求_网易后端实习生分享:Springboot异常和错误处理规范

由于错误在所难免&#xff0c;异常处理已经成为开发工作中不可或缺的部分。在web开发中&#xff0c;我们通常不希望用户看到一个写满StackTrace的错误页面&#xff1b;同时&#xff0c;我们希望出现错误或发生异常时&#xff0c;开发运维人员可以看到详细的错误信息&#xff0c…