使用语法

一纸简历使用指南

一纸简历示例

一纸简历是一款强大的工具,能够将 Markdown 格式的内容转换为精美的 PDF 简历。如果你已经熟悉 Markdown,你可以直接开始编辑你的简历。即使你是 Markdown 新手,这个指南也会帮助你快速上手。

为了适应简历的特殊需求,一纸简历支持 Markdown 的核心语法,并引入了 Tailwind CSS 样式和 Lucide 图标,以提供更丰富的样式选择。

基础语法

一纸简历支持以下 Markdown 语法:

  • 标题:使用 ##########。例如,将简历名称设为 h1(如 # 张三-五年经验-前端工程师),将主要部分如专业技能、工作经验等设为 h2(如 ## 专业技能)。
  • 代码:使用 `javascript` 格式来突出显示技术栈。
  • 列表:使用 +-1. 来列举项目经验、职责或技能点。
  • 链接:使用 [文本](链接) 格式添加 GitHub、博客或个人项目链接。

样式增强

Tailwind CSS 支持

为了让你的简历更具个性化,一纸简历集成了 Tailwind CSS。你可以使用如 text-red-500bg-blue-500 等类名来自定义样式。

.text-center.text-lg<cmd-e>
 
<div className="text-center text-lg"></div>

tailwindcss 样式

为了扩展简历样式,一纸简历支持 tailwindcss 样式,如 text-red-500bg-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 类名引用即可。

Lucide 图标示例

示例如下:

# 山月-三年-前端工程师
 
<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
## H2
### H3
Bold**bold text**
Italic*italicized text*
Blockquote> blockquote
Ordered List1. First item
2. Second item
3. Third item
Unordered List+ First item
+ Second item
+ Third item
Code`code`
Link[title](https://www.example.com\)