尧图网站设计 尧图网站设计YAOTU DESIGN
ARTICLE DETAIL

资讯详情

深耕网站设计与一线实操的经验洞察。

Remote In Tech 公司档案深度解析:以 Entrision 为例看懂远程友好企业目录的数据结构与构建链路

Remote In Tech 公司档案深度解析:以 Entrision 为例看懂远程友好企业目录的数据结构与构建链路 数据集【免费下载链接】remote-jobsSource for remoteintech.company — a community-maintained directory of remote-friendly tech companies项目地址https://gitcode.com/GitHub_Trending/re/remote-jobs点击查看免费下载Entrision 是 remoteintech.company即 Remote In Tech目录中的一家远程友好型软件开发代理公司档案。本文以 src/companies/entrision.md 为完整案例逐字段拆解其 frontmatter 与 Markdown 正文并结合仓库源码说明这份档案如何被 Eleventy 静态站点框架消费、校验并渲染成结构化公司页面。读完你将掌握该目录的档案格式规范、合法取值约束、构建链路与贡献流程能够独立阅读或撰写一份符合标准的远程公司档案。档案主体一份远程公司档案长什么样Remote In Tech 是一份社区维护的半远程到全远程友好型科技公司目录每个公司对应src/companies/下的一个 Markdown 文件。entrision.md就是一份典型档案由两部分组成frontmatterYAML 元数据块——承载结构化字段供站点生成与检索使用Markdown 正文——承载公司介绍、远程政策、技术栈与申请方式等人类可读内容。先看完整档案src/companies/entrision.md--- title: Entrision slug: entrision website: https://entrision.com region: americas remote_policy: remote-friendly company_size: tiny technologies: - java - javascript - mobile - ruby addedAt: 2021-02-07 updatedAt: 2021-02-07 --- ## Company blurb Entrision is a software development agency that partners with innovative organizations to create unique, hand-crafted software applications for web and mobile platforms. Our product designers and software engineers work with our clients to design and build web and mobile applications that meet the unique needs of your business and solve real-world problems. ## Company size 1-20 ## Remote status The majority of our team works remotely, and our team members are currently spread across 6 different states. ## Region USA ## Office locations HQ in Milwaukee, WI ## How to apply Email your resume to theteamentrision.com and tell us about your favorite pizza topping.frontmatter 字段逐个拆解取值约束与显示语义Entrision 档案中的每个 frontmatter 字段都不是自由文本而是受到仓库单一数据源约束的受控词表。这些词表集中定义在 src/_data/labels.js并被 src/_data/companyHelpers.js 复导出给 JS 集合与 Nunjucks 模板使用。region地域范围Entrision 的值是americas。合法的 region 取值及其显示标签为字段值显示标签worldwideWorldwideamericasAmericaseuropeEuropeamericas-europeAmericas Europeasia-pacificAsia PacificotherOtherremote_policy远程政策Entrision 的值是remote-friendly。四个合法取值按宽松程度依次为字段值显示标签fully-remoteFully Remoteremote-firstRemote FirsthybridHybridremote-friendlyRemote Friendly对应到正文Entrision 的## Remote status说明团队多数成员远程办公、分布在美国 6 个州这与remote-friendly远程友好非强制全远程的定位一致——它表明公司允许远程但并非全员远程的形态。company_size公司规模Entrision 的取值是tiny对应1-10 employees。完整的规模档位如下同样来自 labels.js字段值显示标签tiny1-10 employeessmall11-50 employeesmedium51-200 employeeslarge201-1000 employeesenterprise1000 employees正文的## Company size写的是1-20与 frontmatter 的tiny档位在口径上略有出入正文可能包含创始人/兼职但 frontmatter 才是构建系统用于聚合、筛选与展示的权威字段。technologies技术标签Entrision 声明了java、javascript、mobile、ruby四个技术标签。它们是technologies字段允许值的子集完整合法列表由 src/_data/labels.js 定义包含javascript、typescript、react、nodejs、python、ruby、go、java、php、rust、dotnet、elixir、scala、swift、cloud、devops、docker、kubernetes、mobile、data、ml、sql、postgres、nosql、search等。而正文## Company technologies中更具体的表述Ruby on Rails, Javascript, Node, Swift, Kotlin则提供了额外细节说明该公司的技术实践比标签更广。日期字段与其它字段addedAt: 2021-02-07与updatedAt: 2021-02-07是档案的入库与更新时间戳由维护者管理CONTRIBUTING.md 明确要求贡献者 PR 中不要包含这两个字段。slug必须与文件名一致entrision.md→slug: entrision这是档案能被正确路由的前提。档案如何被构建系统消费从 Markdown 到公司页面的完整链路一份档案最终会渲染成公司页面核心链路涉及 4 个环节1. 集合与排序src/_config/collections.js 通过collection.getFilteredByGlob(./src/companies/**/*.md)抓取全部公司档案注释提到约 850 家并提供了按字母排序的公司列表、按addedAt倒序的最近新增公司、按地域/技术分组的集合等。Entrision 会因此出现在 Americas 地域分组与 Java/JavaScript/Mobile/Ruby 技术分组中。2. 页面布局渲染src/_layouts/company.njk 是公司档案的布局模板它用 frontmatter 的title渲染 H1用region与remote_policy生成可点击的地域标签与远程政策标签跳转到/browse/{region}/与/browse/{remote_policy}/并在technologies数组非空时渲染独立的Tech Stack小节每个技术都是一个链接到/browse/{tech}/的标签。模板底部还会显示Last updated来自updatedAt。3. Meta 描述自动生成src/companies/companies.11tydata.js 通过eleventyComputed自动为每个公司页面计算 meta description它会定位## Company blurb标题后的第一段文本剥离 Markdown 标记、合并换行并截断到约 155 字符。也就是说Entrision 档案里那段 blurb 文本会直接成为该页面在搜索引擎中的描述。4. 结构化数据输出公司页面的head中会注入 JSON-LD 结构化数据模板为 src/_includes/schemas/Organization.njk以Organization类型输出name来自title与url来自website若存在careers_url还会写入sameAs。这让搜索引擎与 LLM 能直接读取公司名称与官网。页面中两个入口字段的显示逻辑src/_layouts/company.njk 中还有一处值得注意的按钮逻辑{% set buttonUrl careers_url or website %}即按钮优先跳转到careers_url招聘页否则回退到website。Entrision 档案未声明careers_url因此页面主按钮会显示Visit Website并指向官网若档案补充了招聘页链接则按钮文案自动变为Apply Now。这也是 CONTRIBUTING.md 要求careers_url必须指向公司自有招聘页、而非售卖服务页面的原因。如何添加或修正类似的公司档案若想为目录新增公司或修正档案仓库只读操作以提交 PR 为准CONTRIBUTING.md 给出了完整规范在src/companies/{slug}.md新建文件slug必须与 frontmatter 的slug一致填写 frontmatter模板见 CONTRIBUTING.md并撰写 Markdown 正文至少包含## Company blurb、## Remote status、## How to apply三个必需小节本地执行npm run buildpackage.json 中定义为npm run clean npm run build:11ty npm run pagefind对应 Node ≥ 22 环境验证构建提交 PR由Validate Company ProfilesGitHub Action 自动校验字段取值与格式。目录只收录半远程到全远程友好、直接雇佣员工、提供真实远程岗位、属于或接近科技行业的公司字段取值必须落在 labels.js 的受控词表内否则无法通过校验。结语entrision.md看似只是一份简短的公司介绍实则是 Remote In Tech 目录数据模型的完整缩影frontmatter 的每个字段都对应受控词表与筛选标签正文的每个小节都有规定的呈现位置整份档案经由集合 → 布局 → meta 描述 → JSON-LD 的链路最终成为一张可检索、可被结构化消费的公司页面。理解这份档案就等于理解了整个目录的规范骨架与构建原理。赞分享数据集【免费下载链接】remote-jobsSource for remoteintech.company — a community-maintained directory of remote-friendly tech companies项目地址https://gitcode.com/GitHub_Trending/re/remote-jobs点击查看免费下载相关推荐深度解析 Remote In Tech 公司档案以 Chainlink Labs 为例读懂远程友好公司目录的数据结构深度解析 Remote In Tech 公司档案以 Chainlink Labs 为例读懂远程友好公司目录的数据结构 本篇文章以仓库中 Chainlink L数据集Remote In Tech 公司档案深度解析以 ConsenSys 为例看远程友好科技公司目录的数据建模与构建链路Remote In Tech 公司档案深度解析以 ConsenSys 为例看远程友好科技公司目录的数据建模与构建链路 本文以仓库中的 ConsenSys 公司数据集Remote In Tech 公司档案深度解析以 Articulate 为例看远程友好公司目录条目结构Remote In Tech 公司档案深度解析以 Articulate 为例看远程友好公司目录条目结构 Articulate 是 remoteintech.c数据集上一篇pacquet插件系统架构探索Rust包管理器的功能扩展能力下一篇终极指南快速配置create-react-native-app开发环境Windows、macOS、Linux创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表