案例作品

做过的站,7 个,实拍为证

7 个站点 · 2 个附真实实拍,在线演示在洽谈时进行。

有实拍的 2 个站

真实页面实拍,人名、机构与地名已用同色色块遮盖。

作品实拍:一带一路联合实验室官网桌面端首页
作品实拍:一带一路联合实验室官网手机端首屏

2026 · 国际联合实验室

一带一路联合实验室官网 已上架

机构官网 + 内容后台

9后台可自助维护的内容类别数(横幅、新闻、实验室介绍、成果、交流访问、专家团队、页脚、导航、站点信息)

站点当前访问受控,不对公众开放;下方为真实实拍,洽谈时演示后台维护过程。

做了什么、用什么做、怎么核实

中国—斯里兰卡茶叶绿色防控技术一带一路联合实验室 官网

  • 带一套完整的内容管理后台,站点全部文案、新闻与人员条目由对方自己维护,不需要任何编程知识,也不需要每次改字都来找我们。
  • 域名从旧域整体迁到正式域,旧域全部做 301 永久跳转,历史链接与已发布的引用不失效。
  • 交付后移交给对方指定的两名维护人,核心成员转为指导角色——这是我们希望的结束方式:站点活下去,不长期绑在建设方身上。
技术栈
前后端分离:Node.js + Express 提供 RESTful 接口,React + Vite 构建前台,内容以 JSON 文件持久化。
怎么核实
洽谈时演示。可当面在后台改一条新闻,看前台首页横幅、新闻列表与专家团队条目随之实时更新。
作品实拍:高校课题组网站桌面端首页
作品实拍:高校课题组网站手机端首屏

2026 · 双一流高校教授课题组

高校课题组网站 已上架

中英双语站 + 可视化后台

9前台栏目数(首页、研究方向、团队成员、平台工具、旗舰平台总览、学术成果、新闻动态、荣誉合照、加入我们)

站点当前访问受控,不对公众开放;下方为真实实拍,洽谈时演示双语切换与后台。

做了什么、用什么做、怎么核实

高校教授课题组网站(作物保护信息学方向)

  • 零第三方依赖是刻意的选择。课题组网站的生命周期按年算,而 npm 依赖树按月腐坏——三年后没人再敢升级一个装了两百个包的站点,而它只需要一个 Node 运行时。
  • 后台带内容统计、访问看板、未读留言、前台预览与一键导出,研究生轮换时能把内容整包带走。
  • 中英双语 + 响应式,学术成果与团队成员由后台维护。
技术栈
自研零依赖 Node 单体:只用 Node 内置模块,不引入任何 npm 包,数据存为纯文本 JSON,前台、后台与接口同端口提供,另附容器化配置。
怎么核实
洽谈时演示。成果与成员列表由后台数据渲染,不是写死在页面里,可当面改一条看前台同步。

全部 7 个作品,规模连口径一起写

