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. 24.-Django生成csv文件及下载

    一.csv文件定义 逗号分隔值(comma-separated values, csv,有时页称字符分隔值,因为分分隔字符页可以不是逗号),其文件以纯文本形式存储表格数据(数字和文本) 说明:可被常见 ...

  2. Vivado_8位流水灯

    Design 代码中的计数器设置是因为我的开发板的时钟是100MHZ的,也就是1秒完成了100_000_000次时钟信号,所以我设置计数器为100_000_000次. 也就是说,我让流水灯的变化周期为 ...

  3. Pycharm系列---QT配置

    PYSIDE2 添加外部工具 file---settings External Tools,点击左上角的 加号+ designer 位置: envs\QT6\Lib\site-packages\PyS ...

  4. 这是不是你想要了解SQL的艺术,基础语法等等

    一.基础sql语句: 模块定义 基础语句 基础功能 数据定义 create table 创建数据库表 drop table 删除数据表 alter table 修改表结构 create view 创建 ...

  5. java将流量KB转换为GB、MB、KB格式

    /** * 转换流量格式为xxGBxxMBxxKB * @param flow 156165(xxxxxx) */ public String changeFlowFormat(String flow ...

  6. Terminal(oh-my-zsh) 美化

    如果你使用Mac进行开发,那么Terminal.app应该是你使用非常频繁的app了.初体验Terminal时你可能觉得单调乏味,阅读密密麻麻的内容也很费劲.但是如果你跟着我一起配置它,就会发现你平时 ...

  7. 万字干货_JDK动态代理及其源码解析 拿捏了

    目录 代理模式 静态代理 静态代理和动态代理的区别?什么是静态.动态? 静态代理的使用步骤 示例 静态代理的缺陷 解决静态代理的缺陷的思路 JDK动态代理 JDK 动态代理类使用步骤 示例 底层原理 ...

  8. Blender建模软件怎么安装?有哪些好用的插件?

    1.下载Blender软件包,将压缩包解压后,使用鼠标左键双击打开安装文件. 2.由于压缩包内有两个安装文件,用户需要根据系统版本选择安装.可以使用鼠标右键单击桌面上的"此电脑"图 ...

  9. 4.mysql-进阶

    1.事务 将多个操作步骤变成一个事务,任何一个步骤失败,则回滚到事务的所有步骤之前状态,大白话:要成功都成功:要失败都失败. 如转账操作,A扣钱.B收钱,必须两个步骤都成功,才认为转账成功 innod ...

  10. 华为云平台部署教程之CNA\VRM的安装

    本教程仅含华为云平台搭建部署中CNA和VRM的安装,请按需求选择查看本文. 一.前期准备 1.硬件 服务器*4 交换机*3 网线 个人PC机 2.软件 PC机系统(win7/win10) KVM软件 ...