数据集【免费下载链接】remote-jobsSource for remoteintech.company — a community-maintained directory of remote-friendly tech companies项目地址https://gitcode.com/GitHub_Trending/re/remote-jobs点击查看免费下载本篇技术指南以 remote-jobs 开源仓库remoteintech.company 网站的源码中的公司档案文档 src/companies/paylocity.md 为主体系统拆解一个远程友好科技公司条目是如何以 Markdown Frontmatter 形式组织的并追踪它从数据定义、元数据计算、标签聚合到最终 HTML 页面渲染的完整链路。读完本文你将掌握该仓库公司档案的标准字段模型、合法取值约束、描述自动生成逻辑以及按地区 / 远程政策 / 技术栈聚合的实现方式并了解如何为目录新增或校验同类档案。一、档案在仓库中的位置与项目定位remote-jobs 仓库的package.json将其描述为A list of semi to fully remote-friendly companies in or around tech即一个由社区维护的、收录科技行业内半远程至全远程友好公司的目录。每家公司对应src/companies/目录下的一个独立 Markdown 文件paylocity.md 便是 Paylocity一家美国 HR 与薪酬技术公司在目录中的完整档案。该档案包含两部分FrontmatterYAML 元数据标题、slug、官网、招聘页、地区、远程政策、公司规模、技术栈标签、收录与更新时间Markdown 正文公司简介、规模、远程现状、地区、技术栈、办公地点、申请方式等固定章节。这份档案是 Paylocity 在 remoteintech.company 站点上所有展示、检索与聚合行为的唯一数据来源理解它的结构即理解整个目录的数据约定。二、Frontmatter 元数据逐项拆解paylocity.md 的 Frontmatter 如下--- title: Paylocity slug: paylocity website: https://www.paylocity.com/ careers_url: https://www.paylocity.com/careers/career-opportunities/ region: americas remote_policy: remote-friendly company_size: enterprise technologies: - dotnet - javascript addedAt: 2018-04-24 updatedAt: 2020-10-23 ---各字段的含义与合法取值均可在仓库的 CONTRIBUTING.md 与标签定义文件 src/_data/labels.js 中找到依据字段Paylocity 取值含义与约束依据titlePaylocity公司显示名称通用字段slugpaylocityURL 标识必须与文件名一致slug: paylocity→src/companies/paylocity.mdCONTRIBUTING.mdwebsite官网地址公司官网在布局中作为回退链接company.njkcareers_url招聘页地址公司自己的招聘页不接受指向售卖服务页的地址CONTRIBUTING.mdregionamericas合法值worldwide/americas/europe/americas-europe/asia-pacific/otherCONTRIBUTING.md、labels.jsremote_policyremote-friendly合法值fully-remote/remote-first/hybrid/remote-friendlyCONTRIBUTING.md、labels.jscompany_sizeenterprise合法值tiny(1-10) /small(11-50) /medium(51-200) /large(201-1000) /enterprise(1000)CONTRIBUTING.md、labels.jstechnologiesdotnet,javascript合法值见 labels.js 的tech映射共 25 项如python、go、sql等CONTRIBUTING.md、labels.jsaddedAt2018-04-24收录日期由维护者管理贡献者 PR 中不要包含CONTRIBUTING.mdupdatedAt2020-10-23最后更新日期同样由维护者管理CONTRIBUTING.md值得注意的是一处双轨现象正文## Company technologies一节罗列的是 HTML、JavaScript、CSS、AJAX、ASP.NET、C# 与 SQL信息更细、带完整技术名而 Frontmatter 的technologies仅收录了dotnet与javascript两个标准化标签。原因在于Frontmatter 标签用于站点聚合与筛选必须命中 labels.js 的受控词表而正文保留的是原始公司描述。这体现了正文承载信息、元数据承载结构化的目录设计思想。三、正文章节结构一条档案包含哪些信息paylocity.md 正文依次包含以下固定##章节这与 CONTRIBUTING.md 规定的结构完全一致必选Company blurb、Remote status、How to apply常用可选Company size、Region、Company technologiesCompany blurb公司简介档案写道At Paylocity, caring is in our makeup. Its who we are. Were more than a cutting-edge HR and payroll tech company…Were people.——直接点明公司业务HR 与薪酬技术与价值观基调Company size公司规模3300并明确标注As of October 2020即该数据为 2020 年 10 月时点值Remote status远程现状说明大量员工远程办公且公司技术使远程协作如同身处同一房间甚至连同宠物Region地区USA对应 Frontmatter 的region: americas美洲区域见 labels.jsCompany technologies公司技术HTML、JavaScript、CSS、AJAX、ASP.NET、C# 和 SQLOffice locations办公地点总部地址为 1400 American Lane, Schaumburg, IL 60173How to apply如何申请指向官方职业机会页对应 Frontmatter 的careers_url。由于档案的updatedAt为 2020-10-23正文中的规模数字与远程政策均代表该时点的信息阅读与引用时应以档案标注时间为准——这也是该目录社区维护、按更新时间标注的通用惯例。四、SEO 描述自动生成companies.11tydata.js 的计算逻辑Paylocity 这类档案的 meta description 并非手工填写而是由 src/companies/companies.11tydata.js 中的eleventyComputed在构建期自动生成。其算法要点若已有description字段则直接使用否则对data.page.rawInput原始 Markdown用正则/##\s*Company\s*blurb\s*\n([\s\S]*?)(?\n##|$)/i提取## Company blurb之后、下一个##之前的段落作为候选文本对文本做清理text还原为text、移除 * _ 等 Markdown 符号、合并换行与多余空格按约 155 字符截断优先在句号边界截断其次在空格边界截断并追加...。这意味着每条公司档案的简介质量会直接影响其搜索引擎摘要——写好Company blurb是档案 SEO 的基础。同理站点还会为每个公司页面注入 JSON-LD 结构化数据见 src/_includes/schemas/Organization.njk以schema.org/Organization类型输出name、url并将careers_url放入sameAs数组帮助搜索引擎理解公司实体的官网与招聘页归属。五、从 Markdown 到页面的渲染链路公司的渲染模板是 src/_layouts/company.njk在 eleventy.config.js 中以addLayoutAlias(company, company.njk)注册并由 src/companies/companies.json 中的layout: company指定。该布局的关键行为主 CTA 按钮{% set buttonUrl careers_url or website %}——优先使用招聘页缺省时回退到官网有careers_url时按钮文案为 Apply Now地区与远程政策标签a href/browse/{{ region }}/与a href/browse/{{ remote_policy }}/文案经labels.region[region]、labels.remotePolicy[remote_policy]从内部键映射为人类可读的 Americas、Remote FriendlyTech Stack 区块遍历 Frontmatter 的technologies逐个渲染为指向/browse/{tech}/的标签经labels.tech将dotnet、javascript映射为 .NET、JavaScript更新时间展示{{ updatedAt | formatDate(MMMM D, YYYY) }}将日期格式化为可读形式过滤器定义见 src/_config/filters。因此Paylocity 档案的region、remote_policy、technologies三个字段不仅是元数据更是页面内导航标签与聚合页面的路由键。六、聚合、浏览与检索档案如何进入目录视图src/_config/collections.js 通过getFilteredByGlob(./src/companies/**/*.md)一次性读取全部公司档案带缓存避免重复过滤约 850 个条目并导出多种集合getAllCompanies按title小写化后localeCompare字母排序供所有公司列表使用getRecentCompanies按addedAt降序取前 12实现最近收录区块getCompaniesByRegion/getCompaniesByTech将公司按region字段与technologies数组分组支撑/browse/{region|tech}/聚合页getCompanyTags汇总technology、region、remote-policy三类标签及其公司列表按数量降序排列。在前端浏览页 src/pages/companies.njk 中所有档案以卡片网格呈现每个.company-item携带data-region与data-name属性配合 Pagefind 全文搜索new PagefindUI({...})与客户端地区下拉过滤region-filter的change事件实现按地区即时筛选且支持?regionamericas这类 URL 参数直达过滤结果。七、如何新增与校验同类档案若要在目录中新增一家公司档案CONTRIBUTING.md 给出了明确流程在src/companies/下创建{slug}.md文件名必须与slug一致按 Frontmatter 模板填写元数据并撰写 Markdown 正文必含Company blurb、Remote status、How to apply三节本地执行npm run build验证构建提交 Pull Request。涉及公司文件的 PR 会自动触发Validate Company ProfilesGitHub Action 校验机器人会在 PR 中评论问题并阻塞合并直到问题解决。目录的收录标准也较为严格必须是员工本人或可验证信息、直接雇佣员工不接受训练营、中介或自由职业平台、提供真正的远程职位佣金制或独立承包销售机会不算、处于科技行业或与之相关且careers_url必须指向公司自己的招聘页。维护者还会拒绝内容过少minimal or no meaningful content的档案——这正是 paylocity.md 等档案保持七节完整结构的原因。八、小结透过 Paylocity 这一条档案可以看到 remote-jobs 仓库一个公司 一个 Markdown 文件的数据驱动设计Frontmatter 提供受控的标准化元数据地区、远程政策、规模、技术栈正文提供人类可读的完整信息构建期的计算数据description 生成、Nunjucks 布局标签与 CTA 渲染、JSON-LD schema 与集合聚合共同完成从数据到站点的全链路。如果你需要为远程友好雇主编写可被搜索引擎、Agent 与 LLM 高效索引的公司档案或想为这类社区目录贡献条目paylocity.md 与本文梳理的字段约定、取值约束和渲染机制就是可直接复用的范式。赞分享数据集【免费下载链接】remote-jobsSource for remoteintech.company — a community-maintained directory of remote-friendly tech companies项目地址https://gitcode.com/GitHub_Trending/re/remote-jobs点击查看免费下载相关推荐Intellum 公司档案全解remote-jobs 目录中远程友好公司的数据字段与渲染链路剖析Intellum 公司档案全解remote jobs 目录中远程友好公司的数据字段与渲染链路剖析 导读 本文以开源远程职位目录 remote jobs 中的数据集解析 Andela 远程公司档案remote-jobs 目录中 fully-remote 公司条目的数据模型与渲染链路解析 Andela 远程公司档案remote jobs 目录中 fully remote 公司条目的数据模型与渲染链路 Andela 是 remoteinte数据集解析 Intercom 公司档案remote-jobs 目录中远程友好公司条目的数据结构与字段语义解析 Intercom 公司档案remote jobs 目录中远程友好公司条目的数据结构与字段语义 这是一篇围绕 remote jobs 仓库中 Interc数据集上一篇从Sketch到Foundation Emails邮件设计稿还原流程下一篇loadable-components在内容站点中的应用提升SEO与加载速度创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 
长河君 · 2026/10/4 10:50:33 · 阅读 1.2k Paylocity 远程友好雇主档案深度解析：remote-jobs 目录中的公司条目结构与渲染链路
数据集【免费下载链接】remote-jobsSource for remoteintech.company — a community-maintained directory of remote-friendly tech companies项目地址https://gitcode.com/GitHub_Trending/re/remote-jobs点击查看免费下载本篇技术指南以 remote-jobs 开源仓库remoteintech.company 网站的源码中的公司档案文档 src/companies/paylocity.md 为主体系统拆解一个远程友好科技公司条目是如何以 Markdown Frontmatter 形式组织的并追踪它从数据定义、元数据计算、标签聚合到最终 HTML 页面渲染的完整链路。读完本文你将掌握该仓库公司档案的标准字段模型、合法取值约束、描述自动生成逻辑以及按地区 / 远程政策 / 技术栈聚合的实现方式并了解如何为目录新增或校验同类档案。一、档案在仓库中的位置与项目定位remote-jobs 仓库的package.json将其描述为A list of semi to fully remote-friendly companies in or around tech即一个由社区维护的、收录科技行业内半远程至全远程友好公司的目录。每家公司对应src/companies/目录下的一个独立 Markdown 文件paylocity.md 便是 Paylocity一家美国 HR 与薪酬技术公司在目录中的完整档案。该档案包含两部分FrontmatterYAML 元数据标题、slug、官网、招聘页、地区、远程政策、公司规模、技术栈标签、收录与更新时间Markdown 正文公司简介、规模、远程现状、地区、技术栈、办公地点、申请方式等固定章节。这份档案是 Paylocity 在 remoteintech.company 站点上所有展示、检索与聚合行为的唯一数据来源理解它的结构即理解整个目录的数据约定。二、Frontmatter 元数据逐项拆解paylocity.md 的 Frontmatter 如下--- title: Paylocity slug: paylocity website: https://www.paylocity.com/ careers_url: https://www.paylocity.com/careers/career-opportunities/ region: americas remote_policy: remote-friendly company_size: enterprise technologies: - dotnet - javascript addedAt: 2018-04-24 updatedAt: 2020-10-23 ---各字段的含义与合法取值均可在仓库的 CONTRIBUTING.md 与标签定义文件 src/_data/labels.js 中找到依据字段Paylocity 取值含义与约束依据titlePaylocity公司显示名称通用字段slugpaylocityURL 标识必须与文件名一致slug: paylocity→src/companies/paylocity.mdCONTRIBUTING.mdwebsite官网地址公司官网在布局中作为回退链接company.njkcareers_url招聘页地址公司自己的招聘页不接受指向售卖服务页的地址CONTRIBUTING.mdregionamericas合法值worldwide/americas/europe/americas-europe/asia-pacific/otherCONTRIBUTING.md、labels.jsremote_policyremote-friendly合法值fully-remote/remote-first/hybrid/remote-friendlyCONTRIBUTING.md、labels.jscompany_sizeenterprise合法值tiny(1-10) /small(11-50) /medium(51-200) /large(201-1000) /enterprise(1000)CONTRIBUTING.md、labels.jstechnologiesdotnet,javascript合法值见 labels.js 的tech映射共 25 项如python、go、sql等CONTRIBUTING.md、labels.jsaddedAt2018-04-24收录日期由维护者管理贡献者 PR 中不要包含CONTRIBUTING.mdupdatedAt2020-10-23最后更新日期同样由维护者管理CONTRIBUTING.md值得注意的是一处双轨现象正文## Company technologies一节罗列的是 HTML、JavaScript、CSS、AJAX、ASP.NET、C# 与 SQL信息更细、带完整技术名而 Frontmatter 的technologies仅收录了dotnet与javascript两个标准化标签。原因在于Frontmatter 标签用于站点聚合与筛选必须命中 labels.js 的受控词表而正文保留的是原始公司描述。这体现了正文承载信息、元数据承载结构化的目录设计思想。三、正文章节结构一条档案包含哪些信息paylocity.md 正文依次包含以下固定##章节这与 CONTRIBUTING.md 规定的结构完全一致必选Company blurb、Remote status、How to apply常用可选Company size、Region、Company technologiesCompany blurb公司简介档案写道At Paylocity, caring is in our makeup. Its who we are. Were more than a cutting-edge HR and payroll tech company…Were people.——直接点明公司业务HR 与薪酬技术与价值观基调Company size公司规模3300并明确标注As of October 2020即该数据为 2020 年 10 月时点值Remote status远程现状说明大量员工远程办公且公司技术使远程协作如同身处同一房间甚至连同宠物Region地区USA对应 Frontmatter 的region: americas美洲区域见 labels.jsCompany technologies公司技术HTML、JavaScript、CSS、AJAX、ASP.NET、C# 和 SQLOffice locations办公地点总部地址为 1400 American Lane, Schaumburg, IL 60173How to apply如何申请指向官方职业机会页对应 Frontmatter 的careers_url。由于档案的updatedAt为 2020-10-23正文中的规模数字与远程政策均代表该时点的信息阅读与引用时应以档案标注时间为准——这也是该目录社区维护、按更新时间标注的通用惯例。四、SEO 描述自动生成companies.11tydata.js 的计算逻辑Paylocity 这类档案的 meta description 并非手工填写而是由 src/companies/companies.11tydata.js 中的eleventyComputed在构建期自动生成。其算法要点若已有description字段则直接使用否则对data.page.rawInput原始 Markdown用正则/##\s*Company\s*blurb\s*\n([\s\S]*?)(?\n##|$)/i提取## Company blurb之后、下一个##之前的段落作为候选文本对文本做清理text还原为text、移除 * _ 等 Markdown 符号、合并换行与多余空格按约 155 字符截断优先在句号边界截断其次在空格边界截断并追加...。这意味着每条公司档案的简介质量会直接影响其搜索引擎摘要——写好Company blurb是档案 SEO 的基础。同理站点还会为每个公司页面注入 JSON-LD 结构化数据见 src/_includes/schemas/Organization.njk以schema.org/Organization类型输出name、url并将careers_url放入sameAs数组帮助搜索引擎理解公司实体的官网与招聘页归属。五、从 Markdown 到页面的渲染链路公司的渲染模板是 src/_layouts/company.njk在 eleventy.config.js 中以addLayoutAlias(company, company.njk)注册并由 src/companies/companies.json 中的layout: company指定。该布局的关键行为主 CTA 按钮{% set buttonUrl careers_url or website %}——优先使用招聘页缺省时回退到官网有careers_url时按钮文案为 Apply Now地区与远程政策标签a href/browse/{{ region }}/与a href/browse/{{ remote_policy }}/文案经labels.region[region]、labels.remotePolicy[remote_policy]从内部键映射为人类可读的 Americas、Remote FriendlyTech Stack 区块遍历 Frontmatter 的technologies逐个渲染为指向/browse/{tech}/的标签经labels.tech将dotnet、javascript映射为 .NET、JavaScript更新时间展示{{ updatedAt | formatDate(MMMM D, YYYY) }}将日期格式化为可读形式过滤器定义见 src/_config/filters。因此Paylocity 档案的region、remote_policy、technologies三个字段不仅是元数据更是页面内导航标签与聚合页面的路由键。六、聚合、浏览与检索档案如何进入目录视图src/_config/collections.js 通过getFilteredByGlob(./src/companies/**/*.md)一次性读取全部公司档案带缓存避免重复过滤约 850 个条目并导出多种集合getAllCompanies按title小写化后localeCompare字母排序供所有公司列表使用getRecentCompanies按addedAt降序取前 12实现最近收录区块getCompaniesByRegion/getCompaniesByTech将公司按region字段与technologies数组分组支撑/browse/{region|tech}/聚合页getCompanyTags汇总technology、region、remote-policy三类标签及其公司列表按数量降序排列。在前端浏览页 src/pages/companies.njk 中所有档案以卡片网格呈现每个.company-item携带data-region与data-name属性配合 Pagefind 全文搜索new PagefindUI({...})与客户端地区下拉过滤region-filter的change事件实现按地区即时筛选且支持?regionamericas这类 URL 参数直达过滤结果。七、如何新增与校验同类档案若要在目录中新增一家公司档案CONTRIBUTING.md 给出了明确流程在src/companies/下创建{slug}.md文件名必须与slug一致按 Frontmatter 模板填写元数据并撰写 Markdown 正文必含Company blurb、Remote status、How to apply三节本地执行npm run build验证构建提交 Pull Request。涉及公司文件的 PR 会自动触发Validate Company ProfilesGitHub Action 校验机器人会在 PR 中评论问题并阻塞合并直到问题解决。目录的收录标准也较为严格必须是员工本人或可验证信息、直接雇佣员工不接受训练营、中介或自由职业平台、提供真正的远程职位佣金制或独立承包销售机会不算、处于科技行业或与之相关且careers_url必须指向公司自己的招聘页。维护者还会拒绝内容过少minimal or no meaningful content的档案——这正是 paylocity.md 等档案保持七节完整结构的原因。八、小结透过 Paylocity 这一条档案可以看到 remote-jobs 仓库一个公司 一个 Markdown 文件的数据驱动设计Frontmatter 提供受控的标准化元数据地区、远程政策、规模、技术栈正文提供人类可读的完整信息构建期的计算数据description 生成、Nunjucks 布局标签与 CTA 渲染、JSON-LD schema 与集合聚合共同完成从数据到站点的全链路。如果你需要为远程友好雇主编写可被搜索引擎、Agent 与 LLM 高效索引的公司档案或想为这类社区目录贡献条目paylocity.md 与本文梳理的字段约定、取值约束和渲染机制就是可直接复用的范式。赞分享数据集【免费下载链接】remote-jobsSource for remoteintech.company — a community-maintained directory of remote-friendly tech companies项目地址https://gitcode.com/GitHub_Trending/re/remote-jobs点击查看免费下载相关推荐Intellum 公司档案全解remote-jobs 目录中远程友好公司的数据字段与渲染链路剖析Intellum 公司档案全解remote jobs 目录中远程友好公司的数据字段与渲染链路剖析 导读 本文以开源远程职位目录 remote jobs 中的数据集解析 Andela 远程公司档案remote-jobs 目录中 fully-remote 公司条目的数据模型与渲染链路解析 Andela 远程公司档案remote jobs 目录中 fully remote 公司条目的数据模型与渲染链路 Andela 是 remoteinte数据集解析 Intercom 公司档案remote-jobs 目录中远程友好公司条目的数据结构与字段语义解析 Intercom 公司档案remote jobs 目录中远程友好公司条目的数据结构与字段语义 这是一篇围绕 remote jobs 仓库中 Interc数据集上一篇从Sketch到Foundation Emails邮件设计稿还原流程下一篇loadable-components在内容站点中的应用提升SEO与加载速度创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考