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

引言

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

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

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,一经查实,立即删除!

相关文章

mysql代码不熟_mysql存储过程的错误,语法不熟,找了好久没找到错误。。。

CREATEPROCEDUREupdate_pointer()begin/*done为1执行异常&#xff0c;停止执行*/DECLAREDoneINTDEFAULT0;DECLAREnowtimeINT;DECLAREyuefloat;DECLAREuidint;DECLAREyqmoneyfloat;DECLAREsummone...CREATE PROCEDURE update_pointer()begin/*done为1执行异常&#xff0c;停止执…

python axes_浅谈matplotlib.pyplot与axes的关系

最近在学习数据可视化&#xff0c;梳理一下其中一些诸如pandas绘图、matplotlib绘图、pyplot(plt)、axes等概念。重要的事情说三遍&#xff1a;axes不是axis&#xff01;axes不是axis&#xff01;axes不是axis&#xff01;重要的事情说三遍&#xff1a;pyplot是接口不是对象&am…

protobuf2和3同时安装_安装protobuf可能遇到的问题

http://code.google.com/p/protobuf/downloads/list安装&#xff1a;unzip protobuf-2.3.0.zipcd protobuf-2.3.0./configuremakemake checkmake install1.每步在执行过程中注意权限问题&#xff0c;有的命令不sudo执行会出问题。./configuremakemake checkmake install2. 执行…

python制作考试系统_Python系统学习 - Pytest单元测试框架

哈咯&#xff0c;大家&#xff0c;我们今天来学习pytest单元测试框架&#xff0c;这个框架要比unittest更加易于使用&#xff0c;结构性也更加好&#xff0c;希望大家能够从中学习到有用的东西&#xff0c;然后在下一章&#xff0c;我们来使用pytest单元测试框架来搭建一个web自…

python分析推特_用Python关注者的关注者抓取Twitter数据的最快方法

我在用Python在Twitter上做一个关于用户社交关系的研究。在问题是“什么是最快的方式抓取某个用户的关注者信息”我搜索了很多信息&#xff0c;目前正在使用Tweepy&#xff1a;c tweepy.Cursor(api.followers_ids, idcentre, count5000).items()while True:try:followers_ids_…

python修复不了_如何修复Python代码?

当您将变量定义为str()时&#xff0c;就是将它们分配给一个空字符串(尝试在命令shell或IDLE中运行str()&#xff0c;然后查看其返回值)。在然后&#xff0c;使用input()函数&#xff0c;您将为某些字符串重新定义变量&#xff0c;并且在if语句中&#xff0c;您将使用这些比较运…

为什么不可以使用哈曼顿距离_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…

idea集成python_IDEA集成Python插件,SDK配置

(第一次写在博客园添加随笔&#xff0c; 会有些生硬&#xff0c;有不对的地方和描述错误之处希望可以指出)最近在学习一个新的知识点&#xff0c;涉及到Python的使用&#xff0c;因为第一次接触很多地方都不是很明白 &#xff0c;好&#xff0c;废话不多说&#xff0c;现在直接…

python 弹窗不阻断线程_Javascript 如何阻断程序的运行

通常情况下 JavaScript 是单线程的&#xff0c;一段 Js 程序的运行会占满整个程序进程&#xff0c;我们通常会想方设法的通过异步编程来减少程序的阻塞&#xff0c;那么我们今天反其道而行之&#xff0c;看看通过怎么样正常的方式来阻塞 Js 运行。无限循环单线程的 JavaScript …

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;做出了对于后台管理系统中前端项目的思…

用python绘制熊猫图案_绘制带有熊猫和Matplotlib的一分钟烛台

给出了以下Pandas数据帧的示例date open high low close volume0 2015-03-13 08:00:00 71.602 71.637 71.427 71.539 0.0002491 2015-03-13 08:01:00 71.541 71.563 71.461 71.501 0.0002152 2015-03-13 08:02:00 71.521 71.537 71.504 71.533 0.0000483 2015-03-13 08:03:00 7…

mysql修改主从复制id_mysql主从复制设置

三、mysql复制master和每个slave是通过unique ID来区分的(server-id选项),而且每个slave需要配置好master的主机名&#xff0c;日志文件名&#xff0c;和日志位置这些可以通过在slave会话中使用命令CHANGE MASTER TO &#xff0c;存储在slave的master.info文件中--begin1.在mas…

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

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

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

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

利用python进行数据分析第一版和第二版区别_《利用Python进行数据分析·第2版》第1章 准备工作...

1.1 本书的内容本书讲的是利用Python进行数据控制、处理、整理、分析等方面的具体细节和基本要点。我的目标是介绍Python编程和用于数据处理的库和工具环境&#xff0c;掌握这些&#xff0c;可以让你成为一个数据分析专家。虽然本书的标题是“数据分析”&#xff0c;重点确实Py…

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

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