数据集【免费下载链接】remote-jobsSource for remoteintech.company — a community-maintained directory of remote-friendly tech companies项目地址https://gitcode.com/GitHub_Trending/re/remote-jobs点击查看免费下载The Publisher Desk 是 remoteintech.company本仓库即其站点源码项目名 remote-jobs收录的一家远程友好的广告科技AdTech公司档案。本文以仓库中该公司档案文档 the-publisher-desk.md 为骨架结合项目源码讲解这类公司条目如何定义字段、如何在 Eleventy 静态站点中被编译、如何参与按地区/技术/远程政策的浏览索引最终输出为一个带结构化数据的公司详情页。读完本文你将掌握该仓库公司条目的完整数据结构、frontmatter 字段语义、页面渲染管线以及如何基于同一套字段约定新增或维护类似的公司档案。一、条目档案概览一份 Markdown frontmatter 的公司档案仓库以每个公司一个 Markdown 文件的方式管理目录数据文件位于 src/companies/ 目录下。The Publisher Desk 的档案文件 src/companies/the-publisher-desk.md 由两部分组成顶部用---包裹的 YAML frontmatter结构化元数据与下方的 Markdown 正文人类可读的描述信息。Frontmatter 部分是站点数据管线的主要输入原文完整字段如下--- title: The Publisher Desk slug: the-publisher-desk website: https://www.publisherdesk.com region: other remote_policy: remote-friendly company_size: small technologies: - go addedAt: 2018-04-24 updatedAt: 2020-11-01 ---各字段语义可对照仓库中的标签定义与集合逻辑确认字段值说明与仓库依据titleThe Publisher Desk公司显示名称会渲染为页面 H1并用于站点内排序collections.js 中getAllCompanies按 title 字母序排序slugthe-publisher-desk页面 URL 标识与文件名一致websitehttps://www.publisherdesk.com公司官网详情页上会生成 Visit Website 主按钮同时被写入 schema.orgOrganization结构化数据Organization.njkregionother招聘地区分类映射标签见 labels.js 的region表other→ Other对应值在companyHelpers.js中有getRegionLabel兜底逻辑remote_policyremote-friendly远程政策标签映射见 labels.js 的remotePolicy表remote-friendly→ Remote Friendlycompany_sizesmall公司规模档位映射见 labels.js 的companySize表small→ 11-50 employees与正文 Company size 一节一致technologiesgo技术标签数组本例仅登记了 Go页面会按 labels.js 的tech表渲染为可点击标签若未登记则回退显示原始值addedAt2018-04-24收录日期供最近新增公司集合getRecentCompanies排序使用collections.jsupdatedAt2020-11-01最后更新日期详情页 footer 会以MMMM D, YYYY格式显示company.njk可以看到The Publisher Desk 的字段取值全部落在 labels.js 定义的受控词表内other、remote-friendly、small、go这正是社区目录保证可聚合、可浏览的前提每个字段值都能被站点索引系统归类从而进入对应标签页。二、正文主体档案中的结构化描述Markdown 正文部分沿用了仓库统一的公司档案模板章节原文完整内容包括Company blurb——公司简介帮助数字业务企业提升广告收入、降低运营成本提供资源、方向、运营、技术与支持。这一节的文本会被 companies.11tydata.js 中的eleventyComputed.description自动提取并清洗生成 155 字符以内的 meta description规则优先取 ## Company blurb 之后的内容剥除 Markdown 链接语法、*、_、反引号压缩空白超长时优先在句号处截断否则在最后一个空格处截断并加...。Company size——公司规模11-50 名员工。Remote status——远程状态为希望远程工作、正在求职的人提供远程岗位。Region——地区America。注意正文中的 America 与 frontmatter 的region: other并不冲突——正文是给求职者阅读的描述文本frontmatter 才是站点用来归类的受控字段这也是社区目录的常见做法对比参照条目 buffer.md 的 Region 写为 Buffer employs people worldwide而 frontmatter 为worldwide。Company technologies——公司技术audience development、digital revenues、digital strategy、ad tech、advertising sales、growth、programmatic、publishers、websites、monetisation、Adops、DFP、DMP、Data、Google Ad Manager、Header Bidding、Prebid、AdX、SSP、Video 等广告科技领域专长。Office locations——办公地址12 East 49th St 11th Floor New York, NY 10017电话 (347).566.3085。How to apply——如何申请引导至 LinkedIn 招聘页与官网招聘页原文中给出的外部链接属于公司自有招聘渠道供求职者参考。从业务属性看该公司档案刻画的是一个典型的广告科技服务商围绕程序化广告Programmatic、Header Bidding、Prebid、AdX、SSP、DFP/Google Ad Manager、DMP 等关键词提供服务技术栈登记为 Go。该条目最初于 2018-04-24 收录最近一次更新于 2020-11-01。三、从 Markdown 到 HTML公司详情页的渲染管线The Publisher Desk 的档案只是数据源真正对外展示的详情页由 Eleventy 构建管线生成。关键环节如下数据文件确定布局每个公司页面通过 src/companies/companies.json 中的{ layout: company }统一指定布局并在 eleventy.config.js 中注册布局别名company→ company.njkaddLayoutAlias(company, company.njk)。布局渲染company.njk 生成article classcompany-profile页面骨架顶部返回链接 title作为 H1、careers_url或website生成 Apply Now / Visit Website 按钮、region与remote_policy渲染为标签并链接到对应浏览页、正文{{ content }}原样输出 Markdown 渲染结果、technologies数组渲染为 Tech Stack 标签区footer 显示updatedAt格式化日期并提供 Edit on GitHub 链接。结构化数据由于布局 frontmatter 声明schema: Organization页面会注入 Organization.njk 生成的application/ldjson其中name取title、url取website、若有careers_url则写入sameAs。这是该目录数据面向搜索引擎可读性的重要一环。自动 meta 描述companies.11tydata.js 通过eleventyComputed为未显式声明description的公司自动生成 meta description如上文所述。集合与浏览页collections.js 以getFilteredByGlob(./src/companies/**/*.md)汇总全部公司档案构建多个集合按字母排序的companies、按addedAt倒序取 12 家的recentCompanies、按地区分组的companiesByRegion、按技术分组的companiesByTech以及getCompanyTags生成的标签数据含每个标签下的公司数量与公司列表。因此The Publisher Desk 会因为region: other、remote_policy: remote-friendly、technologies: [go]这三个字段分别进入Other 地区Remote Friendly 政策Go 技术等浏览索引也会因addedAt进入最近新增列表若在最新 12 条之内。缓存优化getCompanies使用了模块级缓存_companyCache避免约 850 个公司条目被同一构建流程重复 glob 过滤 6 次源码注释明确说明这一点。四、字段校验与标签体系受控词表如何保证目录一致性站点将所有受控字段集中定义在 src/_data/labels.js这是单一事实来源JS 端通过 companyHelpers.js 重新导出regionLabels、remotePolicyLabels、companySizeLabels、techLabels供 collections.js 使用模板端则通过全局数据级联以labels.*访问。The Publisher Desk 用到的取值在标签表中均有对应region: other→ 显示 Otherremote_policy: remote-friendly→ 显示 Remote Friendlycompany_size: small→ 显示 11-50 employees与正文公司规模一致technologies: [go]→ 显示 Go同时 companyHelpers.js 提供getRegionLabel/getRemotePolicyLabel/getCompanySizeLabel/getTechLabel四个兜底函数若某字段值不在词表中则原样返回该值region 兜底为 Other、policy 兜底为 Unknown避免渲染崩溃。五、本地运行与验证如何查看这类公司页本仓库是 remoteintech.company 站点的源码package.json中name为 remote-in-techNode 版本要求22使用 ESM 模块。若要在本地查看 The Publisher Desk 这类公司档案的最终渲染效果可执行npm install npm run dev:11ty开发服务器启动后在浏览器中访问对应公司页路径即可看到由 company.njk 渲染的详情页含 Visit Website 按钮、地区/远程政策/技术标签、meta description 与 Organization 结构化数据。生产构建则使用npm run build该命令依次执行clean、build:11ty与pagefind输出到dist/目录构建脚本与输出目录配置见 package.json 与 eleventy.config.js。六、小结从一条档案看社区目录的数据设计以 The Publisher Desk 这一条为样本可以总结出 remoteintech.company 目录的数据设计模式数据与展示分离公司事实写在 Markdown 正文结构化元数据写在 YAML frontmatter展示逻辑统一由company布局承担受控词表驱动聚合region、remote_policy、company_size、technologies全部取词表内值从而自动进入地区、远程政策、技术三类浏览索引无需额外人工配置单一事实来源所有标签映射集中在 labels.jsJS 集合逻辑与 Nunjucks 模板共享同一份数据SEO 自动化meta description 由 blurb 自动生成Organization 结构化数据由 frontmatter 自动注入构建期一次性完成社区可维护每条档案的 footer 都提供 Edit on GitHub 入口任何贡献者都可以按同一字段约定修正或补充公司信息。对于任何希望参考社区维护的远程友好公司目录数据结构的读者而言这份条目档案连同其渲染管线提供了一个完整、可复现的最小闭环示例。赞分享数据集【免费下载链接】remote-jobsSource for remoteintech.company — a community-maintained directory of remote-friendly tech companies项目地址https://gitcode.com/GitHub_Trending/re/remote-jobs点击查看免费下载相关推荐Fly.io 公司档案全解析remoteintech.company 目录中一条远程友好科技公司条目的数据模型与站点呈现Fly.io 公司档案全解析remoteintech.company 目录中一条远程友好科技公司条目的数据模型与站点呈现 本文以 src/companies/数据集AlphaSights 公司档案深度解析remoteintech.company 项目中的远程友好技术公司目录实践AlphaSights 公司档案深度解析remoteintech.company 项目中的远程友好技术公司目录实践 导读 本文以远程友好技术公司目录项目 re数据集Continu 公司档案解读remoteintech.company 远程友好公司目录的条目结构与数据组织Continu 公司档案解读remoteintech.company 远程友好公司目录的条目结构与数据组织 导读 本文以 Continu 公司档案 http数据集上一篇Vue SVG 图形编辑器怎么装怎么配vue-webtopo-svgeditor 从克隆到画出第一张拓扑图下一篇华硕笔记本如何替代Armoury CrateG-Helper免费完整指南三步搞定风扇曲线、功耗与电池设置创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考