static/
termlet/
index.mjs
termlet.css
Linux blog terminal
安全终端进博客
Shell 解析、虚拟文件系统、权限模型和命令生态都在浏览器里完成,不需要后端 shell。
控制台源码
Termlet · frontend-only pseudo terminal
github.com/kakahuote1/TermletPowerShell-style profile
命令也能换内核
Profile 可以定义路径、prompt、命令集和对象管道,让 PowerShell / CMD / Linux 呈现不同操作体验。
控制台源码
Termlet · structured object pipelines
github.com/kakahuote1/TermletCMD retro mode
复古命令行进页面
同一个基座可以切成 Windows CMD 风格,适合工具站、教程页、游戏彩蛋和产品演示。
控制台源码
Termlet · embeddable terminal base
github.com/kakahuote1/TermletDocs playground
教程可以交互
轻主题适合文档、课程、产品帮助中心。命令、文件和输出都可以按教程章节定制。
控制台源码
Termlet · static-site friendly
github.com/kakahuote1/TermletExtension lab
终端可以天马行空
同一套 session 事件可以驱动 DOM、Canvas、SVG 或 WebGL。这里的圆轨、雨幕、龙形路径和行星环都只消费协议事件。
01 / orbit effect
字符围绕轨道旋转
02 / gravity effect
输入输出从内部下坠
03 / dragon path
命令沿游龙路径前进
04 / planet ring
输出绕行星环运行
Orbit 控制台源码
Rain 控制台源码
Dragon 控制台源码
Planet 控制台源码
Termlet · protocol and effect playground
github.com/kakahuote1/TermletQuick deployment
三步接入静态站
下载构建产物,放进站点静态目录,复制一段 HTML。Hugo、Hexo、Jekyll、Astro 和普通静态页都可以用同一套方式。
<link rel="stylesheet" href="/termlet/termlet.css">
<div id="terminal"></div>
<script type="module">
import { mountStarterTerminal } from '/termlet/index.mjs';
await mountStarterTerminal({
mount: '#terminal',
injectStyles: false,
theme: 'linux',
siteName: 'My Blog',
});
</script>
npm install termlet
import { mountStarterTerminal } from 'termlet';
import 'termlet/termlet.css';
await mountStarterTerminal({ mount: '#terminal' });
Termlet · quick drop-in deployment
github.com/kakahuote1/Termlet