Linux blog terminal

安全终端进博客

Shell 解析、虚拟文件系统、权限模型和命令生态都在浏览器里完成，不需要后端 shell。

guest@blog:~/workspace session ready

控制台源码

Termlet · frontend-only pseudo terminal

github.com/kakahuote1/Termlet

PowerShell-style profile

命令也能换内核

Profile 可以定义路径、prompt、命令集和对象管道，让 PowerShell / CMD / Linux 呈现不同操作体验。

PS C:\Users\guest\blog objects flowing

控制台源码

Termlet · structured object pipelines

github.com/kakahuote1/Termlet

CMD retro mode

复古命令行进页面

同一个基座可以切成 Windows CMD 风格，适合工具站、教程页、游戏彩蛋和产品演示。

C:\TERMLET\BLOG no backend

控制台源码

Termlet · embeddable terminal base

github.com/kakahuote1/Termlet

Docs playground

教程可以交互

轻主题适合文档、课程、产品帮助中心。命令、文件和输出都可以按教程章节定制。

termlet docs · /lesson/start copy ready

控制台源码

Termlet · static-site friendly

github.com/kakahuote1/Termlet

Extension lab

终端可以天马行空

同一套 session 事件可以驱动 DOM、Canvas、SVG 或 WebGL。这里的圆轨、雨幕、龙形路径和行星环都只消费协议事件。

01 / orbit effect 字符围绕轨道旋转

02 / gravity effect 输入输出从内部下坠

command rain effect

03 / dragon path 命令沿游龙路径前进

04 / planet ring 输出绕行星环运行

Orbit 控制台源码

Rain 控制台源码

Dragon 控制台源码

Planet 控制台源码

Termlet · protocol and effect playground

github.com/kakahuote1/Termlet

Quick deployment

三步接入静态站

下载构建产物，放进站点静态目录，复制一段 HTML。Hugo、Hexo、Jekyll、Astro 和普通静态页都可以用同一套方式。

download zip

deploy guide · copy and paste static ready

1. 放入资源

static/
  termlet/
    index.mjs
    termlet.css

2. 粘贴 HTML

<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>

3. 前端工程

npm install termlet

import { mountStarterTerminal } from 'termlet';
import 'termlet/termlet.css';

await mountStarterTerminal({ mount: '#terminal' });

Termlet · quick drop-in deployment

github.com/kakahuote1/Termlet