LWL RESUME
是一个简洁、可自定义生成pdf的在线简历编辑工具!

如果你喜欢这种简约格式的简历风格,可以尝试用它来编辑简历 。

注意事项

  • 不支持手机端编辑!请务必使用最新版Chrome(谷歌浏览器)或Edge(win10自带微软浏览器)进行编辑。
  • 只提供生成PDF格式文件(A4纸张大小),不支持word或其他格式。

项目说明

  • 项目基于Vue+Bootstrap框架开发,独自设计与开发的一套简历编辑工具。
  • 纯前端项目,部署在gitee静态服务,数据只会保存在自己电脑浏览器缓存,无须担心隐私泄露。
  • 一套组件实现多重布局方式,拒绝花里胡哨,致力于简洁好看的简历(个人审美)。
  • 可以在线生成PDF文件,100%还原页面样式,有效避免了用word编辑困难和生成pdf的样式错乱问题。

开始使用

页面操作

  • 可以直接在页面上编辑修改文字,支持全局拖拽调整顺序和添加删除此行。
  • 普通行的加号是复制此行内容到下面,对于工作经历这种成组的第一行的加号是复制整组到下面。
  • 如果一页放不下超出边界可以在数据编辑里先添加一页,然后把上一页超出的内容拖拽到下一页(没有做自动检测分页,不用问,问就是不想写…… )没那么智能。

全局设置

  • 重置:对于模板中的样式可以重置为默认值。
  • 主题颜色:可以从提供的14种颜色中选择,也可以自定义,注意格式为16进制颜色。
  • 字体大小:只允许在14px~16px之间调节,太大了不好看。
  • 整体行高:只允许在1.2~1.8之间调节,太大了不好看。
  • 左右边距:只允许在0、10、20、40之间选择,建议20。
  • 头部样式:提供3种样式,任何模板都可以修改。
  • 标题样式:提供13种样式,其实好看的就那几种,在首页模板都有展示。

注意:如果页面内容过少,底部留白太大可以适当通过调整字体大小和行高让排版看上去更加和谐

头像设置

默认隐藏头像,设置头像之前需要先在数据编辑/头部信息设置种输入自己的头像在线链接。

如何生成自己的头像链接?

  • 由于本项目是纯前端,无法将照片上传到云端,又为了开发简单考虑 ,所以目前头像只支持传入一个线上地址或者转换成base64格式字符串,建议先上传到图床,用图床生成的图片地址链接再生成pdf(建议上传正方形白底照片)。
  • 这里提供一个图床地址:路过图床,其他图床都可以,只要能正常访问就可以。

注意:显示头像会占用一部分空间,为了更好的排版,头部的内容长度自己进行把控,过长会导致样式显示错乱

数据编辑

  • 右侧加号按钮可以添加页面,默认是复制的上一页的头部信息和最后一项内容。
  • 可以在每个页面中任意拖拽调整顺序,点击每一项是设置信息,可以设置每一行显示几块内容、图标、是否展示标签,是否加粗等。
  • 标签就是这一行最前面展示的小标题,一般是四个字比较合适,自带冒号,也可以关掉标签直接在内容区自定义。
  • 头部信息可以隐藏,默认只在第一页显示,简历至少有一页。
  • 如果是多页简历,第一页超出的部分需要手动拖拽到第二页。总之不要超出页面范围。

保存

注意:清空浏览器缓存会导致本地数据丢失。

  • 这里的保存只是保存到自己的浏览器缓存,并不会上传到任何服务器,所以无须担心隐私泄露。
  • 保存时建议设置一个简历名称,会在首页《我的简历》列表区域鼠标悬浮时展示。

打印(生成PDF)

注意:请务必使用最新版Chrome(谷歌浏览器)或Edge(win10自带微软浏览器)其他浏览器没有测试,可能不兼容 。

  • 利用谷歌浏览器的特性,可以直接在线生成PDF。
  • 在弹出框目标打印机那一栏选择另存为PDF点击保存即可下载到本地。

图标自定义

  • 本项目使用fontawesome字体图标库,选中图标点击右边复制到设置中即可。例如:fa-meetup一般都是fa开头。
  • 另外再提供一个emoji表情包的地址,比较好看,和文字一样直接复制粘贴即可。

常见问题

有待完善……

