发布于 2026-01-06 0 阅读
0

为终端制作名片

为终端制作名片

最近我偶然看到了Scott Spence 的精美名片,真不敢相信几年前我竟然错过了这种潮流。

所以我来把它带回来!
在航站楼里交换名片,因为谁不喜欢使用航站楼呢😅。

据我所知,最初的想法来自bitandbang,我们将在本文中使用并注明出处。

今日结果:

终端名片

创建 NPM 名片

我们不会从头开始创建卡片,因为 bitandbang 已经完成了大部分繁重的工作。

前往bitandbang 代码库并 fork 它!

获得分支后,将其克隆到本地,然后在您喜欢的编辑器中打开。

打开build.js文件,其中包含了我们需要的所有魔法。

请将所有信息替换成您自己的信息,您可以随意选择要展示的元素。
您可以随时添加/删除行。

在最后一行,您可以看到渲染图,您可以在其中为您的卡片指定预定义或自定义颜色。

完成后,您可以通过运行以下命令在本地进行测试。

npm run dev
Enter fullscreen mode Exit fullscreen mode

这应该能让你看到这张卡的输出效果。

将您的卡片发布到 NPM

当你完成卡片制作并对它的外观感到满意后,就可以将其发布到 NPM 了。

但在此之前,我们先确保将其发布在我们的域名下。

打开package.json文件并修改以下内容:

  • 姓名
  • 版本
  • 描述
  • 箱子(第一个元素)
  • 仓库
  • 首页
  • 作者

完成上述步骤后,您可以通过执行以下命令将软件包发布到注册表。

npm publish
Enter fullscreen mode Exit fullscreen mode

现在您可以打开一个新的终端并运行您的卡片命令来查看输出结果。

就我而言,就是这条命令:

npx rebelchris
Enter fullscreen mode Exit fullscreen mode

太酷了!

信用

非常感谢 bitandbang 提供的初始代码库

你可以通过这个GitHub链接找到我的版本

感谢阅读,让我们保持联系!

感谢您阅读我的博客。欢迎订阅我的电子邮件简讯,也可以在FacebookTwitter上关注我。

文章来源:https://dev.to/dailydevtips1/creating-a-business-card-for-the-terminal-3hel