大数字的口径各不相同,就写在数字下面。

  • 已上架2026

    9

    后台可自助维护的内容类别数(横幅、新闻、实验室介绍、成果、交流访问、专家团队、页脚、导航、站点信息)

    一带一路联合实验室官网

    机构官网 + 内容后台

    洽谈时演示

    访问说明

    站点当前访问受控,不对公众开放;下方为真实实拍,洽谈时演示后台维护过程。

  • 已上架2026

    11

    构建产物中的独立页面数(public/ 下的 HTML 文件)

    PHIA 国际组织官网

    中英双语站 + 会员数据脱敏发布

    洽谈时演示

    做了什么、用什么做、怎么核实

    国际植物健康联盟(PHIA)双语官网

    对方已为该站设置访问口令,暂不公开;洽谈时可当面演示。

    • 中英双语全站对照,面向国际成员单位——不是把中文站丢进翻译器,两边的结构与条目一一对应。
    • 会员数据走「内部一份、公开一份」的两份结构:内部名录保留联系方式与内部备注,公开页由脚本剥离后生成。谁能看到什么由脚本决定,不靠人工每次记得删。
    • 成员分布世界地图由数据实算生成,新增一个成员单位不需要改图。
    技术栈
    静态站 + 构建期脚本:世界地图由脚本按成员分布生成,会员名录由内部完整数据经脱敏脚本生成公开版本。
    怎么核实
    该站当前由对方设置了访问口令,暂不公开。洽谈时可当面演示双语切换、成员分布地图与脱敏后的公开名录。
  • 已上架2026

    9

    前台栏目数(首页、研究方向、团队成员、平台工具、旗舰平台总览、学术成果、新闻动态、荣誉合照、加入我们)

    高校课题组网站

    中英双语站 + 可视化后台

    洽谈时演示

    访问说明

    站点当前访问受控,不对公众开放;下方为真实实拍,洽谈时演示双语切换与后台。

  • 建设中2026

    20

    中英各 10 页,合计 20 个页面

    科研团队双语主站

    中英双语静态站 + 自研构建

    洽谈时演示

    做了什么、用什么做、怎么核实

    科研团队对外主站(中英双语)

    预览期整站带口令,摘闸时间由对方决定,不由我们决定;洽谈时可当场演示。

    • 双语一致性由构建强制,不靠人盯:英文那边少一条,构建就报错并拒绝出包。做过双语站的人知道,这是唯一能让英文版不烂尾的办法。
    • 纯静态、零运行时依赖,可以扔在任何一台能跑 nginx 的机器上,也可以整包交给对方自己托管。
    • 多域名收敛:备用域与 www 前缀全部 301 到主域,HTTP 一律跳 HTTPS。
    技术栈
    自研构建脚本由结构化内容文件生成纯静态站:无后端、无 CDN、无外链字体,中英两侧的内容键必须一一对应,缺一个键构建直接失败。
    怎么核实
    站点在预览口令后面,可在洽谈时当场演示构建过程与双语一致性检查。
  • 已上架2025

    9

    构建产物中的独立页面数

    学者个人主页

    静态个人主页 + 自动化数据更新

    洽谈时演示

    做了什么、用什么做、怎么核实

    学者个人学术主页

    核心成员自建自用,洽谈时演示。列在这里是为了说明「自动化数据更新」这项能力,不作为对外交付业绩计。

    • 引用数由定时任务自动更新,不需要每隔几个月手工改一次数字——手工维护的数字最后一定会过期,而过期的数字比没有数字更伤可信度。
    • 同一份内容配置生成多个面向不同受众的页面变体,改一次内容,几个版本同时更新。
    • 托管零成本、可用自有域名、有版本历史,适合个人与小团队长期维护。
    技术栈
    基于 Jekyll 的静态站,托管在 GitHub Pages,绑定自有域名;另配一条定时任务自动抓取并更新公开的引用计数。
    怎么核实
    洽谈时演示。页面底部的引用计数带更新时间,可与公开学术档案对照。
  • 已上架2026

    454

    构建产物中的独立 HTML 页面数(由 19 个章节目录的 Markdown 源生成)

    大型教程站

    大规模静态站 + 自研访问网关

    洽谈时演示

    做了什么、用什么做、怎么核实

    带访问控制的大型教程站

    面向注册学员,带账号与审批的访问闸,不对公众开放。

    • 四百多页由十九个章节的 Markdown 源自动生成,写内容的人不碰 HTML,改一个术语全站同步。
    • 内容质量检查内建在构建里:任何一项不过,部署脚本直接拒绝上线。这是我们在所有站点上都会做的一件事——把「记得检查」变成「不检查就发不出去」。
    • 访问控制在服务端,不是前端藏一藏:账号、审批、IP 绑定与操作审计齐全。
    技术栈
    Markdown 是唯一内容真源,由构建脚本生成纯静态页面;访问网关只用标准库实现,含账号、审批、IP 绑定、审计与反抓取。
    怎么核实
    可在洽谈时演示构建流程、内容质量检查与访问网关的审计记录。
  • 已上架2026

    2

    导航页本体与口令页各一

    内部导航页

    单页静态站 + 服务端口令闸

    洽谈时演示

    做了什么、用什么做、怎么核实

    带口令的内部站点导航页

    内部使用,带口令。

    • 部署脚本是幂等的,支持试运行、查状态与一键卸载——同一条命令跑十次结果一样,这是我们对「部署」这件事的最低要求。
    • 上线前自动跑十一项验收,任一不过即以非零码退出,不会出现「同步成功但站点打不开」。
    • 口令在服务端校验,页面同时带搜索引擎屏蔽声明。
    技术栈
    纯静态单文件自包含(无 CDN、无外链),口令由 nginx 服务端校验,部署脚本幂等可回滚,内置十一项上线验收。
    怎么核实
    可演示部署脚本的试运行与回滚,以及十一项验收的输出。

