一纸简历使用指南
一纸简历是一款强大的工具,能够将 Markdown 格式的内容转换为精美的 PDF 简历。如果你已经熟悉 Markdown,你可以直接开始编辑你的简历。即使你是 Markdown 新手,这个指南也会帮助你快速上手。
为了适应简历的特殊需求,一纸简历支持 Markdown 的核心语法,并引入了 Tailwind CSS 样式和 Lucide 图标,以提供更丰富的样式选择。
基础语法
一纸简历支持以下 Markdown 语法:
- 标题:使用
#
、##
、###
、####
。例如,将简历名称设为h1
(如# 张三-五年经验-前端工程师
),将主要部分如专业技能、工作经验等设为h2
(如## 专业技能
)。 - 代码:使用 `javascript` 格式来突出显示技术栈。
- 列表:使用
+
、-
或1.
来列举项目经验、职责或技能点。 - 链接:使用
[文本](链接)
格式添加 GitHub、博客或个人项目链接。
样式增强
Tailwind CSS 支持
为了让你的简历更具个性化,一纸简历集成了 Tailwind CSS。你可以使用如 text-red-500
、bg-blue-500
等类名来自定义样式。
.text-center.text-lg<cmd-e>
<div className="text-center text-lg"></div>
tailwindcss 样式
为了扩展简历样式,一纸简历支持 tailwindcss 样式,如 text-red-500
、bg-blue-500
等。
用它实现两栏或者三栏布局很方便。
<!-- 两栏布局 -->
<h3>
<div className="flex justify-between">
<div>山西大学</div>
<div>2009-2013</div>
</div>
</h3>
<!-- 三拦布局 -->
<h3>
<div className="flex justify-between">
<div>山西大学</div>
<div>本科</div>
<div>2009-2013</div>
</div>
</h3>
个人信息居中布局
<div class="mb-2 text-2xl font-bold text-center">
山月-三年-前端工程师
</div>
<div className="text-center">
微信:shanyue-bot |
<span class="icon-phone"></span> 18334567890
</div>
<div className="text-center">
<span class="icon-mail"></span> me@shanyue.tech |
<span class="icon-github"></span> [shfshanyue](https://github.com/shfshanyue) |
<span class="icon-home"></span> <https://shanyue.tech>
</div>
Lucide 图标集成
一纸简历支持 Lucide Icons,让你能够轻松添加各种图标,如手机、邮箱、GitHub 等。只需找到图标名称,然后使用 icon-xxx
类名引用即可。
示例如下:
# 山月-三年-前端工程师
<span class="icon-message-circle"></span> 微信:shanyue-bot |
<span class="icon-phone"></span> 18334567890 |
<span class="icon-mail"></span> me@shanyue.tech |
<span class="icon-github"></span> [shfshanyue](https://github.com/shfshanyue) |
<span class="icon-home"></span> <https://shanyue.tech>
速查表
元素 | 语法 |
---|---|
Heading | # H1 |
Bold | **bold text** |
Italic | *italicized text* |
Blockquote | > blockquote |
Ordered List | 1. First item |
Unordered List | + First item |
Code | `code` |
Link | [title](https://www.example.com\) |