解读 Findem 远程友好公司档案:Remote In Tech 目录中的 3D 人才数据平台
解读 Findem 远程友好公司档案:Remote In Tech 目录中的 3D 人才数据平台
本文以 src/companies/findem.md 这份公司档案为骨架,完整拆解 Remote In Tech(remoteintech.company)目录中一条公司记录的数据结构、前端渲染链路与贡献规范。读完本文,你将掌握该仓库公司档案的 frontmatter 字段体系、标签取值边界,以及 Findem 这家"3D 数据 + AI"人才平台在目录中的具体档案全貌。
档案概览:Findem 是谁
Findem 是一家总部位于美国加州红木城(Redwood City, California)的人才数据平台公司。档案开头的 Company blurb 明确指出它的核心定位:唯一将 3D 数据与 AI 结合的 talent data platform,通过自动化并整合整个人才生态系统的 top-of-funnel 活动,改变企业规划、招聘和管理人才的方式。
其核心产品 Findem's Talent Data Cloud 将 sourcing(人才寻源)、CRM 与分析整合于一体,帮助企业解决规模化企业级挑战。档案中还提到,RingCentral、Intuitive 等客户借此持续输送优质且多元化的候选人才管道。需要注意的是,这类公司介绍文字是公司档案提供者撰写的内容(公司自称),本文仅如实转述档案原文,不做外部数据佐证。
档案的机器可读部分:frontmatter 字段全解
findem.md 的 YAML frontmatter 是整份档案的"机器可读元数据",是仓库构建系统(Eleventy)识别、分类与渲染该公司页面的唯一依据。其完整结构如下:
---
title: "Findem"
slug: findem
website: https://www.findem.ai/
careers_url: https://jobs.lever.co/findem
region: other
remote_policy: remote-friendly
company_size: medium
technologies:
- go
- javascript
addedAt: 2024-10-18
updatedAt: 2024-10-18
---
对照 CONTRIBUTING.md 中规定的字段取值,可以逐一解读 Findem 档案的语义:
| 字段 | Findem 取值 | 取值边界(仓库规定) |
|---|---|---|
region |
other |
worldwide、americas、europe、americas-europe、asia-pacific、other |
remote_policy |
remote-friendly |
fully-remote、remote-first、hybrid、remote-friendly |
company_size |
medium |
tiny(1-10)、small(11-50)、medium(51-200)、large(201-1000)、enterprise(1000+) |
technologies |
go、javascript |
由 javascript、python、ruby、go、java、php、rust、ml、data、cloud、devops 等 24 个枚举值构成 |
几条关键信息由此派生:
- 地区归属:
region: other表示 Findem 不属于仓库预设的五个招聘地区分组(Worldwide、Americas、Europe、Americas & Europe、Asia Pacific)中的任何一个,因此被归入 "Other" 分组,对应 src/_data/labels.js 中的'other': 'Other'。 - 远程策略:
remote-friendly是四级远程策略标签中偏保守的一档,显示为 "Remote Friendly",表明该公司接受远程办公但并非全员远程优先。 - 规模档位:
company_size: medium对应 51-200 人,与正文 Company size 一节中 "51-200 employees" 的描述完全一致,说明正文与元数据互为印证。 - 技术栈枚举:
go与javascript两个取值必须命中 src/_data/labels.js 的tech枚举,否则标签将无法渲染为标准化名称。
addedAt 与 updatedAt 均为 2024-10-18,表明该公司于 2024-10-18 首次加入目录且此后未再更新;这两个日期字段由维护者管理,社区贡献者在提交 PR 时不应自行添加(见 CONTRIBUTING.md)。
档案正文:五个标准小节
与前端渲染模板 src/_layouts/company.njk 所期望的结构一致,findem.md 的正文由五个标准 ## 小节组成:
1. Company blurb(公司简介)
档案用两段文字介绍了公司业务:Findem 是唯一将 3D 数据与 AI 结合的 talent data platform;其 Talent Data Cloud 将 sourcing、CRM 与分析整合到一个平台,被 Fortune 评为 2024 年 "America's Most Innovative Companies" 之一(此为档案原文的公司自我表述)。这段内容不仅用于页面展示,还会被自动加工为 SEO meta description(详见下文"源码纵深"一节)。
2. Company size(公司规模)
明确标注 51-200 employees,并补充了 211 名 LinkedIn 关联成员的数据——即在其 LinkedIn 资料中将 Findem 列为当前任职公司的成员数量。这与 frontmatter 中的 company_size: medium 对应。
3. Region(地区)
注明总部位于 Redwood City, California(加州红木城),与 region: other 的归类一致。
4. Company technologies(公司技术栈)
正文记载:根据 G2 Stack 统计,Findem 使用了 24 个技术产品与服务,包括 HTML5、Vimeo、Google Doubleclick。这一条与 frontmatter 中 go、javascript 的标签声明是两套体系——前者是公司对外技术使用情况的第三方统计描述,后者是目录用来打标签、做聚合检索的标准化枚举。
5. Office locations(办公地点)与 How to apply(如何申请)
办公地址为 702 Marshall St, Redwood City, California 94063, US。申请方式指向 careers page(其招聘页面由 Lever 托管),frontmatter 中对应 careers_url: https://jobs.lever.co/findem——该字段在渲染时会被 src/_layouts/company.njk 用作 "Apply Now" 按钮的跳转链接。
从档案到页面:源码级渲染链路
Findem 档案之所以能成为独立页面并被检索、分类,依赖仓库中一套完整的数据管道。我们以 src/companies/findem.md 为输入,逐层还原其生命周期:
1. 布局与按钮逻辑
src/companies/companies.json 为 src/companies/ 目录下所有档案声明了 "layout": "company",指向 src/_layouts/company.njk。该模板的关键逻辑:
- 通过
{% set buttonUrl = careers_url or website %}决定主按钮跳转地址,Findem 会优先跳转到 Lever 招聘页,按钮文案为 "Apply Now →"; - 通过
labels.region[region]、labels.remotePolicy[remote_policy]渲染地区与远程策略标签,并链接到/browse/{region}/与/browse/{remote_policy}/聚合页; - 遍历
technologies渲染 Tech Stack 标签组,Findem 将显示 Go 与 JavaScript 两个标签; - 页脚展示
Last updated: {{ updatedAt | formatDate('MMMM D, YYYY') }},即 "Last updated: October 18, 2024"。
2. 标签与枚举的单一事实来源
所有取值的显示文案集中在 src/_data/labels.js,并由 src/_data/companyHelpers.js 重新导出给 JS 消费者(如 collections.js)。例如 region: other → "Other"、remote_policy: remote-friendly → "Remote Friendly"、company_size: medium → "51-200 employees"、technologies: go → "Go"。
3. 集合与聚合:档案如何进入目录
src/_config/collections.js 通过 collection.getFilteredByGlob('./src/companies/**/*.md') 拉取全部公司档案(约 800+ 条,带缓存记忆化),并据此构建:
- getAllCompanies:按标题字母序排列的完整公司列表;
- getCompaniesByRegion:按
region分组,Findem 会被放入other分组; - getCompaniesByTech:按
technologies分组,Findem 同时出现在 Go 与 JavaScript 两个技术组下; - getCompanyTags:汇总生成 browse/tag 页数据,含
count统计与公司列表。
4. SEO meta description 的自动生成
src/companies/companies.11tydata.js 通过 Eleventy 的 eleventyComputed 钩子自动生成页面 meta description:它用正则 ##\s*Company\s*blurb\s*\n+([\s\S]*?)(?=\n##|$) 抓取 "## Company blurb" 之后的正文段落,再剥离 Markdown 语法、压缩空白,并在 155 字符处按句子或空格边界截断。也就是说,findem.md 的 Company blurb 段落是 Findem 页面搜索引擎摘要的直接素材来源。
本地构建与验证
按 README.md 提供的方式,可以在本地构建包含 Findem 档案在内的完整站点(需要 Node.js 22+):
npm install # 安装依赖
npm run start # 开发服务器,热重载
npm run build # 生产构建(clean + eleventy + pagefind 索引)
其中 build 脚本在 package.json 中定义为 npm run clean && npm run build:11ty && npm run pagefind。构建完成后,Findem 页面会作为 /companies/findem/ 输出,并生成对应的公司档案 HTML 与站内搜索索引。
结语
Findem 档案是 Remote In Tech 目录数据模型的一个典型样本:一行 YAML frontmatter 定义了公司归属、远程策略、规模与技术栈,正文五个小节承载了面向读者的完整公司介绍,而渲染层与集合层则将这些字段转化为可浏览、可分组、可检索的页面结构。无论你是求职者想了解 Findem 的远程友好程度,还是贡献者想学习如何编写一份合规的公司档案,src/companies/findem.md 都是一份值得对照的完整示例。