横向滑动看全部 7 个

每个站用到了哪些能力

深色格=该站具备这项能力;右侧是每项能力的作品数。

谁做的、什么时候做的

先把「核心成员做过」与「公司签过」分开写。

下列站点均由公司核心成员完成,交付时间跨 2025 至 2026 年。交付时间按年记,2026 年的条目未区分公司成立前后,均按核心成员实践计,不是公司主体的合同业绩。公司主体成立于 2026 年 8 月;招标与审计场合会把「核心成员做过」与「公司签过」分开看,这里先写明。

沉淀下来的 6 项能力

每一项都能指回上面的某个作品。

建站能力 → 机构官网 → 中英双语站点 → 大规模内容站 → 访问控制 → 上线检查 → 交付后移交
  1. 机构官网与课题组主页

    一带一路联合实验室官网、高校教授课题组网站

    展开说明

    从信息架构、文案梳理到上线全流程。可选配内容管理后台,让对方自己维护新闻、成员与成果,不必每次改字都找建设方。

    对应作品:一带一路联合实验室官网、高校课题组网站

  2. 中英双语站点

    PHIA 国际组织官网、科研团队双语主站

    展开说明

    双语不是加一个翻译按钮。两侧结构对齐、条目一一对应,由构建期检查强制——英文那边缺一条,构建就失败。

    对应作品:PHIA 国际组织官网、科研团队双语主站

  3. 大规模内容站与知识库

    四百余页的教程站,由十九个章节的源文件生成

    展开说明

    内容以 Markdown 或结构化数据为唯一真源,站点由构建生成。写内容的人不碰 HTML,改一处术语全站同步。

    对应作品:大型教程站

  4. 访问控制与数据脱敏

    PHIA 会员名录脱敏发布、教程站访问网关

    展开说明

    服务端口令、账号审批、IP 绑定与操作审计;内部数据与公开数据分两份,公开版由脚本生成,不靠人工每次记得删。

    对应作品:PHIA 国际组织官网、大型教程站

  5. 上线检查与可回滚部署

    导航页的十一项上线验收、教程站的构建期内容质量检查

    展开说明

    部署脚本幂等、可试运行、可一键回滚,上线前自动跑验收项,任一不过即拒绝发布。避免「同步成功但站点打不开」。

    对应作品:内部导航页、大型教程站

  6. 交付后移交,不长期绑定

    已完成移交的三个站点,我方均已转为指导角色

    展开说明

    站点交付时一并交出维护手册、构建命令与内容维护说明,并培训对方的维护人。我们希望的结束方式是站点活下去,而不是每年回来收一次维护费。

    对应作品:一带一路联合实验室官网、PHIA 国际组织官网、高校课题组网站

每个站都守的 6 条做法

从改域名到交出去,按上线流程依次点亮。

1域名迁移不断链2构建期就把错拦住3部署幂等且可回滚4内容与代码分离5不引入会腐坏的依赖6交付即移交1域名迁移不断链2构建期就把错拦住3部署幂等且可回滚4内容与代码分离5不引入会腐坏的依赖6交付即移交
概念示意:6 条做法按上线流程排列
6 条做法逐条说明
域名迁移不断链
换域名时旧域全部做 301 永久跳转,已发布的链接、二维码与文献里的引用继续可用。
构建期就把错拦住
内容质量、双语一致性、禁用口径这些检查放在构建里而不是上线后的人工复查——不通过就出不了包。
部署幂等且可回滚
同一条命令跑多次结果一致;出问题时回滚是一条命令,不是重新部署一遍。
内容与代码分离
文案与数据集中在结构化文件或后台里,改内容不用改代码,也不用担心改坏样式。
不引入会腐坏的依赖
能用运行时内置能力完成的,不装第三方包。站点的寿命按年算,而依赖树按月腐坏。
交付即移交
维护手册、构建命令、账号与回滚方式一并交付,并培训对方的维护人。

想看访问受控的站

访问受控的站不放假截图,约一次演示即可,现场看构建、检查与部署的全过程。

1要解决什么2现在卡在哪3已经试过什么4时间与流程约束1要解决什么2现在卡在哪3已经试过什么4时间与流程约束
约演示也从一封信开始,四句就够