YAMLResume

VS Code

实现

VS Code 是一款受 Visual Studio Code "Dark+" 配色方案启发的深色主题。它专为开发者、软件工程师和技术专业人士量身定制,旨在让你的简历反映出你真实的编码环境。

该模板采用了“简历即代码”(Resume as Code)的美学理念,将你个人资料的不同部分视为代码元素:

  • 姓名:装饰为 class(例如:class JohnDoe {
  • 头衔/标语:呈现为代码注释(例如:// Full Stack Engineer
  • 章节:表示为函数调用(例如:experience()
  • 技能/语言:样式设定为对象属性键(例如:JavaScript: Expert

在底层实现上,该模板采用了:

  • 字体排版:使用等宽字体系列(Consolas, Monaco, Courier New, monospace)以营造真实的 IDE 质感
  • 语法高亮:使用 VS Code Dark+ 官方配色方案来区分关键字、字符串、类和函数
  • 布局缩进:引入垂直缩进指南(左边框)来直观地表示每个章节的作用域

配置

resume.yml
content:
  # ...

layouts:
  - engine: html
    template: vscode
    typography:
      fontSize: 16px

特性

  • 以开发者为中心:完美展示技术熟练度以及对编码的热情
  • 默认深色模式:高对比度、保护眼睛的深色主题
  • 类代码结构:独特的视觉隐喻,让技术简历脱颖而出
  • 响应式设计:完全适配桌面端和移动端浏览,保持一致的代码语义
  • 语法样式:使用熟悉的 IDE 颜色来区分职位、日期和描述

预览

VS Code 模板提供了一种独特且现代的外观,能立即引起技术招聘人员和招聘经理的共鸣。它将你的职业历程转化为一份简洁、易读且视觉上非常熟悉的“源文件”。

YAMLResume HTML VS Code 模板

Edit on GitHub

Last updated on