当代码不再是程序员专属,一张「代码名片」或是你新身份的最好注解

1,289 阅读3分钟

当在社交场合有人递给你这样一张名片,你是否会感觉到眼前一亮?

尽管一眼 AI ,但是这种被设计成在代码编辑器中打开文件的样式,依旧令人耳目一新。

它巧妙地将个人信息以键值对的形式呈现,既简洁又极具程序员风格。

这样的创意,我猜测,应该源自于早期流行的「代码美化工具」。

彼时,喜欢在博客上分享干货的程序员们,常常要贴上大段示例代码。

但那些默认的代码展示样式实在是惨不忍睹:字体粗糙、配色呆板、缺乏结构感,严重影响阅读体验。

于是,有那么一批注重审美的程序员站了出来,开发了如 CarbonCodePNG 等在线工具,让代码也能“高颜值”地呈现。

通过这些工具,用户不仅可以选择不同的代码主题、语法高亮风格,还能自定义字体、行高、背景,甚至加上毛玻璃效果,并支持将其导出为图片。

而现在这种“代码名片”,正是对这类工具美学理念的延伸,甚至在呈现内容的可定制性方面,也有异曲同工之妙,一起来看看它所用到的提示词模版:

Prompt Template:

A close-up shot of a hand holding a business card designed to look like a {file_format} file open in {code_editor}. The card shows code formatted in {syntax_type} with keys like {key1}, {key2}, {key3}, and {key4}. The window includes typical toolbar icons and a title bar labeled {file_name}, styled exactly like the interface of {code_editor}. Background is slightly blurred, keeping the focus on the card.

Example placeholders:

{file_format}: JSON, XML, YAML

{code_editor}: Notepad++, VS Code

{syntax_type}: JSON, XML

{key1}: "name": "Your Name"

{key2}: "title": "Your Title"

{key3}: "email": "your@email.com"

{key4}: "link": "yourwebsite"

[{key5}: "phone": "Phone Number"]

{file_name}: Business Card.json or Business Card.xml

对应的中文版本是:

提示模板:

一张特写镜头,一只手拿着一张名片,设计成在 {code_editor} 中打开的 {file_format} 文件的样子。名片上显示的代码采用 {syntax_type} 格式,包含 {key1}、{key2}、{key3} 和 {key4} 等键。窗口包含典型的工具栏图标和标有 {file_name} 的标题栏,其样式与 {code_editor} 的界面完全相同。背景略微模糊,使焦点始终集中在名片上。

占位符示例:

{file_format}: JSON、XML、YAML

{code_editor}: Notepad++、VS Code

{syntax_type}: JSON、XML

{key1}: "name": "您的姓名"

{key2}: "title": "您的职称"

{key3}: "email": "your@email.com"

{key4}: "link": "您的网站"

[{key5}: "phone": "电话号码"]

{file_name}: Business Card.json 或 Business Card.xml

可以看到,这一结构化的提示词中包含很多占位符,你可以自由地定制需要展现的编辑器样式、文件格式、语法类型等。

我们可以在这个提示词的基础上,进一步拓展创意边界,比如改成Notepad++名片、PPT名片、Excel名片等。

或者进一步用图生视频工具把它转成视频,让代码名片动起来。

如今,Cursor、Windsurf、Trae等AI代码编辑器层出不穷,极大地降低了很多人的编码门槛。

很多原本从事产品、设计、甚至运营工作的用户,也正在转型为“赤脚程序员”,“写代码”正变得像“写文档”一样平常。

一张独具特色的代码风格名片,也许正是你展示新身份的最佳开场白。

所以——
你,还不打算来一张自己的“代码名片”吗?