数据集【免费下载链接】remote-jobsSource for remoteintech.company — a community-maintained directory of remote-friendly tech companies项目地址https://gitcode.com/GitHub_Trending/re/remote-jobs点击查看免费下载导读本文以开源仓库remoteintech.companyRemote In Tech中的 Brainstorm Force 公司档案 为完整样本深入拆解一套「远程友好科技公司目录」的数据建模方式从前置元数据frontmatter的字段含义、合法取值到 Eleventy 构建时如何被集合、标签、布局模板与结构化数据逐层消费。读完本文你将掌握如何解读本仓库任意一家公司的档案文件理解region、remote_policy、company_size、technologies等字段的语义边界并能够参照该模板新增或维护一条公司记录。一、档案文档全景Brainstorm Force 记录了哪些信息brainstorm-force.md 是一份典型的公司档案全文由两大部分组成YAML frontmatter结构化元数据与Markdown 正文自由文本描述。先看它承载的完整事实一句话定位Company blurbHelping Businesses Grow Online With Easy Affordable Solutions —— 帮助中小企业以易用、负担得起的方式在线增长公司规模Company size51–200 名员工对应medium51-200 employees档位远程状态Remote status开放职位同时包含线下与远程选项覆盖多个国家的办公室与团队即文档所称的混合模式招聘地区RegionWorldwide全球范围均可申请技术栈Company technologiesWordPress、QA Engineer、SEO、Angular、React、Copywriter、UI Designer办公地点Office locationsRemote远程、Pune印度浦那、Maharashtra马哈拉施特拉邦投递方式How to apply通过官网的 Join 招聘页提交申请。值得注意正文中技术栈并非纯编程语言清单而是混合了语言Angular、React、内容管理系统WordPress与职能角色QA Engineer、Copywriter、UI Designer——这正是该目录「标签体系」的设计初衷用统一标签把不同类型的信息都变成可检索的入口。二、frontmatter 数据模型每个字段的语义与合法取值档案真正被站点引擎消费的部分是头部 YAML 元数据。companies.json仅声明了这些档案统一使用company布局见 companies.json其余字段全部按本仓库约定的数据契约填写。逐字段拆解如下字段Brainstorm Force 的值语义与合法取值以 labels.js 为唯一真源titleBrainstorm Force公司展示名用于页面标题、卡片与排序slugbrainstorm-forceURL 中的唯一标识同时是src/companies/{slug}.md的文件名website官网地址公司主页卡片与布局中的兜底外链careers_url官网 Join 页招聘直达入口存在时页面主按钮显示 Apply Nowregionworldwide取值worldwide、americas、europe、americas-europe、asia-pacific、otherremote_policyhybrid取值fully-remote、remote-first、hybrid、remote-friendlycompany_sizemedium取值tiny(1-10)、small(11-50)、medium(51-200)、large(201-1000)、enterprise(1000)technologies[javascript, php] 等数组标签数组与labels.tech中的键对应addedAt2022-10-23收录日期驱动「最近新增」列表updatedAt2022-10-25最近更新日期页面页脚展示几个关键设计点region与remote_policy是两套正交维度。worldwide只说明招聘覆盖范围而hybrid说明办公形态是线上/线下混合——Brainstorm Force 的档案同时声明两者正体现了该目录把「地域」与「远程程度」分开建模的做法避免用单一维度描述一家公司。remote_policy的四个档位有明确语义梯度fully-remote完全远程→remote-first远程优先→hybrid混合→remote-friendly对远程友好但非主流。选值必须与正文 Remote status 描述自洽本文档正文明确写出「open roles include both in-person and remote options」恰好印证hybrid的选择逻辑。technologies数组是开放的标签集合本档案里javascript与php是语言标签渲染为 JavaScript、PHP其余如 QA Engineer、SEO 等自由文本会被原样展示——getTechLabel在 companyHelpers.js 中找不到对应标签时直接回退为原字符串。三、数据被谁消费从 frontmatter 到页面的完整渲染链路一条公司档案并非孤立文件它在 Eleventy 构建时沿以下链路被多层消费1. 集合Collections档案如何进入目录与分组collections.js 通过collection.getFilteredByGlob(./src/companies/**/*.md)抓取全部档案并按标题字母序排序形成「全部公司」列表getAllCompanies同时提供三类派生视图getCompaniesByRegion按region字段把公司归入worldwide、americas、europe等分组支撑/browse/{region}/页面getCompaniesByTech遍历每家公司technologies数组做多对多分组支撑/browse/{tech}/页面getRecentCompanies按addedAt倒序取前 12 家支撑首页「最近新增」。Brainstorm Force 档案中的region: worldwide、technologies: [javascript, php, ...]、addedAt: 2022-10-23三个字段正是这几类派生集合的输入。2. 计算数据Computed DataMeta 描述自动生成companies.11tydata.js 定义了eleventyComputed.description若档案未显式设置description构建器会用正则截取## Company blurb标题之后的首段文字剥离 Markdown 链接语法与*_强调符压缩空白并截断到约 155 字符优先在句号或空格处截断。这意味着你在本档案里写下的## Company blurb小节不仅用于页面展示还自动决定了该页面的搜索引擎 meta description——这是所有公司档案共用的「一句话摘要」机制。3. 布局模板字段如何变成页面元素company.njk 是公司档案的统一渲染模板它把 frontmatter 字段映射为具体 UI{% set buttonUrl careers_url or website %}优先用careers_url渲染 Apply Now → 主按钮缺省则回退为 Visit Websiteregion与remote_policy分别渲染为tag--region、tag--policy样式标签并链接到对应的/browse/页面若technologies非空正文末尾追加独立的Tech Stack区块每个技术渲染为tag--tech标签页脚通过formatDate(MMMM D, YYYY)把updatedAt格式化为「Last updated: October 25, 2022」这样的可读日期formatDate由 dates.js 中的 dayjs 实现。4. 结构化数据面向搜索引擎的 JSON-LDOrganization.njk 为每家公司输出 schema.org 的OrganizationJSON-LD 块把title映射为name、website映射为url并在存在careers_url时写入sameAs。也就是说一条档案同时驱动了人类可读页面与机器可读语义标注两条输出。5. 列表卡片目录页的复用组件在/companies/目录页等场景中company-card.njk 以宏形式渲染精简卡片公司名链接、地区标签、以及careers_url or website的展示外链域名去除协议前缀并截断到 35 字符。四、标签与浏览体系档案如何被检索到labels.jssrc/_data/labels.js被设计为「单一事实源」它同时被 JS 侧经 companyHelpers.js 再导出与 Nunjucks 模板全局数据labels.*消费。围绕 Brainstorm Force 档案可以还原三组检索路径按地区/browse/worldwide/——region: worldwide使该公司出现在全球招聘分组按远程策略/browse/hybrid/——remote_policy: hybrid使其归入混合办公分组按技术/browse/javascript/、/browse/php/等 —— 数组中的每个元素都会建立一条分组关系。collections.js 中的getCompanyTags进一步把上述分组聚合成带count与label元数据的标签列表按公司数降序排列构成整个站点的标签导航骨架。因此一份档案的字段填写质量直接决定了该公司的可发现性。五、实践如何新增或维护一条同类公司档案参照 README.md 与 CONTRIBUTING.md本仓库采用「档案即数据」的协作方式任何人只需创建src/companies/{slug}.md、按上文数据契约填好 frontmatter、补齐 Markdown 正文小节运行构建命令即可本地验证npm install # 安装依赖需 Node.js 22 npm run start # 本地开发服务器支持热更新 npm run build # 生产构建新增档案时建议以 brainstorm-force.md 为模板核对每一项字段完整性至少包含title、slug、website、region、remote_policy、company_size、technologies并给出addedAt/updatedAt日期取值合法性region、remote_policy、company_size必须落在 labels.js 定义的键范围内否则标签渲染会退化为原字符串、分组也会落入未初始化的桶中正文小节一致性## Company blurb首段会自动成为 meta description建议让这一段能独立概括公司## Remote status的描述应与remote_policy的档位语义互相印证布局约定无需在档案里重复写页面结构companies.json已统一指定company布局正文只需按## Company blurb、## Company size、## Remote status等小节组织即可。六、总结一份看似简单的公司档案在本仓库中实际串联了「frontmatter 数据契约 → 集合派生 → 计算数据生成 meta 描述 → 布局模板渲染 → JSON-LD 结构化输出 → 标签浏览体系」的完整链路。以 Brainstorm Force 档案为样本可以同时学到两件事如何读懂任何一家公司在该目录中的定位worldwidehybridmedium 技术栈标签四维交叉以及如何用 Eleventy 的数据驱动方式维护一个可持续增长、对搜索引擎友好的开源目录。档案是骨架构建管线是血肉——理解了前者你就掌握了本仓库全部 850 家公司的通用解读方法。赞分享数据集【免费下载链接】remote-jobsSource for remoteintech.company — a community-maintained directory of remote-friendly tech companies项目地址https://gitcode.com/GitHub_Trending/re/remote-jobs点击查看免费下载相关推荐remoteintech.company 公司档案解析以 Ambaum 为例理解远程友好公司的数据建模remoteintech.company 公司档案解析以 Ambaum 为例理解远程友好公司的数据建模 remoteintech.company本仓库 RE数据集Miles REINFORCE 配方详解无参考模型下稳住 LLM 强化学习训练的 5 个关键Miles REINFORCE 配方详解无参考模型下稳住 LLM 强化学习训练的 5 个关键 Miles 是一个面向企业的 LLM/VLM 大规模后训练强数据集HVE Core /rpi-quick与RPI Agent怎么选6种入口面完整指南HVE Core /rpi quick与RPI Agent怎么选6种入口面完整指南 如果你正在使用 HVE Core GitHub Copilot 的工程组数据集上一篇Linux Wifi Hotspot 开发指南从源码编译到自定义功能扩展下一篇Prometheus FastAPI Instrumentator完全指南快速实现API性能监控的终极方案创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 
长河君 · 2026/10/1 17:26:17 · 阅读 1.2k 读懂 remoteintech.company 公司档案：以 Brainstorm Force 为例解析远程友好公司的数据模型与站点渲染链路
数据集【免费下载链接】remote-jobsSource for remoteintech.company — a community-maintained directory of remote-friendly tech companies项目地址https://gitcode.com/GitHub_Trending/re/remote-jobs点击查看免费下载导读本文以开源仓库remoteintech.companyRemote In Tech中的 Brainstorm Force 公司档案 为完整样本深入拆解一套「远程友好科技公司目录」的数据建模方式从前置元数据frontmatter的字段含义、合法取值到 Eleventy 构建时如何被集合、标签、布局模板与结构化数据逐层消费。读完本文你将掌握如何解读本仓库任意一家公司的档案文件理解region、remote_policy、company_size、technologies等字段的语义边界并能够参照该模板新增或维护一条公司记录。一、档案文档全景Brainstorm Force 记录了哪些信息brainstorm-force.md 是一份典型的公司档案全文由两大部分组成YAML frontmatter结构化元数据与Markdown 正文自由文本描述。先看它承载的完整事实一句话定位Company blurbHelping Businesses Grow Online With Easy Affordable Solutions —— 帮助中小企业以易用、负担得起的方式在线增长公司规模Company size51–200 名员工对应medium51-200 employees档位远程状态Remote status开放职位同时包含线下与远程选项覆盖多个国家的办公室与团队即文档所称的混合模式招聘地区RegionWorldwide全球范围均可申请技术栈Company technologiesWordPress、QA Engineer、SEO、Angular、React、Copywriter、UI Designer办公地点Office locationsRemote远程、Pune印度浦那、Maharashtra马哈拉施特拉邦投递方式How to apply通过官网的 Join 招聘页提交申请。值得注意正文中技术栈并非纯编程语言清单而是混合了语言Angular、React、内容管理系统WordPress与职能角色QA Engineer、Copywriter、UI Designer——这正是该目录「标签体系」的设计初衷用统一标签把不同类型的信息都变成可检索的入口。二、frontmatter 数据模型每个字段的语义与合法取值档案真正被站点引擎消费的部分是头部 YAML 元数据。companies.json仅声明了这些档案统一使用company布局见 companies.json其余字段全部按本仓库约定的数据契约填写。逐字段拆解如下字段Brainstorm Force 的值语义与合法取值以 labels.js 为唯一真源titleBrainstorm Force公司展示名用于页面标题、卡片与排序slugbrainstorm-forceURL 中的唯一标识同时是src/companies/{slug}.md的文件名website官网地址公司主页卡片与布局中的兜底外链careers_url官网 Join 页招聘直达入口存在时页面主按钮显示 Apply Nowregionworldwide取值worldwide、americas、europe、americas-europe、asia-pacific、otherremote_policyhybrid取值fully-remote、remote-first、hybrid、remote-friendlycompany_sizemedium取值tiny(1-10)、small(11-50)、medium(51-200)、large(201-1000)、enterprise(1000)technologies[javascript, php] 等数组标签数组与labels.tech中的键对应addedAt2022-10-23收录日期驱动「最近新增」列表updatedAt2022-10-25最近更新日期页面页脚展示几个关键设计点region与remote_policy是两套正交维度。worldwide只说明招聘覆盖范围而hybrid说明办公形态是线上/线下混合——Brainstorm Force 的档案同时声明两者正体现了该目录把「地域」与「远程程度」分开建模的做法避免用单一维度描述一家公司。remote_policy的四个档位有明确语义梯度fully-remote完全远程→remote-first远程优先→hybrid混合→remote-friendly对远程友好但非主流。选值必须与正文 Remote status 描述自洽本文档正文明确写出「open roles include both in-person and remote options」恰好印证hybrid的选择逻辑。technologies数组是开放的标签集合本档案里javascript与php是语言标签渲染为 JavaScript、PHP其余如 QA Engineer、SEO 等自由文本会被原样展示——getTechLabel在 companyHelpers.js 中找不到对应标签时直接回退为原字符串。三、数据被谁消费从 frontmatter 到页面的完整渲染链路一条公司档案并非孤立文件它在 Eleventy 构建时沿以下链路被多层消费1. 集合Collections档案如何进入目录与分组collections.js 通过collection.getFilteredByGlob(./src/companies/**/*.md)抓取全部档案并按标题字母序排序形成「全部公司」列表getAllCompanies同时提供三类派生视图getCompaniesByRegion按region字段把公司归入worldwide、americas、europe等分组支撑/browse/{region}/页面getCompaniesByTech遍历每家公司technologies数组做多对多分组支撑/browse/{tech}/页面getRecentCompanies按addedAt倒序取前 12 家支撑首页「最近新增」。Brainstorm Force 档案中的region: worldwide、technologies: [javascript, php, ...]、addedAt: 2022-10-23三个字段正是这几类派生集合的输入。2. 计算数据Computed DataMeta 描述自动生成companies.11tydata.js 定义了eleventyComputed.description若档案未显式设置description构建器会用正则截取## Company blurb标题之后的首段文字剥离 Markdown 链接语法与*_强调符压缩空白并截断到约 155 字符优先在句号或空格处截断。这意味着你在本档案里写下的## Company blurb小节不仅用于页面展示还自动决定了该页面的搜索引擎 meta description——这是所有公司档案共用的「一句话摘要」机制。3. 布局模板字段如何变成页面元素company.njk 是公司档案的统一渲染模板它把 frontmatter 字段映射为具体 UI{% set buttonUrl careers_url or website %}优先用careers_url渲染 Apply Now → 主按钮缺省则回退为 Visit Websiteregion与remote_policy分别渲染为tag--region、tag--policy样式标签并链接到对应的/browse/页面若technologies非空正文末尾追加独立的Tech Stack区块每个技术渲染为tag--tech标签页脚通过formatDate(MMMM D, YYYY)把updatedAt格式化为「Last updated: October 25, 2022」这样的可读日期formatDate由 dates.js 中的 dayjs 实现。4. 结构化数据面向搜索引擎的 JSON-LDOrganization.njk 为每家公司输出 schema.org 的OrganizationJSON-LD 块把title映射为name、website映射为url并在存在careers_url时写入sameAs。也就是说一条档案同时驱动了人类可读页面与机器可读语义标注两条输出。5. 列表卡片目录页的复用组件在/companies/目录页等场景中company-card.njk 以宏形式渲染精简卡片公司名链接、地区标签、以及careers_url or website的展示外链域名去除协议前缀并截断到 35 字符。四、标签与浏览体系档案如何被检索到labels.jssrc/_data/labels.js被设计为「单一事实源」它同时被 JS 侧经 companyHelpers.js 再导出与 Nunjucks 模板全局数据labels.*消费。围绕 Brainstorm Force 档案可以还原三组检索路径按地区/browse/worldwide/——region: worldwide使该公司出现在全球招聘分组按远程策略/browse/hybrid/——remote_policy: hybrid使其归入混合办公分组按技术/browse/javascript/、/browse/php/等 —— 数组中的每个元素都会建立一条分组关系。collections.js 中的getCompanyTags进一步把上述分组聚合成带count与label元数据的标签列表按公司数降序排列构成整个站点的标签导航骨架。因此一份档案的字段填写质量直接决定了该公司的可发现性。五、实践如何新增或维护一条同类公司档案参照 README.md 与 CONTRIBUTING.md本仓库采用「档案即数据」的协作方式任何人只需创建src/companies/{slug}.md、按上文数据契约填好 frontmatter、补齐 Markdown 正文小节运行构建命令即可本地验证npm install # 安装依赖需 Node.js 22 npm run start # 本地开发服务器支持热更新 npm run build # 生产构建新增档案时建议以 brainstorm-force.md 为模板核对每一项字段完整性至少包含title、slug、website、region、remote_policy、company_size、technologies并给出addedAt/updatedAt日期取值合法性region、remote_policy、company_size必须落在 labels.js 定义的键范围内否则标签渲染会退化为原字符串、分组也会落入未初始化的桶中正文小节一致性## Company blurb首段会自动成为 meta description建议让这一段能独立概括公司## Remote status的描述应与remote_policy的档位语义互相印证布局约定无需在档案里重复写页面结构companies.json已统一指定company布局正文只需按## Company blurb、## Company size、## Remote status等小节组织即可。六、总结一份看似简单的公司档案在本仓库中实际串联了「frontmatter 数据契约 → 集合派生 → 计算数据生成 meta 描述 → 布局模板渲染 → JSON-LD 结构化输出 → 标签浏览体系」的完整链路。以 Brainstorm Force 档案为样本可以同时学到两件事如何读懂任何一家公司在该目录中的定位worldwidehybridmedium 技术栈标签四维交叉以及如何用 Eleventy 的数据驱动方式维护一个可持续增长、对搜索引擎友好的开源目录。档案是骨架构建管线是血肉——理解了前者你就掌握了本仓库全部 850 家公司的通用解读方法。赞分享数据集【免费下载链接】remote-jobsSource for remoteintech.company — a community-maintained directory of remote-friendly tech companies项目地址https://gitcode.com/GitHub_Trending/re/remote-jobs点击查看免费下载相关推荐remoteintech.company 公司档案解析以 Ambaum 为例理解远程友好公司的数据建模remoteintech.company 公司档案解析以 Ambaum 为例理解远程友好公司的数据建模 remoteintech.company本仓库 RE数据集Miles REINFORCE 配方详解无参考模型下稳住 LLM 强化学习训练的 5 个关键Miles REINFORCE 配方详解无参考模型下稳住 LLM 强化学习训练的 5 个关键 Miles 是一个面向企业的 LLM/VLM 大规模后训练强数据集HVE Core /rpi-quick与RPI Agent怎么选6种入口面完整指南HVE Core /rpi quick与RPI Agent怎么选6种入口面完整指南 如果你正在使用 HVE Core GitHub Copilot 的工程组数据集上一篇Linux Wifi Hotspot 开发指南从源码编译到自定义功能扩展下一篇Prometheus FastAPI Instrumentator完全指南快速实现API性能监控的终极方案创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考