首页 » SEO优化 » phpdiv右对齐技巧_三种新姿势帮你写出精致简历

phpdiv右对齐技巧_三种新姿势帮你写出精致简历

访客 2024-11-14 0

扫一扫用手机浏览

文章目录 [+]

你是若何写简历?还在诟病简历一眼看去没有出彩的地方?你还在利用 Word 写简历吗?这种办法早已 Out了。
如果你用的微软 Office 写的简历,人家用的 WPS 打开你的简历,格式肯定会错乱。
而且很多Word 版炫酷样式的简历模板都是收费的。
懂一点技能的我们该当通过技能手段写一份免费又精美的简历。
简历格式最好是 pdf ,不管通过什么工具打开都不会涌现格式错乱的问题。

为了让大家不输在口试的起跑线上,为了凸显个人专业技能的特点,为了让口试官面前一亮。
我筛选出最优的三种办法写简历,希望能帮到大家。
三种办法如下:

phpdiv右对齐技巧_三种新姿势帮你写出精致简历

Markdown 写个人简历单页面 HTML 代码写个人简历前端项目写个人简历Markdown 内容天生简历准备事情节制 Markdown 基本语法。
标题、内容强调、段落、代码块、图片链接等。
节制 HTML、CSS 基本语法,由于 Markdown 编辑器支持 HTML 内容。
写简历Markdown 基本语法标题,利用 # 可代表 1~6 级标题。
例如:### 表示三级标题。
内容强调,在强调内容两侧分别加上 或者 _。
例如:斜体、_斜体_ 表示斜体;加粗、__加粗__ 表示内容加粗。
利用 ·、+、或 - 标记无序列表。
图片链接,例如:![](图片url)。
代码块,以“```”括起来的内容。
区间引用,在段落的每行或者只在第一行利用符号 >。
在线写简历

访问 冷熊简历,首页效果如下图:

phpdiv右对齐技巧_三种新姿势帮你写出精致简历
(图片来自网络侵删)

一方面参考简历模板,这里我推举一个开源项目 ResumeSample,它包含 Java、C、Php、Android、Web 等简历模板。
另一方面添加自己的事情履历,将简历内容丰富起来。

天生简历

简历内容写完后,点击“PDF”就可以将在线的 Markdown 格式的简历转化为 PDF 格式,我们就可以在各大找事情,App 投放这份简历了。
终极导入的简历效果如下图:

把稳一下,Markdown 文档如何添加个人图像?有很多办法,这里我直接用的 HTML 代码来实现的。
在 Markdown 文件中添加如下代码,就可将图像添加到你指定位置。

<div style="float:right"> <img width="180" src="https://pic1.zhimg.com/v2-e38d6ca59c245f74665a1d2241fc69cc_b.jpg" ></div>

实在很大略,上面代码用到了两个 HTML 标签:div、img,div 标签添加了内嵌样式,让 div 右对齐,img 设置了 width 属性,指定图片的宽度。

本地写简历

点击“下载”功能,可将我们写好的 Markdown 格式的简历下载到本地。
本地安装 Markdown 编辑器 Typora 可以通过此工具的将 Markdown 格式转化为 PDF 格式,往后我们写简历直接在本地修正就可以。
Typora 下载地址,在“文件”->“导出”->“PDF”,即可导出文件。

Markdown 添加自定义样式,优化显示效果,打开 Typora 工具,“文件”->“偏好设置…”,如下图:

打开主题,找到 Typora 工具存放主题的位置,将我们自定义的主题文件 xx.css 拷贝到此文件。
重启 Typora 工具,就可看到我们自定义的主题。
自定义样式写法便是 CSS 样式书写的格式,可以参考一下简历模板样式。

添加小图标

根据自己的须要在标题上可添加相应的小图标做点缀。
在网络中找到所须要的小图标保存到本地,然后将小图标添加到对应位置。
在阿里巴巴矢量图标库下载你所须要的小图标,格式为 SVG,须要什么图片搜索一下都能找到。
添加下面代码到 Markdown 文件即可,代码如下:

<img src="assets/info-circle-solid.svg" width="30px">

简历的终极效果如下图:

单页面 HTML 代码天生简历准备事情安装 Python 开拓环境,紧张是利用 Python 命令将 HTML 页面转为 PDF 文件。
安装 wkhtmltopdf 和 PDFKit,紧张用场是将 HTML 页面转为 PDF 文件所依赖的插件。
节制 Git 基本指令:克隆代码(git clone),更新代码(git pull),添加代码(git add),提交代码(git push)。
节制 HTML、CSS 基本语法,节制 HTML 常用标签的含义。
节制 HTML 开拓工具 NotePad++、VS Code。
写简历安装 Python 开拓环境

Python 下载地址

本机本机操作系统(32 位/64 位)下载对应的版本。
这里我下载的版本是 3.7.3。

安装程序下载好,点击 next 就可以安装成功。

利用快捷键 Win +R 打开命令行窗口,输入:python -V,如下图表示 Python 安装成功。

安装 wkhtmltopdf 和 PDFKit 插件

wkhtmltopdf 下载地址

安装完成后把 bin 目录中的可实行 wkhtmltopdf.exe 文件放在模板目录下, 例如:awesome-resume\free。

利用快捷键 Win +R 打开命令行窗口,在命令实行如下命令,安装 PDFKit 插件。

pip install pdfkit #安装 pdfkit 插件下载项目

利用下面命令,将项眼前载到本地:

cd D:\projects #切换到本地目录git clone https://github.com/resumejob/awesome-resume/ #下载项目添补内容

根据个人的喜好,可以通过文本编辑器 NodePad++ 或者开拓工具 VS Code 修正 HTML 页面。
这里我用的是 VS Code 打开的。

打开 awesome-resume\free\free_resume.html 文件,这个文件便是我们要写的简历。
阅读源码可知,找到下面对应区域便是要修正的内容:

<!-- base-info指根本信息,包括头像,姓名,邮箱,电话,链接等 --><!-- 个人简介部分 --><!-- 技能列表部分 --><!-- 事情经历部分 --><!-- 教诲经历部分 --><!-- 志愿者事情部分 -->

根据自己的须要可以对页面的元素进行增删操作。
此项目的解释文档 README.md 也包含很多写简历常用的例句,可以供我们可以借鉴一下!

关键内容高亮

简历紧张是对自己的大略先容,当别人第一眼看到你的简历,就能通过一些高亮内容所吸引,然后连续阅读你的简历。
以是不管你没有履历,又或者履历特殊丰富,简历须要高亮你的一些技能专长、事情亮点等。
高亮关键内容利用 <b></b> 标签。

添加小图标

这里供应两个网站:

fontawesome 官网fontawesome 中文官网

根据自己的需求可自定义页面的图标。
打开小图标网站,选择你须要的图标:

复制如下代码添加到你须要的位置:

<i class="fab fa-github"></i>样式调度

一样平常写样式有两种办法:内联样式、外部样式。

内联样式即直接在 HTML 元素上添加样式,例如:

<p style="position: relative;left: 22px;font-size: 15px;">规模:30人 | 时长:7个月</p>

外部样式即创建样式文件,在样式文件中定义样式,然后在须要的 HTML 页面引用样式文件并利用,例如:

my.css 文件内容如下:

.banner-div { background-image: url("../imgs/banner.png"); background-repeat: no-repeat; height: 24px; display: block; padding-top: 3px; padding-left: 6px; margin-bottom: 10px;}

free.html 文件引入 my.css 文件。

<link rel="stylesheet" href="css/my.css">

页面中利用外部样式如下:

<div class="banner-div"> <span class="banner-span"> <i class="white-icon fas fa-user"></i> 个人简介 </span></div>天生 PDF 文件

实行如下命令,即可将 HTML 转化为 PDF 文件。

cd D:\projects\awesome-resumepython3 convert.py #html 格式转为 pdf

终极的效果如下图:

前端项目天生简历准备事情节制 Git 基本指令:克隆代码(git clone),更新代码(git pull),添加代码(git add),提交代码(git push)。
节制 HTML、CSS 基本语法,节制 HTML 常用标签的含义。
节制 yaml 语法,yaml 是专门用来编写配置文件的措辞,简洁又方便。
安装 Node.js 环境,并且 Node.js 版今年夜于 8.5.0。
若须要对项目改造,须要节制 Vue 语法。
写简历安装 Node.js

Node.js 下载地址,根据自己的操作系统(32 位 / 64 位),下载对应的 msi 安装文件后,双击打开安装,next 即可安装完成。

利用 WIN + R 快捷键打开快捷输入,输入 CMD 打开命令行窗口,输入 node -v 查看 Node.js 版本。
显示如下内容表示 Node.js 安装成功。

下载项目

利用下面命令,将项眼前载到本地:

cd D:\projects #切换到本地目录git clone https://github.com/Ovilia/cv #下载项目修正内容

在 resume/ 目录中撰写你的简历。
data.yml 文件写简历须要呈现的内容。
id.jpg 更换为你自己的证件。

如果本项目要在 Windows 下运行,需修正 data.yml 文件字符集为 UTF-8,这里我通过 Nodepad++ 修正的。

其他文本编辑器也可以修正文件字符集。

data.yml 的内容如下:

/ #/ export const PERSON = `name: first: 王 middle: 小 last: 二 about: 嗨,我叫王小二。
我只是最无聊的人可以想象。
我喜好从后院的树上网络树叶并进行记录。
每次我吃不屈均的花生。
我不是机器人。
请雇用我。
position: Web 前端开拓工程师......contact: email: huaairen@sina.com phone: 13366547894 street: 科技路 99号 city: 陕西西安 website: blog.restlessman.cn github: github.com/hellowHuaairen# en, de, fr, pt, ca, cn, it, es, th, pt-br, ru, sv, id, hu, pl, ja, ka, nl, he, zh-tw, lt, ko, el, nb-nolang: cn #这里表示显示的措辞,cn 表示中文显示`

