Lutpul

图片测试

Mon, 19 Oct 2026 12:00:00 +0800

下面几张图用来试图片的几种摆法：独占一段、和文字同段、两张并排、超宽、竖图、放在列表里，最后是 88×31 的小徽章。

独占一段

上面这张是段落里唯一的内容，所以有下沉的边框和浅蓝底。

和文字同一段

这是文字，中间插一张小图，后面还有文字。行内图片不加边框，跟着文字走。

两张并排

竖图

放在列表里

第一项，配一张图：
第二项，没有图
第三项，也没有

徽章

图在链接里

点上面的图会打开大图。

所有 Markdown 元素

Mon, 19 Oct 2026 11:00:00 +0800

这一页把 Markdown 的基本元素都放一遍：标题、段落、列表、引用、表格、代码、图片、链接、脚注和公式，顺便看看中英文混排、数字和标点的样子。

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

文本样式

这是一段普通文字。里面有斜体、粗体、又斜又粗、~~删除线~~，还有 行内代码。特殊符号可以转义：*不是斜体*，

\[不是链接\]

。

两段之间空一行就是新段落。
行末加两个空格可以换行。

混排：Hugo 版本 0.161.1，English words stay left-to-right，维吾尔文 ئۇيغۇرچە 也能放在同一行。数字：1、2、3、100、2026。

列表

无序列表：

第一项
第二项
- 嵌套的一项
- 嵌套的另一项
第三项

有序列表：

第一步
第二步
1. 子步骤一
2. 子步骤二
第三步

任务列表：

已完成的事
未完成的事
另一件未完成的事

引用

一段引用。

第二段引用，里面有粗体和 代码。

这是嵌套引用。

最后一行。

代码

普通代码块：

$ echo "你好，世界"
你好，世界
$ hugo server

Go 代码：

package main

import "fmt"

func main() {
	// 这行是注释
	fmt.Println("你好，世界")
}

JSON：

بارلىق Markdown ئېلېمېنتلىرى

Mon, 19 Oct 2026 10:00:00 +0800

بۇ بەتتە Markdown نىڭ ھەممە ئاساسىي ئېلېمېنتى بار: ماۋزۇ، ئابزاس، تىزىملىك، نەقىل، جەدۋەل، كود، رەسىم، ئۇلانما، ئىزاھ ۋە فورمۇلا. ھەممىسى ئوڭدىن سولغا يېزىلىدۇ، ئارىلاشقان ئىنگلىزچە ۋە سانلار ئۆز يۆنىلىشىدە كۆرۈنىدۇ.

بىرىنچى دەرىجىلىك ماۋزۇ

ئىككىنچى دەرىجىلىك ماۋزۇ

ئۈچىنچى دەرىجىلىك ماۋزۇ

تۆتىنچى دەرىجىلىك ماۋزۇ

بەشىنچى دەرىجىلىك ماۋزۇ

ئالتىنچى دەرىجىلىك ماۋزۇ

تېكىست شەكلى

بۇ ئاددىي ئابزاس. يانتۇ خەت، توم خەت، ھەم يانتۇ ھەم توم، ~~سىزىلغان خەت~~ ۋە inline code بار. ئالاھىدە بەلگىلەرنى قېچىرپ يازغىلى بولىدۇ: *يانتۇ ئەمەس* ۋە

数学公式测试

Sun, 18 Oct 2026 20:10:00 +0800

行内的 $E = mc^2$，以及求根公式 $x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a}$。下标也直接写：$a_n = a_1 + (n-1)d$，不会被当成强调。

块级公式

$$ \int_{-\infty}^{\infty} e^{-x^2}\,\mathrm{d}x = \sqrt{\pi} $$

矩阵

$$ \begin{pmatrix} a & b \\ c & d \end{pmatrix} \begin{pmatrix} x \\ y \end{pmatrix} = \begin{pmatrix} ax + by \\ cx + dy \end{pmatrix} $$

级数

$$ \lim_{n \to \infty} \sum_{k=1}^{n} \frac{1}{k^2} = \frac{\pi^2}{6} $$

一段代码

func mean(xs []float64) float64 {
	var sum float64
	for _, x := range xs {
		sum += x
	}
	return sum / float64(len(xs))
}

Projects：和 Claude Code 共用的 issue 跟踪器

Fri, 16 Oct 2026 11:40:00 +0800

一个项目一个文件夹，里面是 Markdown。人读它，agent 也读它。

目录长这样

projects/
└── lutpul/
 ├── README.md
 ├── issues/
 │ ├── 001-window-shadow.md
 │ └── 002-mobile-icons.md
 └── notes/

一条 issue

---
title: 窗口阴影偏了一像素
status: open
owner: me
---

在 1.5 倍缩放下，右下角的投影压住了边框。

agent 改的是同一批文件，所以它不需要额外的接口，也不需要同步；git diff 就是进度。

Notes on building in public

Wed, 14 Oct 2026 08:15:00 +0800

A short post in English, to see how the window holds a paragraph that runs on for a while. The measure is 720 pixels at most, the type is 12 pixels until the reader says otherwise, and every size in the text follows the reader’s choice.

What the page keeps

a title, bold, at the top
the date in the quiet ink under it
the text at the manual’s size
a terminal for code, a sunken field for a picture on its own

A quote sits here with a two pixel rule at its left, in the quieter grey.

Claude Code 应该放在私有 PWA 里

Tue, 13 Oct 2026 14:02:00 +0800

浏览器里的一个窗口，和装在桌面上的一个应用，中间差的是一个 manifest 和一点缓存。

为什么

