Giter Club home page Giter Club logo

resume's Introduction

🧾 Resume Generator

在线简历生成器。无须 fork 仓库,即可在线预览、编辑和下载 PDF 简历。✨ 在线编辑

内置 3 套模板,支持自定义主题颜色自定义模块标题国际化(中/英) 等.

默认模板 简易模板 简易模板2(适用于多页)
Live Demo Live Demo Live Demo

如何使用(How to use)

方式 1:

在线编辑 -> 导出配置 -> 存储“简历信息”在个人 github special 仓库下(例如: visiky/visiky

方式 2:

直接创建一个 resume.json 文件在自己的 special 仓库下 (内容参考: visiky/visiky).

最后

访问 https://visiky.github.io/resume?user={user}&branch={branch}

参数说明:

参数 描述 默认值
user github 用户名 必选
template 模板 默认: template1
branch 分支名 默认: master
mode 模式 备注: 默认为‘只读’模式,设置为: mode=edit 即可进入编辑模式
lang 语言 默认: zh-CN

本地开发(Local develop)

# pnpm required, to see: https://pnpm.io/installation
# Install dependencies
pnpm install
# Then, start
npm start

✨ Recommendation

resume's People

Contributors

allcontributors[bot] avatar bigbigdreamer avatar fengchunsgit avatar foundthewout avatar joriewong avatar nooop3 avatar turkyden avatar visiky avatar yangfong avatar ycjcl868 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

resume's Issues

头像不清晰

如果头像上传后也显示清晰的话就更完美了

头像没有显示

头像没有显示,其他都没有问题,头像照片jpg和resume.json一起上传

wait perf points

简单记录下,可以优化的细节点:

  • 1. 区分ts type | interface 导入模式

  • 参见:传送门

// eg

import React from 'react';

import type { ReactNode } from 'react'

   或者

  • typescript 4.5 以上版本支持
// eg

import React, { type ReactNode } from 'react';
  • 2. 借助huskycommit时触发format,避免忘记format

工作经历无法填写

error
11react_devtools_backend_compact.js:2367 TypeError: t.work_time.split is not a function
at component---src-pages-index-tsx-334b29b7b50dc66c3d04.js:2:684398
at onFinish (component---src-pages-index-tsx-334b29b7b50dc66c3d04.js:2:309756)
at component---src-pages-index-tsx-334b29b7b50dc66c3d04.js:2:307561
o

修改时间不成功

在模板中对时间进行配置后提交得到的结果都是 2001.02 - 2000.01,无法成功提交修改的时间。

加载不出来

请问加载不出来是什么原因,也不提示路径错误

[feature] 简历部分内容标注/高亮

问题背景

我希望面试官在看到我的简历时立刻能看到我最想表达的亮点,在这种情况下希望简历可以进行内容标注功能

预期效果

可以对选中的内容进行高亮/标注
image

预期实现

通过右键弹出菜单的方式实现
image

具体技术方案

方案一

方案一的简述是通过windpw.getSelection()这个API进行浏览器文本选择及替换。
我的具体实现方式我提了一个PR,在其中讲了

方案二

由于Selection会涉及多个节点,在选择多节点时表现出强烈的不稳定性,经过整理或许还可以通过如下方案实现。

  1. 利用浏览器本身的Selection特性,不做节点替换,只做样式调整。举个例子,对于选中的范围,对其上层节点添加class=sign以期望实现.sign:: selection{}
  2. 通过SelectionAPI持续修改selection的范围而不是替换节点

这个方案目前没有正式实验,预估存在问题

  • Selection的特性是点击页面其他位置取消选中,怎么取消这个规则的同时不影响其他选中行为
  • ::selection只支持color、background、cursor 以及 outline,可胜任的场景是否足够

尝试npm安装gatsby报错

PS D:\Project Files\resume-master> npm install -g gatsby-cli --registry https://registry.npm.taobao.org
npm WARN deprecated [email protected]: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.
npm ERR! code 1
npm ERR! path C:\Users\local_jn4x5m2\AppData\Roaming\npm\node_modules\gatsby-cli\node_modules\lmdb
npm ERR! command failed
npm ERR! command C:\Windows\system32\cmd.exe /d /s /c node-gyp rebuild
npm ERR! gyp info it worked if it ends with ok
npm ERR! gyp info using [email protected]
npm ERR! gyp info using [email protected] | win32 | x64
npm ERR! gyp info find Python using Python version 3.9.7 found at "D:\SOFT\anaconda3\python.exe"
npm ERR! gyp http GET https://nodejs.org/download/release/v16.14.0/node-v16.14.0-headers.tar.gz
npm ERR! gyp http 200 https://nodejs.org/download/release/v16.14.0/node-v16.14.0-headers.tar.gz
npm ERR! gyp http GET https://nodejs.org/download/release/v16.14.0/SHASUMS256.txt
npm ERR! gyp http GET https://nodejs.org/download/release/v16.14.0/win-x64/node.lib
npm ERR! gyp http GET https://nodejs.org/download/release/v16.14.0/win-x86/node.lib
npm ERR! gyp http GET https://nodejs.org/download/release/v16.14.0/win-arm64/node.lib
npm ERR! gyp http 200 https://nodejs.org/download/release/v16.14.0/SHASUMS256.txt
npm ERR! gyp http 404 https://nodejs.org/download/release/v16.14.0/win-arm64/node.lib
npm ERR! gyp http 200 https://nodejs.org/download/release/v16.14.0/win-x64/node.lib
npm ERR! gyp http 200 https://nodejs.org/download/release/v16.14.0/win-x86/node.lib
npm ERR! gyp ERR! find VS
npm ERR! gyp ERR! find VS msvs_version not set from command line or npm config
npm ERR! gyp ERR! find VS VCINSTALLDIR not set, not running in VS Command Prompt
npm ERR! gyp ERR! find VS checking VS2022 (17.0.31919.166) found at:
npm ERR! gyp ERR! find VS "D:\Program Files\Microsoft Visual Studio\2022\Community"
npm ERR! gyp ERR! find VS - found "Visual Studio C++ core features"
npm ERR! gyp ERR! find VS - missing any VC++ toolset
npm ERR! gyp ERR! find VS could not find a version of Visual Studio 2017 or newer to use
npm ERR! gyp ERR! find VS looking for Visual Studio 2015
npm ERR! gyp ERR! find VS - not found
npm ERR! gyp ERR! find VS not looking for VS2013 as it is only supported up to Node.js 8
npm ERR! gyp ERR! find VS
npm ERR! gyp ERR! find VS **************************************************************
npm ERR! gyp ERR! find VS You need to install the latest version of Visual Studio
npm ERR! gyp ERR! find VS For more information consult the documentation at:
npm ERR! gyp ERR! find VS https://github.com/nodejs/node-gyp#on-windows
npm ERR! gyp ERR! find VS **************************************************************
npm ERR! gyp ERR! find VS
npm ERR! gyp ERR! stack Error: Could not find any Visual Studio installation to use
npm ERR! gyp ERR! stack at VisualStudioFinder.fail (C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\find-visualstudio.js:122:47)
npm ERR! gyp ERR! stack at C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\find-visualstudio.js:75:16
npm ERR! gyp ERR! stack at VisualStudioFinder.findVisualStudio2013 (C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\find-visualstudio.js:363:14)
npm ERR! gyp ERR! stack at C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\find-visualstudio.js:71:14
npm ERR! gyp ERR! stack at C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\find-visualstudio.js:384:16
npm ERR! gyp ERR! stack at C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\util.js:54:7
npm ERR! gyp ERR! stack at C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\util.js:33:16
npm ERR! gyp ERR! stack at ChildProcess.exithandler (node:child_process:406:5)
npm ERR! gyp ERR! stack at ChildProcess.emit (node:events:520:28)
npm ERR! gyp ERR! stack at maybeClose (node:internal/child_process:1092:16)

[feature]调整配置列表顺序

1: 也许用户可以控制是否显示一些模块, 例如自我介绍部分, 当内容为空时它依然会显示
image

应该可以通过判断模块对应内容是否为空来决定是否展示, 当然这应该有更好的解决方法

2: 也许可以通过拖拽配置列表的方式来控制模块的展示顺序
image

应该是有比较成熟的开源组件可以使用来实现列表可拖拽

不错的生成器, 感谢开源!!!!

不能显示头像

导出的pdf和网页版的不太一样(不知道用什么虚拟打印机好)

【Bug】起始时间更新函数

更新教育背景时,若是起始时间字段完全不改动,直接保存时会出现错误:

image

断点发现,是因为该字段是一个数组,于是在调用 split() 方法时出现了问题:

image

希望能够自定义标题

这个项目真的非常棒!

我在使用中发现下面两个问题:

  • 配置简历 部分各个标题都是固定的,没办法自定义标题的名字,也没办法新增标题项。
  • 工作经历 为例,如果该部分为空,则仍会在简历中显示该标题。我认为应该内容为空时应当自动隐藏该标题,或者提供一个选项给用户选择是否隐藏。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.