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. 2021年9月28日,老是遇到一些非常奇葩的问题。就离谱、好好的一个web项目就莫名奇妙坏了。

    起因是这样的:我前几天用idea2020编辑器,用ssm框架搭建了一个图书管理系统.只是将图书信息的增删改查实现,还有用户的注册和登录功能实现.本来想着今天将用户信息的删除和修改完善以下,本来是很简单 ...

  2. Java函数式编程:一、函数式接口,lambda表达式和方法引用

    Java函数式编程 什么是函数式编程 通过整合现有代码来产生新的功能,而不是从零开始编写所有内容,由此我们会得到更加可靠的代码,并获得更高的效率 我们可以这样理解:面向对象编程抽象数据,函数式编程抽象 ...

  3. VSCode设置鼠标滚轮滑动设置字体大小

    1. 打开"文件->首选项->设置 2. 打开settings.json文件 3. 在setting.json 中添加"editor.mouseWheelZoom&qu ...

  4. go基础语法50问,来看看你的go基础合格了吗?

    目录 1.使用值为 nil 的 slice.map会发生啥 2.访问 map 中的 key,需要注意啥 3.string 类型的值可以修改吗 4.switch 中如何强制执行下一个 case 代码块 ...

  5. 使用Jupyter记事本记录和制作.NET可视化笔记

    前言:对于记录笔记的工具特别多,不过对于程序员来说,记录笔记+程序代码+运行结果演示可以同时存在,无疑会极大增加我们的笔记的可读性和体验感.以前在写python的时候,使用jupyter的体验很好,所 ...

  6. centos7 redis6.2.6安装

    1. 源码包下载并解压 wget http://download.redis.io/releases/redis-6.2.6.tar.gz tar -zxvf redis-6.2.6.tar.gz 2 ...

  7. layui的table数据匹配问题

    <script> layui.use('table', function () { var table = layui.table; //第一个实例 table.render({ elem ...

  8. 森林野火故事2.0:一眼看穿!使用 Panel 和 hvPlot 可视化 ⛵

    作者:韩信子@ShowMeAI 数据分析实战系列:https://www.showmeai.tech/tutorials/40 本文地址:https://www.showmeai.tech/artic ...

  9. Java阻塞队列中的异类,SynchronousQueue底层实现原理剖析

    上篇文章谈到BlockingQueue的使用场景,并重点分析了ArrayBlockingQueue的实现原理,了解到ArrayBlockingQueue底层是基于数组实现的阻塞队列. 但是Blocki ...

  10. 《MySQL必知必会》之事务、用户权限、数据库维护和性能

    第二十六章 管理事务处理 本章介绍什么是事务处理以及如何利用COMMIT和ROLLBACK语句来管理事务处理 事务处理 并非所有数据库引擎都支持事务处理 常用的InnoDB支持 事务处理可以用来维护数 ...