它每天都要开，值得一个图标
它只属于你，不该出现在应用商店里
它断网的时候也应该说一句"离线"，而不是白屏

怎么做

写一份 manifest.webmanifest，名字、图标、起始地址
注册一个 service worker，把壳子缓存下来
在 iOS 上走"添加到主屏幕"，在桌面上走"安装"

私有不是说不能公开，是说地址只有你有。

ئۇيغۇرچە سىناق

Mon, 12 Oct 2026 12:00:00 +0800

بۇ يازمىدا لۇتپۇل تېمىسىنىڭ ئۇيغۇرچە تېكىستنى قانداق كۆرسىتىدىغانلىقىنى سىنايمىز. ئۇيغۇر تېكىستى ئوڭدىن سولغا يېزىلىدۇ، شۇڭا بۇ بەتنىڭ يۆنىلىشى rtl قىلىندى، خەت نۇسخىسىمۇ ئايرىم بېرىلدى.

تىزىملىك

بىرىنچى قۇر: ئاددىي تېكىست
ئىككىنچى قۇر: توم ۋە يانتۇ خەت
ئۈچىنچى قۇر: code ئىچىدىكى سۆز

كود

$ echo "سالام دۇنيا"
سالام دۇنيا

نەقىل

تىل — مىللەتنىڭ روھى.

يازمىنىڭ ئاخىرى. رەھمەت.

一行命令安装

Sun, 11 Oct 2026 09:20:00 +0800

主题放进 themes/lutpul/，站点的配置文件里写一行名字，就装好了。

theme: lutpul

要归档页，再加一个分区：content/archive/_index.md，front matter 里写 layout: archive，它会按月把文章分组。

---
title: "Archive"
layout: "archive"
---

按钮行里的 Archive 默认指向 archive/；换路径就在配置里写 params.archive。

一段长代码

Fri, 09 Oct 2026 22:30:00 +0800

代码块在自己的黑框里，行太长时折行而不是把窗口撑破。

package main

import (
	"context"
	"errors"
	"fmt"
	"log/slog"
	"net/http"
	"os"
	"os/signal"
	"syscall"
	"time"
)

// 一个最小的 HTTP 服务：请求进来打一行日志，收到信号就体面退出。
func main() {
	logger := slog.New(slog.NewTextHandler(os.Stdout, &slog.HandlerOptions{Level: slog.LevelInfo}))
	mux := http.NewServeMux()
	mux.HandleFunc("/healthz", func(w http.ResponseWriter, r *http.Request) {
		// 这一行故意写得很长，用来看看超长的注释在窄窗口里是怎么折行的，而不是横向滚出去看不见结尾
		w.Header().Set("Content-Type", "text/plain; charset=utf-8")
		fmt.Fprintln(w, "ok")
	})

	srv := &http.Server{Addr: ":8080", Handler: mux, ReadHeaderTimeout: 5 * time.Second}
	go func() {
		logger.Info("listening", "addr", srv.Addr)
		if err := srv.ListenAndServe(); err != nil && !errors.Is(err, http.ErrServerClosed) {
			logger.Error("serve", "err", err)
			os.Exit(1)
		}
	}()

	ctx, stop := signal.NotifyContext(context.Background(), syscall.SIGINT, syscall.SIGTERM)
	defer stop()
	<-ctx.Done()

	shutdown, cancel := context.WithTimeout(context.Background(), 10*time.Second)
	defer cancel()
	if err := srv.Shutdown(shutdown); err != nil {
		logger.Error("shutdown", "err", err)
	}
	logger.Info("bye")
}

行内代码 os.Exit(1) 也跟着正文的字号走。

认识一下 lutpul

Fri, 25 Sep 2026 19:07:52 +0800

lutpul 是一个 Hugo 主题：每一页都是桌面灰上的一扇窗口——条纹标题栏、下沉的内容框、15 像素高的状态条，还有右下角那排像素按钮。它没有框架，页面就是这份 HTML。

一扇窗口里有什么

顶部：这条页面在站里的位置，一行的面包屑
中间：正文。文章页在这一行的右端还有字号控件
底部：一排按钮，窄屏时缩成像素图标
最下：状态条，写着这篇是什么、几号

正文的字体跟着阅读者的选择走，字号从 10 到 20 逐格增减，选择记在这个浏览器里，翻页也不会丢。

一行代码

$ hugo new site mysite
$ hugo server

一张表

元素	尺寸	说明
窗口	720px	最大宽度
正文	12px	可调
状态条	15px	一行

引用也照这个尺寸排，左边一道两像素的竖线，颜色退一格。

待办

把窗口画出来
把按钮做成像素图
把浅色以外的配色也写上

试试右上角的 − + 和 Aa：一个改字号，一个换衬线体。

关于

Mon, 01 Jan 0001 00:00:00 +0000

这是 Lutpul，一个 Hugo 主题：每一页都是桌面灰上的一扇窗口——条纹标题栏、下沉的内容框、状态条，还有一排像素按钮。

这个站

文章放在 content/posts/，一篇一个文件夹
图片可以放 static/images/，也可以跟文章放一起（页面包）
首页每页 10 篇，多出来的进 /page/2/
归档页在 /archive/，按月份分组
标签在 /tags/

主题里有什么

文章页右上角可以调字号和字体（− + 和两个 Aa），选择记在浏览器里
窄屏幕时底栏的按钮会变成像素图标
维吾尔语页面加 uyghur: true，会换成独立的 uyghur.css，整页从右往左
公式用 $...$ 和 $$...$$，需要的话在 front matter 写 math: true

联系

想说的话，发邮件到 hello@example.com。