PPResume 小更新：新首页，升级 UI 库，更好的性能

[xiaohanyu]

各位好：

上次 PPResume 更新 后已经过去了快一个月，这几周花了些时间，把底层的 UI 库 升级了一下，带来了更好的加载性能。

同时，重新打磨设计了下 landing page。

新首页：

• 更好的响应式支持
• 新的设计、配色
• 更加直观的 PDF 样章预览
• 加入一个简单的 FAQ

旧首页：

• 最开始是在 iMac 27' 上设计实现的，导致很多设备适配不佳

接下来的计划：

• 支持中文简历
• 支持章节重排

---

另，给大家推荐一个 react 的 UI 库：mantine。这个库是我用过的 UI 库中（包括非 react 系）功能最完备、定制性最强、API 设计顶尖水准的 UI 库。最开始 PPResume 也是采用 tailwind CSS 的，用了 mantine 后 tailwind 整个就被我抛诸脑后了。如果大家有自己开发 web 项目的需要，强烈建议大家试一试。

[7gugu]

看起来真的好漂亮

[7gugu]

不过现在已经有很多站点支持这种模块化建立编辑器了，这个项目的优势是啥呢？

[kongxiao00532]

简单易用好看！

[xiaohanyu]

@7gugu 是这样的呢，resume builder 这个市场不算大，但是也不算小，市面上有很多竞品，开源的实现有一个非常优秀的： https://rxresu.me/ 。不过市面上大多数的 resume builder 底层排版引擎是基于 HTML/CSS 实现的，而 HTML/CSS 的精细排版能力比 LaTeX 还是要差一些。PPResume 的核心卖点就是顶级的排版，以及高质量的 PDF 输出，要实现这点，除了了解 LaTeX ，还要了解排版领域的特定知识，比如我写的排版指南： https://docs.ppresume.com/guide/font ，还有很久之前写的一些关于排版工具的一些对比： https://www.douban.com/note/575242910/ 。

除了排版方面，我自认为 PPResume 在 UI/UX 方面也有些独道之处的，基础的比如实时的表单输入验证，可以让你避免一些初级的文本错误，丰富的输入控件，以及直观的结构化编辑等等。后面会进一步打磨，把整个过程体验做到极致。

不过最核心的还是排版输出的效果，我在这篇 [blog]( https://blog.ppresume.com/posts/introducing-ppresume) 里提供了两个样章，第一份是 rxresume 排版，基于 HTML/CSS ，第二份是基于 LaTeX ，排版效果好坏相信你能很直观的感受得到。

![RXResume sample)( )

![PPResume sample)( )

[xiaohanyu]

@kongxiao00532 哇，“简单易用好看”，在我的认知体系这是相当高的产品评价了，谢谢谢谢！

[7gugu]

@xiaohanyu Fine 。虽然排版更漂亮了，但确实也不是一个非常大的痛点，有差异但竞争力不强😂，简历制作还是“实用>美观”，能准确输出个人现状就不错了。

[xiaohanyu]

@7gugu 这个仁者见仁智者见智啦，市面上的 resume builder 很多的，我没有必要再去造一个没有特色和侧重点的轮子，因此我把竞争点放在了排版质量上。

另就是，我确实有一些朋友很看重简历的排版，原来淘宝店上有个客户，七八年了，每次更新简历都找我帮他排版，手工排，这也是我觉得这块可能有市场的一个原因之一。

[lovestudykid]

固定的栏目满足不了所有人的需求的

[qmzhna]

一般人能分辨出来是 HTML/CSS 还是 Latex 生成的 PDF 嘛？那 Word 生成的 PDF 和 Latex 生成的 PDF 哪个更好呢？

[xiaohanyu]

@lovestudykid 任何一款产品其实都无法满足所有人的需求的，不过你这点提的很对，固定的栏目和模板确实是产品的一大痛点和不足，这个月我会开发“章节重排”这个功能，可以调整下章节的顺序，后序会有章节标题重命名。再高级一些的，比如完全自定义的章节，我还没想好怎么做。

[xiaohanyu]

@qmzhna 观感上还是有很大区别的，不过也需要看你是不是在意这方面。

给一份 word 的 sample：



同样类似的 latex 的 sample:

[xiaohanyu]

@qmzhna 仔细对比的话，两边文字的对齐方式，以及一些字体的细节，其实都还是有一些的，标注了一些注解，再看一下：

word：



latex:



如前所述，我做的其实是一个小众的市场，也并不打算去满足所有人的需求，如果有人对排版质量方面有需求也有追求，那他自然会去寻找相应的解决方案，普通的 HTML/CSS 或者 Word 其实如果不是通过特别的调教，针对简历或者普通的文案排版，其实都达不到顶尖的排版效果的。

排版细节方案，可以看一下 PPResume docs 哈： https://v2ex.com/t/1023693

[lovestudykid]

@xiaohanyu #10 提供几种版式，添加新栏目的时候选择就行。你现在有很多栏目，其实也只有两三种版式的样子。

[xiaohanyu]

@lovestudykid 嗯，会做的

[lstz]

感谢分享，话说 blueprintjs 的 UI 楼主有用过吗？我感觉也是适合 data intensive application

[xiaohanyu]

@lstz 没用过哈，不过我感觉 PPResume 其实并不算 data intensive application 哈

[demonps]

名字包含生僻字，pdf 就会把名字变成 方框+ F ，希望模块可以自定义位置

[xiaohanyu]

@demonps 这个可能是 pdf viewer 的 character map 的问题，回头我看一下。

自定义位置，指的是不同的 section （比如 工作，教育 ）这些可以调整位置对吧？如果是这个需求的话，我最近在开发了。

[xiaohanyu]

@demonps Hello ，生僻字的问题已经暂时修复了呢，切换了下后端模板对中文的字体，issue: https://github.com/ppresume/community/issues/33

[demonps]

@xiaohanyu
#19 谢大佬👍
#18 对的，自由拖放 section ，或是可以自定义 section 中的一些属性 会更 nice🎉