修正 .eslintrc.json 文件内容,将下面内容中“unix”改为“windows”,由于我本地是 Windows 环境。

"linebreak-style": [ "error", "unix" ],运行项目

在项目根目录,实行下面代码就可以运行项目:

npm install #安装依赖npm run dev #本地运行

打开浏览器,在浏览器中访问:http://localhost:8080/home。

项目供应了 9 种简历模板,点击哪一种模板会自动天生对应简历。
如下图:

天生简历

在项目根目录,利用 WIN + R 快捷键打开命令行窗口,实行 npm run export 命令,项目会读取 resume 目录下的数据(yml 文件内容和 id.jpg),会在 PDF 目录下天生所有模板的简历。
根据自己的需求选择相应的简历。

总结

本文分享了三种办法写个人简历,它们各有特点:

第一种办法是基于 Markdown 、HTML、CSS 语法为根本写个人简历,在线写简历不须要安装任何软件,本地写简历须要安装 Typora 工具,两种办法都操作比较灵巧,高度自定义。
第二种是基于 HTML、CSS,高度自定义。
须要写 HTML 代码来实现的,依赖于浏览器预览页面效果。
还须要安装 Python 开拓环境和两个插件。
天生简历只需一行命令就可将 HTML 格式的文件转化为 PDF 格式。
此办法前期准备事情轻微麻烦一些,环境安装好后期利用特殊方便。
第三种办法是基于 Node.js 的项目,yml 文件添加简历干系内容,保存 yml 文件会自动刷新页面效果,并可以通过命令直接天生多种样式的 PDF 格式简历,也支持支配项目,在线访问个人简历。
安装大略,支持自定义简历模板。
标签:

相关文章