lwl-resume 个人简历编辑使用说明的更多相关文章

  1. springboot中使用freemarker生成word文档并打包成zip下载(简历)

    一.设计出的简历模板图以及给的简历小图标切图         二.按照简历模板图新建简历word文件 :${字段名},同时将图片插入到word中,并将建好的word文件另存为xml文件:    三.直 ...

  2. web-51job(前程无忧)-账户、简历-数据库设计

    ylbtech-DatabaseDesgin:web-51job(前程无忧)-账户.简历-数据库设计   1.A,数据库关系图 1.B,数据库设计脚本 /App_Data/1,Account.sql ...

  3. 用原生js写一个"多动症"的简历

    用原生js写一个"多动症"的简历 预览地址源码地址 最近在知乎上看到@方应杭用vue写了一个会动的简历,觉得挺好玩的,研究一下其实现思路,决定试试用原生js来实现. 会动的简历实现 ...

  4. 抽象工厂模式[wiki]

        抽象工厂[编辑] 维基百科,自由的百科全书   跳转至: 导航. 搜索   以统一塑模语言中的类型图来表示抽象工厂 抽象工厂模式(英语:Abstract factory pattern)是一种 ...

  5. 【JavaScript&jQuery】前端资源大全

    综合类 综合类 地址 前端知识体系 http://www.cnblogs.com/sb19871023/p/3894452.html 前端知识结构 https://github.com/Jackson ...

  6. 一次SQL注入导致的"越权"

    原文来自SecIN社区-作者:tkswifty 相关背景   在实际的业务开发中,SQL交互往往是业务系统中不可或缺的一项.在Java中提供了类似Mybatis.Hibernate.SpringDat ...

  7. 开源爱好者月刊《HelloGitHub》第 71 期

    兴趣是最好的老师,HelloGitHub 让你对编程感兴趣! 简介 HelloGitHub 分享 GitHub 上有趣.入门级的开源项目. https://github.com/521xueweiha ...

  8. ★Kali信息收集~ 1.Google Hacking + Github Hacking

    一.google hacking site site:cnblogs.com 毒逆天 intitle intitle:login allintitle allintitle:index of alli ...

  9. jqgrid如何在一个页面点击按钮后,传递参数到新页面

    利用 Content/Scripts/dw-framework.js 中的AddTableMenu属性 <div class="Task" style="backg ...

  10. [BEC][hujiang] Lesson03 Unit1:Working life ---Grammar & Listening & Vocabulary

    3 Working life p8 Grammar Gerund and infinitive(动名词和不定式) 一般而言:        1 动词后面接动名词还是不定式没有特定规则,主要取决于语言习 ...

随机推荐

  1. js中通过正则表达式验证邮箱是否合法

    文章目录 1.效果展示 2.问题描述 3.代码实现 1.效果展示 2.问题描述 当用户在输入框输入邮箱后.点击验证邮箱按钮.系统给出提示信息. 3.代码实现 <!DOCTYPE html> ...

  2. numpy(ndarray)和tensor(GPU上的numpy)速查

    类型(Types) Numpy PyTorch np.ndarray torch.Tensor np.float32 torch.float32; torch.float np.float64 tor ...

  3. python中的字符串学习

    # 1.字符串的下标(索引) # 取字符串中的子串 print('1.字符串的下标(索引)') str1 = 'PYTHON' print(str1[0]) print(str1[-4]) # 2.字 ...

  4. Istio Ambient Mesh七层服务治理图文详解

    摘要:本文主要集中剖析Ambient mesh七层服务治理相关内容. 本文分享自华为云社区<Istio Ambient Mesh七层服务治理图文详解>,作者:华为云云原生团队. 由于Amb ...

  5. SpringCloud(六) - RabbitMQ安装,三种消息发送模式,消息发送确认,消息消费确认(自动,手动)

    1.安装erlang语言环境 1.1 创建 erlang安装目录 mkdir erlang 1.2 上传解压压缩包 上传到: /root/ 解压缩# tar -zxvf otp_src_22.0.ta ...

  6. threejs三维地图大屏项目分享

    这是最近公司的一个项目.客户的需求是基于总公司和子公司的数据,开发一个数据展示大屏. 大屏两边都是一些图表展示数据,中间部分是一个三维中国地图,点击中国地图的某个省份,可以下钻到省份地图的展示. 地图 ...

  7. 不借助idea开发工具构建一个Javaweb项目

    不借助idea开发工具构建一个Javaweb项目 目录结构 webappsroot |----------WEB-INF |----------classes(存放字节码) |----------li ...

  8. Java-(array)数组的基本概念 及 Java内存划分

    (array)数组的基本概念 数组的概念:是一种容器,可同时存放多个数据值 数组的特点: 1.数组是一种引用数据类型 2.数组当中的多个数据,类型必须统一 3.数组的长度在程序运行期间不可改变 数组的 ...

  9. kubernetes笔记-2-基本操作

    一.kubectl的基本操作 语法:   kubectl [command] [type] [name] [flags] 语法说明:   command:对资源执行相应操作的子命令,如:get.cre ...

  10. 5种典型 API 攻击及预防建议

    API 帮助跨多个设备互连多个应用程序或软件系统,定义它们可以发出的调用或请求的种类.调用的方式.应使用的数据格式以及应遵守的约定.API 已经发展成为重要的互连,支持不同应用程序架构之间的通信,促进 ...