A
返回 工具
工具2026/05/094 分鐘閱讀

Open Design Tech Sharing 技能指南

Conference / 内部技术分享 deck — GitHub-dark 暗色主题,JetBrains Mono 代码字体,terminal code blocks,agenda + Q&A 页面,适用于工程演讲、技术会议、代码演示。

技能概述

Tech Sharing 係一个技术分享 / 会议演讲专用 HTML PPT 技能。采用 GitHub-dark 暗色主题,内置 JetBrains Mono 代码字体和 terminal 风格代码块,预置 agenda(议程)和 Q&A(问答)页面。专为工程演讲、内部技术分享、会议演讲、代码 walkthrough 等场景设计,系工程师嘅首选 PPT 模板。

觸發關鍵字

  • tech sharing、tech talk、技术分享
  • engineering talk、conference talk、dev talk
  • 技术演讲、代码演示

什麼時候用

  • 要做技术分享、工程演讲
  • 内部技术团队分享会
  • 技术会议演讲
  • 需要展示代码片段和 benchmark
  • 代码 walkthrough 场景

使用方法

自然語言觸發

帮我用 html-ppt-tech-sharing 模板做一份 8 页的技术分享 PPT

工作流程

  1. 确认信息 — 分享主题、目标听众(同事/社区/客户)、是否需要代码片段和 benchmark
  2. 复制模板 — 从 tech-sharing/ 复制 index.htmlstyle.css,保留 .tpl-tech-sharing body class
  3. 处理共享运行时 — 替换 ../../../assets/... 为项目本地路径或内联
  4. 替换内容 — 保留结构 class,填入实际技术内容
  5. 代码块放 terminal 风格容器 — 展示代码用 template 内置嘅 code block
  6. 主题可选 — 36 套主题可选

設計特色

元素 说明
GitHub-dark 工程师熟悉嘅暗色主题
JetBrains Mono 代码字体,阅读舒适
Terminal code blocks terminal 风格代码展示
Agenda 页 预置议程页面
Q&A 页 预置问答页面
Speaker notes 支持演讲者备注

實際例子

例子 1:内部技术分享

用户:「帮我用 html-ppt-tech-sharing 模板做一份 8 页的技术分享 PPT。」

确认主题、听众、代码需求后,生成 GitHub-dark 风格 deck,包含 agenda 和 Q&A 页。

例子 2:会议演讲

用户:「我要做一个 conference talk,用 tech sharing 模板。」

生成带代码块展示嘅 deck,agenda + 主体内容 + Q&A 结构完整。

注意事項

  • 必须处理 ../../../assets/... 路径
  • 代码用 template 内置嘅 terminal 风格 code block
  • 逐字稿放 <aside class="notes">

相關技能