11 Commits
Author SHA1 Message Date
wangairnan b1ea89ba3d fix(ci): 发版重跑幂等:刷新发布说明并替换旧附件
Release / release (push) Successful in 5m16s
同 tag 重跑时 POST 冲突走查询回退,需 PATCH 以本次构建为准补写
发布说明,并先清空旧附件再重传,避免同名副本。
2026-09-09 23:31:26 +08:00
wangairnan 9b0f2785cf fix(ci): 修复 release id 提取的 node 语法错误
Release / release (push) Successful in 5m15s
node -e 少写一个右括号导致 Release 创建后资产上传前失败。
改经环境变量传入响应 JSON,不再用 stdin 拼串;
已存在的同 tag release 走查询回退,重跑即可补传产物。
2026-09-09 23:24:13 +08:00
wangairnan ccc858bfdd fix(ci): 标签名与 token 改经表达式注入
Release / release (push) Failing after 4m17s
该 runner(Forgejo 系 v3.3.2)未导出 GITEA_REF_NAME 等别名环境变量
(checkout 因空 pathspec 失败)。改为 job 级 env 显式表达式注入:
TAG=${{ github.ref_name }},token 按 GITHUB_TOKEN/GITEA_TOKEN/FORGEJO_TOKEN 依次回退。
2026-09-09 23:17:18 +08:00
wangairnan 2be5d4d25b fix(ci): 发版工作流改为零 action 纯 run 实现
Release / release (push) Failing after 13s
runner 实例地址注册为 localhost:3000,job 容器内不可达,导致所有
JS 类 action(checkout/setup-go/release)无法工作。改为:
- git clone 公网域名检出,tarball 安装 Go(go.dev 失败回退中国镜像)
- 容器固定 node:24-bookworm(runner 默认镜像无 node)
- curl 调 Gitea API 创建 Release 并上传产物,npm/Go 模块代理双层回退
2026-09-09 23:09:21 +08:00
wangairnan 95cac4688d fix(ci): 发版 job 显式使用 node 容器镜像
Release / release (push) Failing after 2m8s
runner 默认镜像无 node,checkout/setup-go/release 等 JS 类 action
第一步即失败(Cannot find: node in PATH)。改用 node:24-bookworm
镜像(自带 node 与 git),并省去 setup-node 步骤。
2026-09-09 23:00:32 +08:00
wangairnan ad4a87fc9f feat(ci): 基于 v* 标签的多架构自动发版
Release / release (push) Failing after 8s
- 新增 .gitea/workflows/release.yml:推送 v* 标签触发,构建前端嵌入后
  交叉编译 linux/darwin(amd64+arm64),生成变更日志并创建 Gitea Release
- 新增 scripts/build-release.sh:make dist 与 CI 共用的产物构建脚本,
  tar.gz 打包 + SHA256SUMS;不含 windows(internal/store 依赖 Unix Umask)
- Makefile 增加 dist 目标;版本注入沿用 git describe + ldflags(pn version)
2026-09-09 22:46:12 +08:00
wangairnan 92d89717c5 refactor(web): 残留自制控件统一替换为 antd 组件
- 状态点自制徽标改用 Badge,回收站剩余天数紧急态改用红色 Tag
- 危险按钮改用 danger 属性并补充语言,text+danger 不套实心红样式
- 后台搜索框改 antd Input 前缀形态,删除手写容器与聚焦环样式
- 加载态统一 Spin/Skeleton(Table 用 loading),空态统一 Empty
- Segmented 选项计数改用 Badge count,弱化为 muted 灰
- 首页分页说明改 Pagination showTotal,笔记错误态改 Empty 承接布局
- 代码块复制按钮改 antd Button 并增加「已复制」反馈,修复悬浮不显示
- 博客/后台图标按钮与溢出菜单触发器统一为 antd Button type=text
2026-09-09 15:37:36 +08:00
wangairnan 969d537aee fix(web): 后台侧栏「新建笔记」上移至首位,移除管理员信息中的「站点所有者」
侧栏 Menu 与移动端 tabbar 同步调换,编辑页高亮新建入口的逻辑不变。
2026-09-09 12:25:10 +08:00
wangairnan 614bfe2852 fix(web): 后台侧栏选中项改黑底反白,修复明暗模式下选中态看不清
自定义主题 colorPrimary 为近黑/近白,antd Menu 选中项默认的
primary 淡色底与侧栏底色对比不足;选中/hover 态改用 sidebar
token(黑底反白/浅灰底),并覆盖此前对未选中文字色的误覆盖。
2026-09-09 12:09:33 +08:00
wangairnan 5bac272f6d feat: 前台标签接入 antd 组件、列表封面图、favicon 随站点 Logo 及侧栏收窄
- 前台列表/详情/标签页标签统一 antd Tag;标签页改 CheckableTagGroup 单选
  (选中态由组件承接,再点已选标签回到全部);移除首页标签筛选条,
  标签入口收敛至顶部「标签」页
- 公开列表新增 cover 字段(取正文第一张站内图,store.FirstImageRef),
  首页条目左侧显示封面缩略图,无图条目保持纯文字
- favicon 随站点 Logo:webui.Meta.Icon 服务端注入 index.html,
  前端 useSiteTitle 兜底(dev 模板占位符场景)并即时生效;
  设置页「重置默认」清空 Logo 后回退内置 /favicon.svg
- 后台侧栏改 antd Menu(inline 分组),宽度 256→208、窄侧栏档 224→184
2026-09-09 11:51:06 +08:00
wangairnan 5457aeaa33 feat: 新增发布日期自选、站点 Logo、回收站清空等十项改进
- 编辑页标题改 filled 变体;标签改 tags 选择器(可勾选既有/输入新建)
- 笔记发布日期可自选(schema v2 新增 published_at 并回填),前台展示发布日期
- 登录页移除「请输入管理密码以继续」「连续失败将被暂时锁定」文案
- 站点设置每页条数收敛为 10/20/30/50 选择器,后端白名单同源校验
- 站点设置两卡片宽屏左右/窄屏上下;修改密码按钮改常规大小
- 后台各页顶栏固定高度,切换页面不再抖动
- 站点 Logo:settings 新增 site_logo(站内路径),gc/孤儿清单豁免 Logo 图片,
  博客 header 站点名前展示,设置页支持上传/更换/清除
- 回收站右上角一键清空(DELETE /api/admin/trash,含确认弹窗)
- pn init 写入 Markdown 语法示例文档(slug welcome,公开)与程序生成的示例图片
2026-09-09 11:10:30 +08:00
37 changed files with 1204 additions and 703 deletions
+109
View File
@@ -0,0 +1,109 @@
# 发版工作流:推送 v* 标签 → 构建前端并嵌入 → 交叉编译多平台二进制
# → 生成发布说明 → 通过 Gitea API 创建 Release 并上传产物。
#
# 发版操作:
# git tag -a v0.0.1 -m "v0.0.1"
# git push origin v0.0.1
#
# 实现说明:刻意不使用任何 JS 类 action(checkout/setup-*/release-*)——
# 自托管 runner 常把实例地址注册成 localhost,job 容器内不可达,
# 且默认容器镜像可能没有 node。此处全程纯 run 步骤 + 公网域名访问实例,
# 容器固定 node:24-bookworm(自带 node 与 git,npm 构建前端所需)。
name: Release
on:
push:
tags:
- 'v*'
permissions:
contents: write
env:
SITE: https://git.airnan.cn
REPO: wangairnan/pure-note
jobs:
release:
runs-on: ubuntu-latest
container:
image: node:24-bookworm
env:
# 这台 runner 只保证 GITHUB_* 兼容层(GITEA_REF_NAME 等别名不可靠),
# 一律经表达式显式注入,不直接读 GITEA_* 环境变量
TAG: ${{ github.ref_name }}
TOKEN: ${{ secrets.GITHUB_TOKEN || secrets.GITEA_TOKEN || secrets.FORGEJO_TOKEN }}
steps:
# 完整历史:供 git log 生成上一个 tag 以来的变更日志
- name: 检出代码
run: |
git clone "$SITE/$REPO.git" .
git checkout --detach "$TAG"
git log --oneline -1
- name: 安装 Go(版本取自 go.mod)
run: |
set -euo pipefail
GOVER=$(awk '$1 == "go" {print $2}' go.mod)
echo "==> 安装 Go $GOVER"
# go.dev 在部分网络不可达,回退官方中国镜像
curl -fsSL "https://go.dev/dl/go${GOVER}.linux-amd64.tar.gz" -o /tmp/go.tgz \
|| curl -fsSL "https://golang.google.cn/dl/go${GOVER}.linux-amd64.tar.gz" -o /tmp/go.tgz
tar -C /usr/local -xzf /tmp/go.tgz
/usr/local/go/bin/go version
- name: 构建前端并嵌入(web/dist → internal/webui/dist)
run: make web sync-assets || (npm config set registry https://registry.npmmirror.com && make web sync-assets)
- name: 交叉编译发布产物
run: |
set -euo pipefail
export PATH=/usr/local/go/bin:$PATH
# 模块代理双层回退:官方代理不可达时走 goproxy.cn
export GOPROXY=https://proxy.golang.org,https://goproxy.cn,direct
scripts/build-release.sh "$TAG"
# 首个 tag 无上一版本,变更日志段自动省略
- name: 生成发布说明
run: |
set -euo pipefail
prev=$(git describe --tags --abbrev=0 "HEAD^" 2>/dev/null || true)
short=$(git rev-parse --short HEAD)
{
echo "## pn ${TAG}"
echo
echo "- commit: \`$short\`"
echo "- 构建时间: $(date -u '+%Y-%m-%dT%H:%M:%SZ')"
if [ -n "$prev" ]; then
echo
echo "### 自 ${prev} 以来的变更"
echo
git log --oneline --no-decorate "${prev}..HEAD" | sed 's/^/- /'
fi
} > release-notes.md
cat release-notes.md
# 重跑幂等:release 已存在时更新说明、清旧附件后重传
- name: 创建 Release 并上传产物
run: |
set -euo pipefail
API="$SITE/api/v1/repos/$REPO"
AUTH="Authorization: token ${TOKEN}"
REQ=$(node -e 'const fs=require("fs");process.stdout.write(JSON.stringify({tag_name:process.env.TAG,name:"pn "+process.env.TAG,body:fs.readFileSync("release-notes.md","utf8")}))')
# 同 tag release 已存在(如失败重跑)时回退为查询
REL=$(curl -fsS -X POST "$API/releases" -H "$AUTH" -H 'Content-Type: application/json' -d "$REQ") \
|| REL=$(curl -fsS "$API/releases/tags/${TAG}" -H "$AUTH")
RID=$(REL="$REL" node -e 'process.stdout.write(String(JSON.parse(process.env.REL).id))')
echo "==> release id=$RID"
# 发布说明以本次构建为准(回退路径下 POST 已冲突,须补写)
curl -fsS -X PATCH "$API/releases/$RID" -H "$AUTH" -H 'Content-Type: application/json' -d "$REQ" >/dev/null
# 清除旧附件,避免重跑产生同名副本
ASSETS=$(curl -fsS "$API/releases/$RID/assets" -H "$AUTH")
ASSETS="$ASSETS" node -e 'JSON.parse(process.env.ASSETS).forEach(a=>console.log(a.id))' | while read -r aid; do
curl -fsS -X DELETE "$API/releases/$RID/assets/$aid" -H "$AUTH" >/dev/null
done
for f in dist/*; do
echo "==> 上传 $(basename "$f")"
curl -fsS -X POST "$API/releases/$RID/assets?name=$(basename "$f")" -H "$AUTH" -F "attachment=@$f" >/dev/null
done
echo "==> 完成:$SITE/$REPO/releases/tag/${TAG}"
+3
View File
@@ -13,5 +13,8 @@ internal/webui/dist/*
/pn
/pn-linux-*
# 发布产物(make dist / CI 发版构建输出)
/dist/
# 系统文件
.DS_Store
+10 -1
View File
@@ -5,17 +5,21 @@
# make sync-assets 拷贝 web/dist → internal/webui/dist(go:embed 约束,§8.3-1)
# make build 全量构建(前端 + 单二进制 pn)
# make linux 交叉编译 linux/amd64
# make dist 全平台发布产物 → dist/(VERSION ?= git describe,与 CI 发版共用脚本)
# make test Go 测试 + 前端测试
# make smoke 真实构建冒烟测试(§8.3-6)
# make dev 双进程热重载(air + vite dev)
# make vulncheck govulncheck
#
# 发版:git tag -a v0.0.1 -m "v0.0.1" && git push origin v0.0.1
# (推送 v* 标签触发 .gitea/workflows/release.yml 自动构建并创建 Release)
VERSION ?= $(shell git describe --tags --always 2>/dev/null || echo dev)
COMMIT ?= $(shell git rev-parse --short HEAD 2>/dev/null || echo none)
DATE ?= $(shell date -u +%Y-%m-%dT%H:%M:%SZ)
LDFLAGS := -s -w -X main.version=$(VERSION) -X main.commit=$(COMMIT) -X main.buildDate=$(DATE)
.PHONY: web sync-assets build linux test smoke dev vulncheck clean
.PHONY: web sync-assets build linux dist test smoke dev vulncheck clean
web:
cd web && npm ci && npm run build
@@ -33,6 +37,10 @@ linux: web sync-assets
CGO_ENABLED=0 GOOS=linux GOARCH=amd64 go build -trimpath -ldflags="$(LDFLAGS)" \
-o pn-linux-amd64 ./cmd/pn
# 全平台发布产物(版本注入逻辑与 CI 发版共用 scripts/build-release.sh)
dist: web sync-assets
scripts/build-release.sh "$(VERSION)"
test:
go vet ./...
go test ./...
@@ -51,3 +59,4 @@ vulncheck:
clean:
rm -f pn pn-linux-amd64
rm -rf dist
+22 -6
View File
@@ -7,12 +7,12 @@
## 功能
- **笔记**:Markdown CRUD、粘贴/拖拽图片上传(≤5MB、魔数校验、BLOB 入库去重)、公开/私有两态、置顶、标签
- **博客**:首页(置顶优先 + 分页 + 标签云)、详情(上一篇/下一篇)、标签页、RSS、sitemap、SEO meta 注入(仅公开内容)
- **笔记**:Markdown CRUD、粘贴/拖拽图片上传(≤5MB、魔数校验、BLOB 入库去重)、公开/私有两态、置顶、标签、发布日期可自选
- **博客**:首页(置顶优先 + 分页 + 标签云)、详情(上一篇/下一篇)、标签页、RSS、sitemap、SEO meta 注入(仅公开内容);站点名称前可显示自定义 Logo
- **管理**:单管理员口令登录(Argon2id)、会话 7 天滑动续期(CSRF 轮换保持不变)、防爆破限流(per-IP + per-账号)、改密
- **回收站**:删除 = 软删除,30 天内可恢复,`gc` 到期物理清除
- **界面**:9 页面响应式 SPA(React 19 + Tailwind 4),深色/浅色/跟随系统三态主题
- **运维**:`init` / `passwd`(重设口令并吊销全部会话)/ `start` / `backup`(在线一致快照)/ `gc`(默认 dry-run)/ `version`(亦可 `-v`)
- **回收站**:删除 = 软删除,30 天内可恢复,可一键清空,`gc` 到期物理清除
- **界面**:9 页面响应式 SPA(React 19 + Tailwind 4 + Ant Design 6),深色/浅色/跟随系统三态主题
- **运维**:`init`(含 Markdown 示例文档与示例图片种子)/ `passwd`(重设口令并吊销全部会话)/ `start` / `backup`(在线一致快照)/ `gc`(默认 dry-run)/ `version`(亦可 `-v`)
## 快速开始
@@ -20,7 +20,7 @@
# 1. 构建单二进制(前端 + 后端)
make build
# 2. 初始化(设置管理员口令与站点标题)
# 2. 初始化(设置管理员口令与站点标题,自动写入一篇 Markdown 示例文档)
./pn init
# 非交互:PN_ADMIN_PASSWORD=xxx PN_SITE_TITLE=yyy ./pn init
@@ -78,6 +78,22 @@ sudo systemctl enable --now pn pn-maint.timer
**恢复 SOP**:停服 → 删除 `data/pn.db-wal` 与 `-shm` → 以备份文件替换 `pn.db` → 起服。
## 版本与发版
版本号以 git tag 为唯一来源(语义化版本,从 `v0.0.1` 开始),构建时经 ldflags 注入,
`./pn version` 可查看:
```bash
git tag -a v0.0.1 -m "v0.0.1"
git push origin v0.0.1 # 推送 v* 标签即触发自动发版
```
推送 `v*` 标签后,Gitea Actions([.gitea/workflows/release.yml](.gitea/workflows/release.yml))
自动构建前端并嵌入,交叉编译 linux/darwin(amd64 + arm64)共 4 个产物,
连同 SHA256SUMS 与上一版本以来的变更日志一起发布到仓库的 Release 页面。
本地验证发布产物:`make dist`(版本缺省 `git describe --tags --always`,输出到 `dist/`)。
## 架构
```
+4
View File
@@ -226,6 +226,10 @@ func runInit(args []string) error {
if err := st.SetSetting(store.KeySiteTitle, title); err != nil {
return err
}
// 种子内容:一篇 Markdown 语法示例文档(公开)+ 自动生成的示例图片
if _, err := seedWelcome(st); err != nil {
return fmt.Errorf("写入初始文档失败: %w", err)
}
fmt.Println("初始化完成。现在可以启动:pn start --data-dir", cfg.DataDir)
return nil
}
+183
View File
@@ -0,0 +1,183 @@
// init 种子内容:一篇展示常用 Markdown 语法的初始文档 + 一张程序生成的示例图片。
package main
import (
"bytes"
"crypto/sha256"
"encoding/hex"
"fmt"
"image"
"image/color"
"image/png"
"time"
"pure-note/internal/store"
)
// welcomeSlug 固定 slug,便于用户识别与重装后覆盖判断(init 幂等由口令守卫保证)。
const welcomeSlug = "welcome"
// seedWelcome 写入初始文档(公开)与其引用的示例图片;返回写入的笔记 id。
func seedWelcome(st *store.Store) (int64, error) {
imgID, err := seedWelcomeImage(st)
if err != nil {
return 0, fmt.Errorf("写入示例图片: %w", err)
}
content := welcomeMarkdown(imgID)
now := time.Now().Unix()
n := &store.Note{
Slug: welcomeSlug,
Title: "欢迎使用 Pure Note:Markdown 速览",
Summary: "一篇入门笔记,覆盖日常写作会用到的全部 Markdown 语法:标题、列表、引用、代码、表格与图片。",
Content: content,
Status: "public",
Tags: []string{"Markdown", "入门"},
PublishedAt: now,
CreatedAt: now,
UpdatedAt: now,
}
id, err := st.CreateNote(n)
if err != nil {
return 0, err
}
if err := st.RebuildImageRefs(id, content); err != nil {
return 0, err
}
return id, nil
}
// welcomeMarkdown 初始文档正文:覆盖常用语法,并引用示例图片。
func welcomeMarkdown(imgID int64) string {
return fmt.Sprintf(`这是一篇初始化时自动创建的示例笔记,覆盖日常写作会用到的绝大部分 Markdown 语法。随时可以编辑或删除它。
## 基础排版
普通段落之间用一个空行分隔。行内语法有:**加粗**、*斜体*、***粗斜体***、~~删除线~~,以及行内代码 `+"`pn start`"+`。也可以直接粘贴链接:<https://github.com>
## 标题层级
### 三级标题
#### 四级标题
标题会进入文章大纲,正文建议从二级标题用起。
## 列表
无序列表:
- 支持嵌套
- 子项缩进两个空格
- 快捷键 `+"`Ctrl/⌘ + S`"+` 可手动保存
有序列表:
1. 在编辑器里写 Markdown
2. 粘贴图片直接上传
3. 点击发布即可访问
任务列表:
- [x] 初始化站点
- [x] 阅读本文档
- [ ] 写第一篇笔记
## 引用
> 简单,可靠,只有一个数据文件。
> —— Pure Note 设计哲学
## 代码块
代码块支持语法高亮:
`+"```go"+`
package main
import "fmt"
func main() {
fmt.Println("Hello, Pure Note!")
}
`+"```"+`
`+"```"+`javascript
const note = { title: "你好", tags: ["Markdown"] };
console.log(`+"`开始写作:${note.title}`"+`);
`+"```"+`
## 表格
| 语法 | 用途 | 示例 |
| --- | --- | --- |
| **文本** | 加粗 | **重要** |
| `+"`代码`"+` | 行内代码 | `+"`npm run dev`"+` |
| [文本](url) | 超链接 | [首页](/) |
## 图片
在编辑器里直接粘贴或拖入图片即可上传(≤5MB),下面这张就是初始化时自动生成的示例图:
![示例图片](/api/images/%d)
## 其他
---
私有笔记仅自己可见,公开笔记会出现在首页与 RSS 中;删除的笔记进入回收站保留 30 天。祝写作愉快。
`, imgID)
}
// seedWelcomeImage 生成一张对角渐变 PNG(zinc 色系),入库后返回图片 id。
func seedWelcomeImage(st *store.Store) (int64, error) {
data, err := gradientPNG()
if err != nil {
return 0, err
}
return st.UpsertImage(sha256Hex(data), "image/png", len(data), data, time.Now().Unix())
}
// gradientPNG 绘制 960×360 对角渐变:zinc-950 → zinc-400,叠加一条高光斜带。
func gradientPNG() ([]byte, error) {
const w, h = 960, 360
img := image.NewNRGBA(image.Rect(0, 0, w, h))
from := color.RGBA{R: 24, G: 24, B: 27, A: 255} // #18181b
to := color.RGBA{R: 161, G: 161, B: 170, A: 255} // #a1a1aa
for y := 0; y < h; y++ {
for x := 0; x < w; x++ {
t := (float64(x)/float64(w-1) + float64(y)/float64(h-1)) / 2
// 高光斜带:在 t≈0.55 附近提亮,形成柔和的光泽过渡
band := 0.16 * float64(1) / (1 + pow2((t-0.55)*9))
c := color.RGBA{
R: lerp(from.R, to.R, t+band),
G: lerp(from.G, to.G, t+band),
B: lerp(from.B, to.B, t+band),
A: 255,
}
img.Set(x, y, c)
}
}
var buf bytes.Buffer
if err := png.Encode(&buf, img); err != nil {
return nil, err
}
return buf.Bytes(), nil
}
func lerp(a, b uint8, t float64) uint8 {
if t < 0 {
t = 0
} else if t > 1 {
t = 1
}
return uint8(float64(a) + (float64(b)-float64(a))*t)
}
func pow2(x float64) float64 { return x * x }
func sha256Hex(b []byte) string {
sum := sha256.Sum256(b)
return hex.EncodeToString(sum[:])
}
+10 -8
View File
@@ -58,8 +58,8 @@
| F3 | 图片 | 编辑器内粘贴/拖拽上传(≤5MB);Markdown 中引用;图片可见性 = 引用它的笔记可见性的并集;去重存储 |
| F4 | 博客 | 匿名访问:首页(公开列表+分页+标签)、详情页、标签页;RSS Feed;sitemap.xml;SEO 基础(仅公开笔记注入 title/description/og meta) |
| F5 | 认证 | 单管理员密码登录/登出/**改密**;会话失效/续期;登录与改密防爆破 |
| F6 | 站点设置 | 站点标题、副标题、每页条数(白名单字段,绝不含口令哈希) |
| F7 | 回收站 | 删除 = 软删除进入回收站;30 天内可恢复;`gc` 到期物理清除 |
| F6 | 站点设置 | 站点标题、副标题、每页条数(10/20/30/50)、站点 Logo(白名单字段,绝不含口令哈希) |
| F7 | 回收站 | 删除 = 软删除进入回收站;30 天内可恢复;可一键清空;`gc` 到期物理清除 |
| F8 | 运维 | 单二进制启动;`--data-dir` 指定数据目录;在线备份子命令;`gc` 子命令(默认 dry-run);版本号 |
### 2.2 非功能需求
@@ -232,7 +232,8 @@ CREATE TABLE IF NOT EXISTS notes (
pinned INTEGER NOT NULL DEFAULT 0,
deleted_at INTEGER, -- NULL=正常;非空=回收站(软删除)
created_at INTEGER NOT NULL, -- Unix 秒
updated_at INTEGER NOT NULL
updated_at INTEGER NOT NULL,
published_at INTEGER -- 发布日期(可自选);v2 迁移回填为 created_at
);
CREATE INDEX IF NOT EXISTS idx_notes_public
ON notes (status, pinned, updated_at DESC);
@@ -267,7 +268,7 @@ CREATE TABLE IF NOT EXISTS settings (
);
-- 键白名单(§7.1 SettingsDTO 同源):
-- admin_password_hash : PHC 串 $argon2id$v=19$m=19456,t=2,p=1$<b64salt>$<b64hash>
-- site_title / site_desc / page_size
-- site_title / site_desc / page_size / beian_no / site_logo(站内绝对路径)
-- admin_password_hash 永不进入任何 API 响应、不可经 settings 接口写入(§9.3)
```
@@ -326,10 +327,11 @@ CREATE TABLE IF NOT EXISTS settings (
| PUT | `/api/admin/notes/{id}` | 更新(事务内重建 image_refs);slug 冲突返回 409 + 字段级错误 |
| DELETE | `/api/admin/notes/{id}` | **软删除**:置 `deleted_at` 进入回收站 |
| GET | `/api/admin/trash` | 回收站列表 |
| DELETE | `/api/admin/trash` | **清空回收站**:物理删除全部软删除笔记(refs 级联) |
| POST | `/api/admin/trash/{id}/restore` | 恢复:清空 `deleted_at`(slug 仍被自身占用,无冲突;外部占用则在 30 天内不可能,见 §6.2) |
| POST | `/api/admin/images` | multipart 上传 → `{id, url}`;≤5MB |
| GET | `/api/admin/images?orphan=1` | 0 引用图片清单(删除前检视,实际清除由 gc 执行) |
| GET/PUT | `/api/admin/settings` | **SettingsDTO 白名单**(site_title/site_desc/page_size),读永不序列化 `admin_password_hash`、写只收白名单键 |
| GET/PUT | `/api/admin/settings` | **SettingsDTO 白名单**(site_title/site_desc/page_size/beian_no/site_logo;page_size 仅 10/20/30/50),读永不序列化 `admin_password_hash`、写只收白名单键 |
| POST | `/api/admin/password` | `{old_password, new_password}`;校验旧密码(常量时间)、新密码 ≥12 字符;复用登录限流 |
### 7.2 中间件链与服务器参数
@@ -379,7 +381,7 @@ SecurityHeaders(含 HSTS,§9.2)
| 子命令 / 开关 | 说明 |
| --- | --- |
| `pn start` | 启动;`--addr :8080`、`--data-dir`(默认 `./data`)、`--log-level`、`--log-format text|json`、`--behind-proxy`(声明位于可信反代之后,启用 XFF 处理)、`--dev`(loopback-only,§7.3-8)、`--allow-newer`(跳过 schema 版本上界校验,§10.4);环境变量:`PN_ADMIN_PASSWORD` |
| `pn init` | 首次初始化:设口令(Argon2id+PHC)、站点标题 |
| `pn init` | 首次初始化:设口令(Argon2id+PHC)、站点标题;并写入一篇 Markdown 语法示例文档(公开,slug `welcome`)及程序生成的示例图片 |
| `pn passwd` | 重设管理员口令(覆盖旧哈希)并吊销全部会话;口令来源同 `init`(环境变量 `PN_ADMIN_PASSWORD` 或交互输入,不经 argv 避免 ps 泄露)。CLI 可达即具备服务器权限,允许直接重设 |
| `pn backup [path]` | 在线备份:`VACUUM INTO`(一致快照,不停服);默认输出 0600 权限 |
| `pn gc` | 回收站过期清除 + 孤儿图片清除 + 会话清理;**默认 `--dry-run`**,`--commit` 才执行(§6.3) |
@@ -398,8 +400,8 @@ SecurityHeaders(含 HSTS,§9.2)
| `/tags/:tag` | 标签页 | 该标签下公开笔记 |
| `/admin/login` | 登录页 | 口令登录、防爆破提示 |
| `/admin` | 管理列表 | 全部笔记(公/私标签可见)、状态开关、新建、删除(入回收站) |
| `/admin/trash` | 回收站 | 已删列表、恢复 |
| `/admin/notes/new` `/admin/notes/:id/edit` | 编辑器 | CodeMirror 源码编辑 + 实时预览(分屏/切换)、元信息侧栏(标题/slug/标签/摘要/公开开关/置顶)、图片粘贴上传 |
| `/admin/trash` | 回收站 | 已删列表、恢复、一键清空 |
| `/admin/notes/new` `/admin/notes/:id/edit` | 编辑器 | CodeMirror 源码编辑 + 实时预览(分屏/切换)、元信息侧栏(标题/slug/标签选择器/发布日期/摘要/公开开关/置顶)、图片粘贴上传 |
| `*` | 404 | 统一兜底 |
### 8.2 核心技术要点
+56 -22
View File
@@ -27,16 +27,17 @@ import (
// adminNoteItem 管理列表项(不含全文)。
type adminNoteItem struct {
ID int64 `json:"id"`
Slug string `json:"slug"`
Title string `json:"title"`
Summary string `json:"summary"`
Status string `json:"status"`
Tags []string `json:"tags"`
Pinned bool `json:"pinned"`
DeletedAt *int64 `json:"deleted_at,omitempty"`
CreatedAt int64 `json:"created_at"`
UpdatedAt int64 `json:"updated_at"`
ID int64 `json:"id"`
Slug string `json:"slug"`
Title string `json:"title"`
Summary string `json:"summary"`
Status string `json:"status"`
Tags []string `json:"tags"`
Pinned bool `json:"pinned"`
DeletedAt *int64 `json:"deleted_at,omitempty"`
CreatedAt int64 `json:"created_at"`
UpdatedAt int64 `json:"updated_at"`
PublishedAt int64 `json:"published_at"`
}
func toAdminItem(n *store.Note) adminNoteItem {
@@ -44,6 +45,7 @@ func toAdminItem(n *store.Note) adminNoteItem {
ID: n.ID, Slug: n.Slug, Title: n.Title, Summary: n.Summary,
Status: n.Status, Tags: n.Tags, Pinned: n.Pinned,
DeletedAt: n.DeletedAt, CreatedAt: n.CreatedAt, UpdatedAt: n.UpdatedAt,
PublishedAt: n.PublishedAt,
}
}
@@ -61,15 +63,16 @@ func (s *Server) handleAdminNotes(w http.ResponseWriter, r *http.Request) {
writeJSON(w, http.StatusOK, map[string]any{"items": items, "total": len(items)})
}
// notePayload 笔记写请求体。
// notePayload 笔记写请求体。PublishedAt 为发布日期(Unix 秒);nil = 创建取当前时刻 / 更新保持不变。
type notePayload struct {
Title string `json:"title"`
Slug string `json:"slug"`
Summary string `json:"summary"`
Content string `json:"content"`
Status string `json:"status"`
Tags []string `json:"tags"`
Pinned bool `json:"pinned"`
Title string `json:"title"`
Slug string `json:"slug"`
Summary string `json:"summary"`
Content string `json:"content"`
Status string `json:"status"`
Tags []string `json:"tags"`
Pinned bool `json:"pinned"`
PublishedAt *int64 `json:"published_at"`
}
func (p *notePayload) validate() (string, string) { // 返回 (错误码, 消息)
@@ -106,10 +109,14 @@ func (s *Server) handleAdminNoteCreate(w http.ResponseWriter, r *http.Request) {
if strings.TrimSpace(summary) == "" {
summary = markdown.Summary(p.Content, 200)
}
publishedAt := now
if p.PublishedAt != nil && *p.PublishedAt > 0 {
publishedAt = *p.PublishedAt
}
n := &store.Note{
Slug: slug, Title: strings.TrimSpace(p.Title), Summary: summary,
Content: p.Content, Status: p.Status, Tags: store.NormalizeTags(p.Tags),
Pinned: p.Pinned, CreatedAt: now, UpdatedAt: now,
Pinned: p.Pinned, PublishedAt: publishedAt, CreatedAt: now, UpdatedAt: now,
}
id, err := s.st.CreateNote(n)
if err != nil {
@@ -203,6 +210,9 @@ func (s *Server) handleAdminNoteUpdate(w http.ResponseWriter, r *http.Request) {
n.Tags = store.NormalizeTags(p.Tags)
n.Pinned = p.Pinned
n.Content = p.Content
if p.PublishedAt != nil && *p.PublishedAt > 0 {
n.PublishedAt = *p.PublishedAt
}
if strings.TrimSpace(p.Summary) == "" {
n.Summary = markdown.Summary(p.Content, 200)
} else {
@@ -253,6 +263,17 @@ func (s *Server) handleAdminTrash(w http.ResponseWriter, r *http.Request) {
writeJSON(w, http.StatusOK, map[string]any{"items": items, "total": len(items)})
}
// handleAdminTrashEmpty DELETE /api/admin/trash:清空回收站(物理删除全部,§6.2)。
func (s *Server) handleAdminTrashEmpty(w http.ResponseWriter, r *http.Request) {
n, err := s.st.EmptyTrash()
if err != nil {
writeError(w, http.StatusInternalServerError, "internal", "内部错误")
return
}
s.log.Info("admin_action", "op", "trash.empty", "count", n)
writeJSON(w, http.StatusOK, map[string]any{"ok": true, "deleted": n})
}
// handleAdminTrashRestore POST /api/admin/trash/{id}/restore:恢复(清空 deleted_at)。
func (s *Server) handleAdminTrashRestore(w http.ResponseWriter, r *http.Request) {
id, ok := pathID(r)
@@ -397,6 +418,7 @@ type settingsDTO struct {
SiteDesc *string `json:"site_desc"`
PageSize *int `json:"page_size"`
BeianNo *string `json:"beian_no"`
SiteLogo *string `json:"site_logo"`
}
// handleAdminSettingsGet GET /api/admin/settings:白名单三键;永不序列化 admin_password_hash。
@@ -415,7 +437,7 @@ func (s *Server) handleAdminSettingsPut(w http.ResponseWriter, r *http.Request)
dec.DisallowUnknownFields()
var dto settingsDTO
if err := dec.Decode(&dto); err != nil {
writeError(w, http.StatusBadRequest, "bad_request", "包含未知字段或类型不合法(白名单:site_title/site_desc/page_size/beian_no)")
writeError(w, http.StatusBadRequest, "bad_request", "包含未知字段或类型不合法(白名单:site_title/site_desc/page_size/beian_no/site_logo)")
return
}
if dto.SiteTitle != nil {
@@ -440,8 +462,8 @@ func (s *Server) handleAdminSettingsPut(w http.ResponseWriter, r *http.Request)
}
}
if dto.PageSize != nil {
if *dto.PageSize < 1 || *dto.PageSize > 100 {
writeError(w, http.StatusBadRequest, "bad_request", "page_size ∈ [1,100]")
if !store.ValidPageSize(*dto.PageSize) {
writeError(w, http.StatusBadRequest, "bad_request", "page_size 仅支持 10/20/30/50")
return
}
if err := s.st.SetSetting(store.KeyPageSize, strconv.Itoa(*dto.PageSize)); err != nil {
@@ -460,6 +482,18 @@ func (s *Server) handleAdminSettingsPut(w http.ResponseWriter, r *http.Request)
return
}
}
if dto.SiteLogo != nil {
// 仅收站内绝对路径(如 /api/images/1):CSP img-src 'self',外链图片本来就无法展示
v := strings.TrimSpace(*dto.SiteLogo)
if v != "" && (len(v) > 500 || strings.ContainsAny(v, " \t\r\n\"'\\") || !strings.HasPrefix(v, "/")) {
writeError(w, http.StatusBadRequest, "bad_request", "站点 Logo 须为站内绝对路径(如 /api/images/1)或留空")
return
}
if err := s.st.SetSetting(store.KeySiteLogo, v); err != nil {
writeError(w, http.StatusInternalServerError, "internal", "内部错误")
return
}
}
// admin_password_hash 不可经此接口写入(§9.3):不在白名单结构体中,天然拒绝。
s.log.Info("admin_action", "op", "settings.update")
ss, err := s.st.GetSiteSettings()
+9 -7
View File
@@ -284,7 +284,7 @@ func TestSettingsWhitelist(t *testing.T) {
}
// PUT 合法键
resp, _ = e.do(admin, http.MethodPut, "/api/admin/settings",
[]byte(`{"site_title":"新标题","site_desc":"描述","page_size":5,"beian_no":"京公网安备12345678901号"}`), e.adminHeaders())
[]byte(`{"site_title":"新标题","site_desc":"描述","page_size":20,"beian_no":"京公网安备12345678901号"}`), e.adminHeaders())
if resp.StatusCode != 200 {
t.Errorf("合法 PUT 应 200: %d", resp.StatusCode)
}
@@ -311,14 +311,16 @@ func TestSettingsWhitelist(t *testing.T) {
}
// page_size 生效为公开列表默认
_, body = e.get(e.client(), "/api/notes")
if !strings.Contains(string(body), `"page_size":5`) {
if !strings.Contains(string(body), `"page_size":20`) {
t.Errorf("page_size 设置应生效: %s", body)
}
// page_size 越界
resp, _ = e.do(admin, http.MethodPut, "/api/admin/settings",
[]byte(`{"page_size":0}`), e.adminHeaders())
if resp.StatusCode != http.StatusBadRequest {
t.Errorf("page_size=0 应 400: %d", resp.StatusCode)
// page_size 越界/非候选项
for _, bad := range []string{"0", "5", "101"} {
resp, _ = e.do(admin, http.MethodPut, "/api/admin/settings",
[]byte(`{"page_size":`+bad+`}`), e.adminHeaders())
if resp.StatusCode != http.StatusBadRequest {
t.Errorf("page_size=%s 应 400: %d", bad, resp.StatusCode)
}
}
}
+3 -3
View File
@@ -29,7 +29,7 @@ type rssItem struct {
Title string `xml:"title"`
Link string `xml:"link"`
GUID string `xml:"guid"`
PubDate string `xml:"pubDate"` // RFC 822(RSS 2.0 规范)
PubDate string `xml:"pubDate"` // RFC 822(RSS 2.0 规范)
Description string `xml:"description"` // 已清洗的 HTML(经 encoding/xml 自动转义)
}
@@ -92,8 +92,8 @@ func (s *Server) handleRSS(w http.ResponseWriter, r *http.Request) {
// ---- sitemap(仅公开笔记)----
type urlSet struct {
XMLName xml.Name `xml:"urlset"`
XMLNS string `xml:"xmlns,attr"`
XMLName xml.Name `xml:"urlset"`
XMLNS string `xml:"xmlns,attr"`
URLs []siteURL `xml:"url"`
}
+15 -11
View File
@@ -40,15 +40,17 @@ func (s *Server) handleSiteInfo(w http.ResponseWriter, r *http.Request) {
writeJSON(w, http.StatusOK, ss)
}
// publicNoteItem 公开列表项(元信息,不含全文)。
// publicNoteItem 公开列表项(元信息 + 封面图,不含全文)。
type publicNoteItem struct {
Slug string `json:"slug"`
Title string `json:"title"`
Summary string `json:"summary"`
Tags []string `json:"tags"`
Pinned bool `json:"pinned"`
CreatedAt int64 `json:"created_at"`
UpdatedAt int64 `json:"updated_at"`
Slug string `json:"slug"`
Title string `json:"title"`
Summary string `json:"summary"`
Tags []string `json:"tags"`
Pinned bool `json:"pinned"`
Cover string `json:"cover,omitempty"`
CreatedAt int64 `json:"created_at"`
UpdatedAt int64 `json:"updated_at"`
PublishedAt int64 `json:"published_at"`
}
// handlePublicNotes GET /api/notes:公开笔记列表(可见性过滤在查询层,§9.1-T10)。
@@ -70,7 +72,8 @@ func (s *Server) handlePublicNotes(w http.ResponseWriter, r *http.Request) {
items = append(items, publicNoteItem{
Slug: n.Slug, Title: n.Title, Summary: n.Summary,
Tags: n.Tags, Pinned: n.Pinned,
CreatedAt: n.CreatedAt, UpdatedAt: n.UpdatedAt,
Cover: store.FirstImageRef(n.Content),
CreatedAt: n.CreatedAt, UpdatedAt: n.UpdatedAt, PublishedAt: n.PublishedAt,
})
}
writeJSON(w, http.StatusOK, map[string]any{
@@ -119,8 +122,9 @@ func (s *Server) handlePublicNote(w http.ResponseWriter, r *http.Request) {
"summary": note.Summary, "content": note.Content,
"status": note.Status, "tags": note.Tags, "pinned": note.Pinned,
"created_at": note.CreatedAt, "updated_at": note.UpdatedAt,
"prev": siblingOrEmpty(prevSlug, prevTitle),
"next": siblingOrEmpty(nextSlug, nextTitle),
"published_at": note.PublishedAt,
"prev": siblingOrEmpty(prevSlug, prevTitle),
"next": siblingOrEmpty(nextSlug, nextTitle),
})
}
+22 -12
View File
@@ -29,12 +29,12 @@ const (
// Server HTTP 服务。
type Server struct {
st *store.Store
cfg *config.Config
log *slog.Logger
global *middleware.Limiter // 全局宽松限流(per-IP)
loginIP *middleware.Limiter // 登录/改密 per-IP:10 次/5 分钟
loginAcct *middleware.Limiter // 登录/改密 per-账号:5 次/10 分钟
st *store.Store
cfg *config.Config
log *slog.Logger
global *middleware.Limiter // 全局宽松限流(per-IP)
loginIP *middleware.Limiter // 登录/改密 per-IP:10 次/5 分钟
loginAcct *middleware.Limiter // 登录/改密 per-账号:5 次/10 分钟
}
// New 构造 Server(生产限流参数,§7.2)。
@@ -93,6 +93,7 @@ func (s *Server) Handler(ui http.Handler) http.Handler {
adminMux.Handle("PUT /api/admin/notes/{id}", middleware.MaxBytes(maxNoteBody)(http.HandlerFunc(s.handleAdminNoteUpdate)))
adminMux.HandleFunc("DELETE /api/admin/notes/{id}", s.handleAdminNoteDelete)
adminMux.HandleFunc("GET /api/admin/trash", s.handleAdminTrash)
adminMux.HandleFunc("DELETE /api/admin/trash", s.handleAdminTrashEmpty)
adminMux.HandleFunc("POST /api/admin/trash/{id}/restore", s.handleAdminTrashRestore)
adminMux.Handle("POST /api/admin/images", middleware.MaxBytes(maxUploadBody)(http.HandlerFunc(s.handleAdminImageUpload)))
adminMux.HandleFunc("GET /api/admin/images", s.handleAdminImages)
@@ -291,13 +292,14 @@ func (s *Server) ResolveMeta(r *http.Request) webui.Meta {
ss = &store.SiteSettings{SiteTitle: store.DefaultSiteTitle}
}
m := webui.Meta{
Title: ss.SiteTitle,
Description: ss.SiteDesc,
OGTitle: ss.SiteTitle,
Title: ss.SiteTitle,
Description: ss.SiteDesc,
OGTitle: ss.SiteTitle,
OGDescription: ss.SiteDesc,
OGType: "website",
SiteName: ss.SiteTitle,
OGURL: baseURL(r) + "/",
OGType: "website",
SiteName: ss.SiteTitle,
OGURL: baseURL(r) + "/",
Icon: favicon(ss.SiteLogo),
}
slug := metaSlug(r.URL.Path)
if slug == "" {
@@ -317,6 +319,14 @@ func (s *Server) ResolveMeta(r *http.Request) webui.Meta {
return s.noteMeta(r, m, note)
}
// favicon favicon 地址:站点 Logo 优先,未设置回退内置图标。
func favicon(siteLogo string) string {
if siteLogo != "" {
return siteLogo
}
return "/favicon.svg"
}
func (s *Server) noteMeta(r *http.Request, base webui.Meta, n *store.Note) webui.Meta {
desc := n.Summary
if desc == "" {
+6 -6
View File
@@ -154,12 +154,12 @@ func TestVisibilityMatrix(t *testing.T) {
// ---- 图片出口(并集语义 + 缓存头分流,§6.2/§7.4)----
imageCases := []struct {
name string
id int64
anonCode int
anonCache string
adminCode int
adminCache string
name string
id int64
anonCode int
anonCache string
adminCode int
adminCache string
}{
{"公开图", f.imgPub, 200, "public, max-age=31536000, immutable", 200, "public, max-age=31536000, immutable"},
{"私有图", f.imgPriv, 404, "", 200, "private, no-store"},
+13 -1
View File
@@ -64,6 +64,16 @@ func (s *Store) ImageIsPublic(id int64) (bool, error) {
// imageRefRe 扫描 content 中对 /api/images/{id} 的引用(§6.2 引用维护)。
var imageRefRe = regexp.MustCompile(`/api/images/(\d+)`)
// FirstImageRef 返回 content 中按出现顺序的第一张站内图片路径(无则空串)。
// 供公开列表推导封面图使用。
func FirstImageRef(content string) string {
m := imageRefRe.FindStringSubmatch(content)
if len(m) < 2 {
return ""
}
return m[0]
}
// RebuildImageRefs 在**同一事务**内重建笔记的图片引用:
// 删除该笔记全部 refs → 正则扫描 content → 重建(§6.2)。
func (s *Store) RebuildImageRefs(noteID int64, content string) error {
@@ -101,11 +111,13 @@ func rebuildRefsTx(tx *sql.Tx, noteID int64, content string) error {
}
// ListOrphanImages 零引用图片清单(GET /api/admin/images?orphan=1 与 gc 检视用)。
// 站点 Logo 引用的图片虽无笔记引用仍受保护,不视为孤儿。
func (s *Store) ListOrphanImages() ([]Image, error) {
rows, err := s.db.Query(`
SELECT i.id, i.sha256, i.mime, i.size, i.created_at FROM images i
WHERE NOT EXISTS (SELECT 1 FROM image_refs r WHERE r.image_id = i.id)
ORDER BY i.created_at DESC`)
AND i.id <> ?
ORDER BY i.created_at DESC`, s.logoImageID())
if err != nil {
return nil, err
}
+7 -4
View File
@@ -54,12 +54,14 @@ func (s *Store) GC(now time.Time, dryRun bool) (*GCReport, error) {
}
rows.Close()
// 孤儿图片:0 引用且超过宽限期
// 孤儿图片:0 引用且超过宽限期;站点 Logo 引用的图片受保护
imageCutoff := now.Add(-OrphanGrace).Unix()
logoID := s.logoImageID()
orphanRows, err := s.db.Query(`
SELECT i.id, i.sha256, i.mime, i.size, i.created_at FROM images i
WHERE i.created_at < ? AND NOT EXISTS (SELECT 1 FROM image_refs r WHERE r.image_id = i.id)
ORDER BY i.created_at`, imageCutoff)
AND i.id <> ?
ORDER BY i.created_at`, imageCutoff, logoID)
if err != nil {
return nil, err
}
@@ -101,9 +103,10 @@ func (s *Store) GC(now time.Time, dryRun bool) (*GCReport, error) {
}
}
for _, img := range rep.OrphanImages {
// 条件复查含 Logo 保护:SELECT 与 DELETE 之间 Logo 可能指向该图
res, err := s.db.Exec(
`DELETE FROM images WHERE id=? AND NOT EXISTS (SELECT 1 FROM image_refs WHERE image_id=?)`,
img.ID, img.ID)
`DELETE FROM images WHERE id=? AND NOT EXISTS (SELECT 1 FROM image_refs WHERE image_id=?) AND id<>?`,
img.ID, img.ID, logoID)
if err != nil {
return nil, fmt.Errorf("删除孤儿图片 %d: %w", img.ID, err)
}
+34 -21
View File
@@ -9,31 +9,34 @@ import (
)
// Note 笔记实体。DeletedAt 非 nil 表示处于回收站(软删除)。
// PublishedAt 为对外展示的发布日期(可自选,§8.2);排序仍按 updated_at。
type Note struct {
ID int64 `json:"id"`
Slug string `json:"slug"`
Title string `json:"title"`
Summary string `json:"summary"`
Content string `json:"content,omitempty"`
Status string `json:"status"`
Tags []string `json:"tags"`
Pinned bool `json:"pinned"`
DeletedAt *int64 `json:"deleted_at,omitempty"`
CreatedAt int64 `json:"created_at"`
UpdatedAt int64 `json:"updated_at"`
ID int64 `json:"id"`
Slug string `json:"slug"`
Title string `json:"title"`
Summary string `json:"summary"`
Content string `json:"content,omitempty"`
Status string `json:"status"`
Tags []string `json:"tags"`
Pinned bool `json:"pinned"`
DeletedAt *int64 `json:"deleted_at,omitempty"`
CreatedAt int64 `json:"created_at"`
UpdatedAt int64 `json:"updated_at"`
PublishedAt int64 `json:"published_at"`
}
// ErrNotFound 统一的「不存在」错误。
var ErrNotFound = errors.New("not found")
const noteColumns = "id, slug, title, summary, content, status, tags, pinned, deleted_at, created_at, updated_at"
// published_at 经 v2 迁移回填,理论上恒非 NULL;COALESCE 兜底历史异常行。
const noteColumns = "id, slug, title, summary, content, status, tags, pinned, deleted_at, created_at, updated_at, COALESCE(published_at, created_at) AS published_at"
func scanNote(scan func(dest ...any) error) (*Note, error) {
var n Note
var tagsJSON string
var pinned int
var content string
if err := scan(&n.ID, &n.Slug, &n.Title, &n.Summary, &content, &n.Status, &tagsJSON, &pinned, &n.DeletedAt, &n.CreatedAt, &n.UpdatedAt); err != nil {
if err := scan(&n.ID, &n.Slug, &n.Title, &n.Summary, &content, &n.Status, &tagsJSON, &pinned, &n.DeletedAt, &n.CreatedAt, &n.UpdatedAt, &n.PublishedAt); err != nil {
return nil, err
}
n.Content = content
@@ -54,9 +57,9 @@ func (s *Store) CreateNote(n *Note) (int64, error) {
return 0, err
}
res, err := s.db.Exec(
`INSERT INTO notes (slug, title, summary, content, status, tags, pinned, created_at, updated_at)
VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?)`,
n.Slug, n.Title, n.Summary, n.Content, n.Status, tags, boolToInt(n.Pinned), n.CreatedAt, n.UpdatedAt)
`INSERT INTO notes (slug, title, summary, content, status, tags, pinned, published_at, created_at, updated_at)
VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?)`,
n.Slug, n.Title, n.Summary, n.Content, n.Status, tags, boolToInt(n.Pinned), n.PublishedAt, n.CreatedAt, n.UpdatedAt)
if err != nil {
return 0, err
}
@@ -70,8 +73,8 @@ func (s *Store) UpdateNote(n *Note) error {
return err
}
res, err := s.db.Exec(
`UPDATE notes SET title=?, summary=?, content=?, status=?, tags=?, pinned=?, updated_at=? WHERE id=? AND deleted_at IS NULL`,
n.Title, n.Summary, n.Content, n.Status, tags, boolToInt(n.Pinned), n.UpdatedAt, n.ID)
`UPDATE notes SET title=?, summary=?, content=?, status=?, tags=?, pinned=?, published_at=?, updated_at=? WHERE id=? AND deleted_at IS NULL`,
n.Title, n.Summary, n.Content, n.Status, tags, boolToInt(n.Pinned), n.PublishedAt, n.UpdatedAt, n.ID)
if err != nil {
return err
}
@@ -164,7 +167,8 @@ func (s *Store) ListPublicNotes(page, pageSize int, tag string) ([]Note, int, er
if err := s.db.QueryRow(`SELECT COUNT(*) FROM notes n WHERE `+where, args...).Scan(&total); err != nil {
return nil, 0, err
}
q := `SELECT n.id, n.slug, n.title, n.summary, '' AS content, n.status, n.tags, n.pinned, n.deleted_at, n.created_at, n.updated_at
// 含全文:列表页需从正文推导封面图(FirstImageRef),个人规模条数有限可接受
q := `SELECT n.id, n.slug, n.title, n.summary, n.content, n.status, n.tags, n.pinned, n.deleted_at, n.created_at, n.updated_at, COALESCE(n.published_at, n.created_at) AS published_at
FROM notes n WHERE ` + where + `
ORDER BY n.pinned DESC, n.updated_at DESC, n.id DESC LIMIT ? OFFSET ?`
rows, err := s.db.Query(q, append(args, pageSize, (page-1)*pageSize)...)
@@ -234,7 +238,7 @@ func (s *Store) ListPublicNotesFull(limit int) ([]Note, error) {
// ListAdminNotes 全部正常笔记(含私有,不含回收站),不含全文。
func (s *Store) ListAdminNotes() ([]Note, error) {
q := `SELECT id, slug, title, summary, '' AS content, status, tags, pinned, deleted_at, created_at, updated_at
q := `SELECT id, slug, title, summary, '' AS content, status, tags, pinned, deleted_at, created_at, updated_at, COALESCE(published_at, created_at) AS published_at
FROM notes WHERE deleted_at IS NULL
ORDER BY pinned DESC, updated_at DESC, id DESC`
return s.queryNotes(q)
@@ -242,12 +246,21 @@ func (s *Store) ListAdminNotes() ([]Note, error) {
// ListTrash 回收站列表(软删除中),不含全文。
func (s *Store) ListTrash() ([]Note, error) {
q := `SELECT id, slug, title, summary, '' AS content, status, tags, pinned, deleted_at, created_at, updated_at
q := `SELECT id, slug, title, summary, '' AS content, status, tags, pinned, deleted_at, created_at, updated_at, COALESCE(published_at, created_at) AS published_at
FROM notes WHERE deleted_at IS NOT NULL
ORDER BY deleted_at DESC`
return s.queryNotes(q)
}
// EmptyTrash 物理删除回收站全部笔记(refs 级联,需 foreign_keys=1),返回删除数。
func (s *Store) EmptyTrash() (int64, error) {
res, err := s.db.Exec(`DELETE FROM notes WHERE deleted_at IS NOT NULL`)
if err != nil {
return 0, err
}
return res.RowsAffected()
}
// ListExpiredTrash 过期待物理删除的笔记 id(gc 用)。
func (s *Store) ListExpiredTrash(before int64) ([]int64, error) {
rows, err := s.db.Query(`SELECT id FROM notes WHERE deleted_at IS NOT NULL AND deleted_at < ?`, before)
+34 -2
View File
@@ -14,6 +14,7 @@ const (
KeySiteDesc = "site_desc"
KeyPageSize = "page_size"
KeyBeianNo = "beian_no"
KeySiteLogo = "site_logo"
)
// GetSetting 读取单个设置。
@@ -39,6 +40,7 @@ type SiteSettings struct {
SiteDesc string `json:"site_desc"`
PageSize int `json:"page_size"`
BeianNo string `json:"beian_no"`
SiteLogo string `json:"site_logo"`
}
// Defaults,未初始化时兜底。
@@ -49,6 +51,15 @@ const (
DefaultBeianNo = ""
)
// ValidPageSize 每页条数可选项(前端选择器同源:10/20/30/50)。
func ValidPageSize(n int) bool {
switch n {
case 10, 20, 30, 50:
return true
}
return false
}
// GetSiteSettings 读取站点设置(白名单键,带默认值)。
func (s *Store) GetSiteSettings() (*SiteSettings, error) {
ss := &SiteSettings{SiteTitle: DefaultSiteTitle, SiteDesc: DefaultSiteDesc, PageSize: DefaultPageSize, BeianNo: DefaultBeianNo}
@@ -65,8 +76,9 @@ func (s *Store) GetSiteSettings() (*SiteSettings, error) {
if v, ok, err := s.GetSetting(KeyPageSize); err != nil {
return nil, err
} else if ok {
// strconv.Atoi 全文解析:拒绝 "10abc" 类部分解析的脏值(评审 round2 P2-13)
if n, err := strconv.Atoi(strings.TrimSpace(v)); err == nil && n >= 1 && n <= 100 {
// strconv.Atoi 全文解析:拒绝 "10abc" 类部分解析的脏值(评审 round2 P2-13);
// 脏值/越界值回退默认,而非落入任意 [1,100]
if n, err := strconv.Atoi(strings.TrimSpace(v)); err == nil && ValidPageSize(n) {
ss.PageSize = n
}
}
@@ -75,5 +87,25 @@ func (s *Store) GetSiteSettings() (*SiteSettings, error) {
} else if ok {
ss.BeianNo = strings.TrimSpace(v)
}
if v, ok, err := s.GetSetting(KeySiteLogo); err != nil {
return nil, err
} else if ok {
ss.SiteLogo = strings.TrimSpace(v)
}
return ss, nil
}
// logoImageID 从 site_logo 设置解析受 GC 保护的图片 id(无 logo 或非本站图片路径返回 0)。
func (s *Store) logoImageID() int64 {
v, ok, err := s.GetSetting(KeySiteLogo)
if err != nil || !ok || v == "" {
return 0
}
if m := imageRefRe.FindStringSubmatch(v); m != nil {
var id int64
if _, err := fmtSscanInt(m[1], &id); err == nil && id > 0 {
return id
}
}
return 0
}
+5
View File
@@ -69,6 +69,11 @@ CREATE TABLE IF NOT EXISTS settings (
key TEXT PRIMARY KEY,
value TEXT NOT NULL
);
`,
// v2: 笔记发布日期(可自选);存量笔记回填为 created_at
`
ALTER TABLE notes ADD COLUMN published_at INTEGER;
UPDATE notes SET published_at = created_at WHERE published_at IS NULL;
`,
}
+4 -4
View File
@@ -150,10 +150,10 @@ func TestAdjacentPublicNote(t *testing.T) {
t.Fatal(err)
}
}
mk("a", 100, false, "public") // id=1
mk("b", 100, false, "public") // id=2(与 a 同秒,列表中排在 a 之前)
mk("c", 80, false, "public") // id=3
mk("p", 50, true, "public") // id=4 置顶 → 列表首
mk("a", 100, false, "public") // id=1
mk("b", 100, false, "public") // id=2(与 a 同秒,列表中排在 a 之前)
mk("c", 80, false, "public") // id=3
mk("p", 50, true, "public") // id=4 置顶 → 列表首
mk("priv", 200, false, "private") // 更新的私有笔记:不得出现在邻接中
get := func(slug string) *Note {
+1
View File
@@ -30,6 +30,7 @@ type Meta struct {
OGURL string
OGImage string
SiteName string
Icon string // favicon:站点 Logo,未设置回退 /favicon.svg
}
// UI 静态资源服务。
+52
View File
@@ -0,0 +1,52 @@
#!/usr/bin/env bash
# 发布产物构建:交叉编译全部目标平台 → dist/,打包并生成 SHA256SUMS。
# 本地 `make dist` 与 Gitea Actions 发版工作流共用本脚本,保证产物一致。
#
# 用法: scripts/build-release.sh [版本号]
# 版本号缺省取 `git describe --tags --always`(无 tag 时回退 dev)。
# 前置条件:internal/webui/dist 已就绪(make web sync-assets)。
set -euo pipefail
ROOT="$(cd "$(dirname "$0")/.." && pwd)"
cd "$ROOT"
VERSION="${1:-$(git describe --tags --always 2>/dev/null || echo dev)}"
COMMIT="$(git rev-parse --short HEAD 2>/dev/null || echo none)"
DATE="$(date -u +%Y-%m-%dT%H:%M:%SZ)"
LDFLAGS="-s -w -X main.version=$VERSION -X main.commit=$COMMIT -X main.buildDate=$DATE"
# 纯静态(CGO_ENABLED=0,见 Makefile),单机即可交叉编译全部目标。
# 不含 windows:internal/store 对 syscall.Umask 等 Unix API 有硬依赖(备份权限加固)。
TARGETS=(
linux/amd64
linux/arm64
darwin/amd64
darwin/arm64
)
rm -rf dist
mkdir -p dist
for t in "${TARGETS[@]}"; do
os="${t%/*}" arch="${t#*/}"
name="pn-${VERSION}-${os}-${arch}"
echo "==> 构建 $name"
CGO_ENABLED=0 GOOS="$os" GOARCH="$arch" \
go build -trimpath -ldflags="$LDFLAGS" -o "dist/$name" ./cmd/pn
# tar.gz 保留可执行位
(cd dist && tar czf "$name.tar.gz" "$name" && rm "$name")
done
# 生成校验和(Linux 为 sha256sum,macOS 回退 shasum)
echo "==> 生成 SHA256SUMS"
(
cd dist
if command -v sha256sum >/dev/null 2>&1; then
sha256sum -- ./* > SHA256SUMS
else
shasum -a 256 -- ./* > SHA256SUMS
fi
)
echo "==> 完成:dist/"
ls -lh dist/
+2 -1
View File
@@ -2,7 +2,8 @@
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<!-- favicon 随站点 Logo(服务端注入);dev 环境由前端 features/site 兜底替换 -->
<link rel="icon" href="{{.Icon}}" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!--
以下占位符由服务端 internal/webui 以 html/template 渲染并自动转义(§8.3-4)。
+3 -3
View File
@@ -1,7 +1,7 @@
import { lazy, Suspense, useEffect, useState } from 'react'
import type { ReactNode } from 'react'
import { Navigate, Route, Routes } from 'react-router'
import { App as AntdApp, ConfigProvider } from 'antd'
import { App as AntdApp, ConfigProvider, Spin } from 'antd'
import zhCN from 'antd/locale/zh_CN'
import { useAuth } from './lib/auth'
import { useTheme } from './lib/theme'
@@ -45,7 +45,7 @@ function AntdProvider({ children }: { children: ReactNode }) {
function RequireAuth({ children }: { children: ReactNode }) {
const { authenticated, loading } = useAuth()
if (loading) {
return <div className="pn-loading">加载中…</div>
return <div className="pn-loading"><Spin size="large" /></div>
}
if (!authenticated) {
return <Navigate to="/admin/login" replace />
@@ -56,7 +56,7 @@ function RequireAuth({ children }: { children: ReactNode }) {
export default function App() {
return (
<AntdProvider>
<Suspense fallback={<div className="pn-loading">加载中…</div>}>
<Suspense fallback={<div className="pn-loading"><Spin size="large" /></div>}>
<Routes>
<Route element={<BlogLayout />}>
<Route path="/" element={<Home />} />
+67 -46
View File
@@ -2,7 +2,7 @@ import { Link, NavLink, Outlet, useLocation, useNavigate } from 'react-router'
import {
Moon, Sun, Monitor, ExternalLink, House, PenLine, MoreHorizontal, Tags, Trash2, Settings, LogOut,
} from 'lucide-react'
import { Dropdown, Tooltip } from 'antd'
import { Button, Dropdown, Menu, Tooltip } from 'antd'
import type { MenuProps } from 'antd'
import { useSiteTitle } from '../features/site'
import { useTheme } from '../lib/theme'
@@ -20,9 +20,7 @@ function MoreMenu({ triggerClassName, triggerLabel, items }: {
// 曾致桌面导航整体横移 4px)
<div className="pn-moremenu">
<Dropdown trigger={['click']} placement="bottomRight" menu={{ items }}>
<button type="button" className={triggerClassName} aria-label={triggerLabel}>
<MoreHorizontal size={15} />
</button>
<Button type="text" className={triggerClassName} aria-label={triggerLabel} icon={<MoreHorizontal size={15} />} />
</Dropdown>
</div>
)
@@ -49,27 +47,30 @@ function ThemeButton({ className = 'pn-site-navlink' }: { className?: string })
const next = mode === 'light' ? 'dark' : mode === 'dark' ? 'system' : 'light'
const title = `主题:${mode === 'light' ? '浅色' : mode === 'dark' ? '深色' : '跟随系统'}(点击切换)`
return (
<button
type="button"
<Button
type="text"
className={className}
title={title}
aria-label={title}
icon={mode === 'light' ? <Sun size={14} /> : mode === 'dark' ? <Moon size={14} /> : <Monitor size={14} />}
onClick={() => setMode(next)}
>
{mode === 'light' ? <Sun size={14} /> : mode === 'dark' ? <Moon size={14} /> : <Monitor size={14} />}
</button>
/>
)
}
export function BlogLayout() {
const { data } = useSiteTitle()
const title = data?.site_title ?? 'Pure Note'
const logo = data?.site_logo ?? ''
const location = useLocation()
return (
<div className="pn-site-page">
<header className="pn-site-header">
<div className="pn-site-header-inner">
<Link to="/" className="pn-site-wordmark">{title}</Link>
<Link to="/" className="pn-site-wordmark">
{logo && <img className="pn-site-logo" src={logo} alt="" aria-hidden />}
{title}
</Link>
<nav className="pn-site-nav" aria-label="站点导航">
<NavLink to="/" end className="pn-site-navlink hide-sm">
<House size={14} />首页
@@ -128,14 +129,13 @@ function AdminThemeButton() {
const label = `主题:${mode === 'light' ? '浅色' : mode === 'dark' ? '深色' : '跟随系统'}(点击切换)`
return (
<Tooltip title={label} placement="bottom">
<button
type="button"
<Button
type="text"
className="pn-admin-iconbtn pn-admin-desktop-act"
aria-label={label}
icon={mode === 'light' ? <Sun size={14} /> : mode === 'dark' ? <Moon size={14} /> : <Monitor size={14} />}
onClick={() => setMode(next)}
>
{mode === 'light' ? <Sun size={14} /> : mode === 'dark' ? <Moon size={14} /> : <Monitor size={14} />}
</button>
/>
</Tooltip>
)
}
@@ -192,18 +192,34 @@ export function AdminTopbar({ title, children }: { title: string; children?: Rea
}
const adminNav = [
{ to: '/admin', label: '笔记管理', icon: House, end: true, match: 'exact' as const },
{ to: '/admin/notes/new', label: '新建笔记', icon: PenLine, end: false, match: 'prefix' as const },
{ to: '/admin', label: '笔记管理', icon: House, end: true, match: 'exact' as const },
{ to: '/admin/trash', label: '回收站', icon: Trash2, end: true, match: 'exact' as const },
{ to: '/admin/settings', label: '设置', icon: Settings, end: true, match: 'exact' as const },
]
const adminMenuPathByKey: Record<string, string> = {
notes: '/admin',
new: '/admin/notes/new',
trash: '/admin/trash',
settings: '/admin/settings',
}
function AdminSidebar() {
const { logout } = useAuth()
const navigate = useNavigate()
const location = useLocation()
// 新建/编辑共用「新建笔记」高亮(设计稿:编辑页高亮新建入口)
const editing = location.pathname.startsWith('/admin/notes')
const selectedKey = editing
? 'new'
: location.pathname === '/admin'
? 'notes'
: location.pathname.startsWith('/admin/trash')
? 'trash'
: location.pathname.startsWith('/admin/settings')
? 'settings'
: ''
return (
<aside className="pn-admin-sidebar">
<Link to="/admin" className="pn-admin-brand">
@@ -214,54 +230,59 @@ function AdminSidebar() {
</span>
</Link>
<div className="pn-admin-section">内容</div>
<nav className="pn-admin-nav" aria-label="内容">
<NavLink to="/admin" end className="pn-admin-item">
<House size={15} /><span>笔记管理</span>
</NavLink>
<Link to="/admin/notes/new" className={`pn-admin-item${editing ? ' active' : ''}`} aria-current={editing ? 'page' : undefined}>
<PenLine size={15} /><span>新建笔记</span>
</Link>
</nav>
<div className="pn-admin-section">系统</div>
<nav className="pn-admin-nav" aria-label="系统">
<NavLink to="/admin/trash" className="pn-admin-item">
<Trash2 size={15} /><span>回收站</span>
</NavLink>
<NavLink to="/admin/settings" className="pn-admin-item">
<Settings size={15} /><span>设置</span>
</NavLink>
</nav>
<Menu
mode="inline"
className="pn-admin-menu"
selectedKeys={selectedKey ? [selectedKey] : []}
onClick={({ key }) => navigate(adminMenuPathByKey[key])}
items={[
{
key: 'g-content',
type: 'group',
label: '内容',
children: [
{ key: 'new', icon: <PenLine size={15} />, label: '新建笔记' },
{ key: 'notes', icon: <House size={15} />, label: '笔记管理' },
],
},
{
key: 'g-system',
type: 'group',
label: '系统',
children: [
{ key: 'trash', icon: <Trash2 size={15} />, label: '回收站' },
{ key: 'settings', icon: <Settings size={15} />, label: '设置' },
],
},
]}
/>
<div className="pn-admin-foot">
<div className="pn-admin-user">
<span className="pn-admin-avatar">管</span>
<span className="pn-admin-user-meta">
<span className="pn-admin-user-name">管理员</span>
<span className="pn-admin-user-role">站点所有者</span>
</span>
<span className="pn-admin-user-actions">
<Tooltip title="返回博客" placement="bottom">
<a
<Button
type="text"
className="pn-admin-iconbtn"
href="/"
target="_blank"
rel="noreferrer"
className="pn-admin-iconbtn"
aria-label="返回博客(新窗口打开)"
>
<ExternalLink size={15} />
</a>
icon={<ExternalLink size={15} />}
/>
</Tooltip>
<Tooltip title="退出登录" placement="bottom">
<button
type="button"
<Button
type="text"
className="pn-admin-iconbtn"
aria-label="退出登录"
icon={<LogOut size={15} />}
onClick={() => void logout().then(() => navigate('/'))}
>
<LogOut size={15} />
</button>
/>
</Tooltip>
</span>
</div>
+20 -8
View File
@@ -1,7 +1,8 @@
import { memo } from 'react'
import { memo, useState } from 'react'
import ReactMarkdown from 'react-markdown'
import remarkGfm from 'remark-gfm'
import rehypeHighlight from 'rehype-highlight'
import { Button } from 'antd'
import { sanitizePlugin } from '../lib/sanitize'
/**
@@ -25,18 +26,29 @@ function CodeBlock(props: React.HTMLAttributes<HTMLPreElement>) {
}
function CopyButton() {
// 复制按钮在点击时读取最近兄弟 <pre> 的文本;不注入任何 HTML
// 复制按钮在点击时读取最近兄弟 <pre> 的文本;不注入任何 HTML。
// MarkdownViewer 会在无 App 上下文的单测中渲染,反馈用本地状态而非 message。
const [copied, setCopied] = useState(false)
return (
<button
type="button"
className="pn-copy-btn"
<Button
size="small"
className={copied ? 'pn-copy-btn is-copied' : 'pn-copy-btn'}
onClick={(e) => {
const pre = (e.currentTarget.parentElement as HTMLElement).querySelector('pre')
if (pre) void navigator.clipboard.writeText(pre.textContent ?? '')
const text = pre?.textContent ?? ''
if (!text) return
try {
void navigator.clipboard.writeText(text).then(() => {
setCopied(true)
window.setTimeout(() => setCopied(false), 1600)
})
} catch {
/* clipboard 不可用(非安全上下文等)时静默 */
}
}}
>
复制
</button>
{copied ? '已复制' : '复制'}
</Button>
)
}
+10 -1
View File
@@ -4,11 +4,20 @@ import { api } from '../lib/api'
import type { SiteSettings } from '../lib/api'
export function useSiteTitle() {
return useQuery({
const { data } = useQuery({
queryKey: ['site'],
queryFn: () => api<SiteSettings>('/api/site'),
staleTime: 5 * 60_000,
})
// favicon 随站点 Logo:生产由服务端注入 index.html,此处兜底(dev 模板占位符
// 不会被渲染)并保证设置变更后 SPA 内即时生效
useEffect(() => {
const link = document.querySelector<HTMLLinkElement>('link[rel="icon"]')
if (link) link.href = data?.site_logo || '/favicon.svg'
}, [data?.site_logo])
return { data }
}
/**
+195 -301
View File
@@ -213,17 +213,6 @@ input.ant-input::placeholder,
textarea.ant-input::placeholder {
color: var(--muted-foreground);
}
/* antd 按钮的 danger-outline 形态(默认描边 + 危险色文字) */
button.ant-btn.pn-btn-danger-outline {
color: var(--destructive-text);
border-color: var(--destructive-border);
background: transparent;
}
button.ant-btn.pn-btn-danger-outline:hover:not(:disabled) {
color: var(--destructive-text) !important;
border-color: var(--destructive-border) !important;
background: var(--destructive-subtle) !important;
}
/* Dropdown 内路由项:激活态与旧 .pn-moremenu-item.active 一致 */
.pn-dd-link {
display: inline-flex;
@@ -242,16 +231,16 @@ li.ant-dropdown-menu-item.pn-dd-item-active span {
li.ant-dropdown-menu-item.pn-dd-item-active svg {
color: var(--foreground);
}
/* 标签云(antd CheckableTag):计数用等宽字体,选中态反白 */
.pn-cloud-tag {
display: inline-flex;
}
.pn-cloud-tag a {
/* 标签云(antd CheckableTagGroup 单选):计数用等宽字体,选中态反白。
antd 会把 label 包进单个块级 span,行内排版由内层选择器承接 */
.pn-cloud-tag > span {
display: inline-flex;
align-items: center;
gap: 6px;
color: inherit;
text-decoration: none;
}
.pn-cloud-tag svg {
width: 14px;
height: 14px;
}
.pn-cloud-count {
font-family: var(--font-mono);
@@ -358,25 +347,7 @@ button.pn-login-back:hover {
}
/* 表格卡空态(无数据/加载中占位) */
.pn-empty {
display: grid;
place-items: center;
min-height: 132px;
padding: 12px;
color: var(--muted-foreground);
background: var(--muted);
font-size: 13px;
}
/* ── 状态点 ── */
.dot {
width: 7px;
height: 7px;
border-radius: 999px;
background: currentColor;
flex: none;
}
/* 加载/空态(Spin/Skeleton/Empty)已由 antd 承接 */
/* ============================================================
博客端共享 shell —— 居中单栏 720px(设计稿博客系列)
@@ -408,6 +379,9 @@ button.pn-login-back:hover {
box-sizing: border-box;
}
.pn-site-wordmark {
display: inline-flex;
align-items: center;
gap: 10px;
font-family: var(--font-serif);
font-size: 21px;
line-height: 1;
@@ -419,6 +393,14 @@ button.pn-login-back:hover {
.pn-site-wordmark:hover {
color: var(--muted-foreground);
}
/* 站点 Logo(站点设置自定义,留空不渲染) */
.pn-site-logo {
flex: none;
width: 26px;
height: 26px;
object-fit: cover;
border-radius: var(--radius-sm);
}
.pn-site-nav {
display: flex;
align-items: center;
@@ -452,9 +434,25 @@ button.pn-login-back:hover {
width: 14px;
height: 14px;
}
/* 同类的 antd Button 形态(主题切换按钮/溢出菜单触发器):
antd cssinjs 无 layer,需更高特异度对齐导航 pill 规格 */
button.ant-btn.pn-site-navlink {
height: auto;
padding: 7px 12px;
border: 0;
border-radius: var(--radius-sm);
background: transparent;
font-size: 14px;
font-weight: 500;
color: var(--muted-foreground);
}
button.ant-btn.pn-site-navlink:hover {
background: var(--muted);
color: var(--foreground);
}
/* 博客端溢出菜单触发按钮:<640px 显示(基础规则须在 640px MQ 之前,
否则同特异性下源码顺序靠后者覆盖 MQ 内的 display:inline-flex) */
.pn-site-menu-btn {
button.ant-btn.pn-site-menu-btn {
display: none;
}
.pn-site-main {
@@ -515,7 +513,7 @@ button.pn-login-back:hover {
.pn-site-navlink.hide-sm {
display: none;
}
.pn-site-menu-btn {
button.ant-btn.pn-site-menu-btn {
display: inline-flex;
}
}
@@ -527,16 +525,36 @@ button.pn-login-back:hover {
padding-top: 56px;
padding-bottom: 24px;
}
.pn-home-filter {
margin-bottom: 8px;
}
.pn-home-post {
display: flex;
align-items: flex-start;
gap: 18px;
padding: 30px 0;
border-bottom: 1px solid var(--border);
}
.pn-home-post:last-child {
border-bottom: 0;
}
/* 封面缩略图(正文第一张图,无图不渲染) */
.pn-home-cover {
flex: none;
width: 104px;
height: 104px;
border-radius: var(--radius-md);
overflow: hidden;
border: 1px solid var(--border);
background: var(--muted);
}
.pn-home-cover img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.pn-home-post-main {
flex: 1;
min-width: 0;
}
.pn-home-date {
display: block;
margin-bottom: 10px;
@@ -614,54 +632,40 @@ button.pn-login-back:hover {
color: var(--muted-foreground);
font-size: 14px;
}
/* 首页分页(对应设计稿 table-foot + pager) */
/* 首页分页(对应设计稿 table-foot + pager)。
总数说明由 Pagination showTotal 承接:total 文本居左、页码居右 */
.pn-home-pager {
display: flex;
align-items: center;
justify-content: space-between;
justify-content: flex-end;
gap: 12px;
margin-top: 40px;
padding-top: 20px;
border-top: 1px solid var(--border);
}
.pn-home-pager-note {
font-size: 12.5px;
.pn-home-pager ul.ant-pagination {
flex: 1;
justify-content: space-between;
}
.pn-home-pager .ant-pagination-total-text {
font-family: var(--font-mono);
font-size: 12px;
letter-spacing: 0.02em;
color: var(--muted-foreground);
white-space: nowrap;
}
/* 首页标签筛选条:链接型分段导航(配色走无 layer 类规则,
避免 antd 的 <a> 重置压过 utilities 层) */
.pn-home-filter a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 32px;
padding: 0 12px;
border-radius: calc(var(--radius-md) - 3px);
font-size: 13px;
font-weight: 500;
white-space: nowrap;
color: var(--muted-foreground);
transition: color 0.15s ease;
}
.pn-home-filter a:hover {
color: var(--foreground);
}
.pn-home-filter a[aria-current='page'] {
background: var(--primary);
color: var(--primary-foreground);
}
.pn-home-filter a:focus-visible {
outline: 2px solid var(--primary);
outline-offset: 2px;
}
/* 首页分页器已由 antd Pagination 承接(.pn-home-pager 仅保留布局行) */
@media (max-width: 640px) {
.pn-home-content {
padding-top: 40px;
}
.pn-home-post {
padding: 26px 0;
gap: 12px;
}
.pn-home-cover {
width: 72px;
height: 72px;
border-radius: var(--radius-sm);
}
.pn-home-post-title {
font-size: 20px;
@@ -946,29 +950,23 @@ button.pn-note-back:hover {
color: var(--muted-foreground);
font-style: italic;
}
/* 代码块复制按钮 */
.pn-copy-btn {
/* 代码块复制按钮(antd Button size=small;悬浮于所属包装 div 时显示) */
.pn-note-body div:has(> .pn-copy-btn) {
position: relative;
}
.pn-note-body .pn-copy-btn {
position: absolute;
right: 8px;
top: 8px;
padding: 2px 10px;
border: 1px solid var(--border);
border-radius: var(--radius-sm);
background: var(--card);
color: var(--muted-foreground);
font-size: 12px;
line-height: 1.6;
cursor: pointer;
z-index: 1;
opacity: 0;
transition: opacity 0.15s ease, color 0.15s ease;
transition: opacity 0.15s ease;
}
.pn-note-body pre:hover .pn-copy-btn,
.pn-copy-btn:focus-visible {
.pn-note-body div:has(> .pn-copy-btn):hover .pn-copy-btn,
.pn-note-body .pn-copy-btn:focus-visible,
.pn-note-body .pn-copy-btn.is-copied {
opacity: 1;
}
.pn-copy-btn:hover {
color: var(--foreground);
}
/* ============================================================
标签归档(标签归档.html)
@@ -998,6 +996,9 @@ button.pn-note-back:hover {
flex-wrap: wrap;
gap: 8px;
}
.pn-tag-empty {
margin-top: 32px;
}
.pn-tag-groups {
margin-top: 48px;
display: flex;
@@ -1184,19 +1185,6 @@ button.pn-note-back:hover {
font-weight: 600;
color: var(--foreground);
}
.pn-login-sub {
margin: 0 0 20px;
font-size: 13px;
line-height: 1.6;
color: var(--muted-foreground);
}
.pn-login-hint {
margin: 16px 0 0;
text-align: center;
font-size: 12px;
line-height: 1.6;
color: var(--muted-foreground);
}
/* 登录卡片(antd Card):内边距由本类承接(body padding 已置 0) */
.pn-login-card {
box-sizing: border-box;
@@ -1219,7 +1207,7 @@ button.pn-note-back:hover {
============================================================ */
.pn-admin-shell {
display: grid;
grid-template-columns: 256px minmax(0, 1fr);
grid-template-columns: 208px minmax(0, 1fr);
min-height: 100vh;
background: var(--background);
color: var(--foreground);
@@ -1287,59 +1275,48 @@ button.pn-note-back:hover {
letter-spacing: var(--tracking-tight);
color: var(--sidebar-foreground);
}
.pn-admin-section {
padding: 0 10px;
margin-bottom: -6px;
/* 侧栏导航(antd Menu inline):融入 sidebar 底色,沿用窄侧栏密度 */
.pn-admin-menu {
flex: 1;
min-height: 0;
background: transparent;
border-inline-end: 0 !important;
}
.pn-admin-menu .ant-menu-item-group-title {
padding: 8px 10px 4px;
font-size: 10.5px;
line-height: 1;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--muted-foreground);
}
.pn-admin-nav {
display: flex;
flex-direction: column;
gap: 2px;
}
.pn-admin-item {
display: flex;
align-items: center;
gap: 10px;
width: 100%;
.pn-admin-menu .ant-menu-item {
margin-inline: 6px;
width: auto;
min-height: 34px;
padding: 0 10px;
border: 0;
line-height: 34px;
border-radius: var(--radius-sm);
background: transparent;
color: var(--sidebar-foreground);
font-size: 13px;
font-weight: 500;
text-align: left;
text-decoration: none;
cursor: pointer;
transition: background-color 0.15s ease, color 0.15s ease;
color: var(--sidebar-foreground);
}
.pn-admin-item:hover {
background: var(--sidebar-accent);
color: var(--sidebar-accent-foreground);
}
.pn-admin-item.active {
background: var(--sidebar-primary);
color: var(--sidebar-primary-foreground);
font-weight: 600;
}
.pn-admin-item svg {
.pn-admin-menu .ant-menu-item svg {
width: 15px;
height: 15px;
flex: none;
color: var(--muted-foreground);
transition: color 0.15s ease;
}
.pn-admin-item:hover svg {
color: var(--sidebar-accent-foreground);
}
.pn-admin-item.active svg {
/* 选中项沿用侧栏 token 的黑底反白(colorPrimary 近黑/近白,antd 默认的
primary 淡色底在明暗模式下都与侧栏底色拉不开) */
.pn-admin-menu li.ant-menu-item-selected {
background: var(--sidebar-primary);
color: var(--sidebar-primary-foreground);
}
.pn-admin-menu li.ant-menu-item-selected svg {
color: var(--sidebar-primary-foreground);
}
.pn-admin-menu li.ant-menu-item:hover:not(.ant-menu-item-selected) {
background: var(--sidebar-accent);
color: var(--sidebar-accent-foreground);
}
.pn-admin-foot {
display: flex;
flex-direction: column;
@@ -1360,32 +1337,23 @@ button.pn-note-back:hover {
gap: 4px;
margin-left: auto;
}
.pn-admin-iconbtn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
/* 侧栏/topbar 图标按钮(antd Button type=text):28px 方形、muted 前景,
hover 沿用 sidebar accent;antd cssinjs 无 layer,需提权 */
button.ant-btn.pn-admin-iconbtn,
a.ant-btn.pn-admin-iconbtn {
width: 28px;
height: 28px;
padding: 0;
border: 0;
border-radius: var(--radius-sm);
background: transparent;
color: var(--muted-foreground);
text-decoration: none;
cursor: pointer;
transition: background-color 0.15s ease, color 0.15s ease;
}
.pn-admin-iconbtn:hover {
button.ant-btn.pn-admin-iconbtn:hover:not(:disabled),
a.ant-btn.pn-admin-iconbtn:hover {
background: var(--sidebar-accent);
color: var(--sidebar-accent-foreground);
}
.pn-admin-iconbtn svg {
width: 15px;
height: 15px;
}
/* 悬浮提示由 antd Tooltip 承接;侧栏隐藏时的移动端兜底按钮(<768px 显示) */
.pn-admin-mobile-act {
button.ant-btn.pn-admin-mobile-act {
display: none;
}
/* 溢出菜单挂载点(面板由 antd Dropdown 渲染,wrapper 仅保留占位语义) */
@@ -1419,10 +1387,6 @@ button.pn-note-back:hover {
font-weight: 600;
color: var(--sidebar-foreground);
}
.pn-admin-user-role {
font-size: 11px;
color: var(--muted-foreground);
}
/* 主区 / topbar */
.pn-admin-main {
min-width: 0;
@@ -1438,6 +1402,9 @@ button.pn-note-back:hover {
justify-content: space-between;
gap: 16px;
padding: 14px 24px;
/* 各页 actions 高度不一(有的页无按钮):固定高度,切换页面不抖动 */
min-height: 62px;
box-sizing: border-box;
background: var(--background);
border-bottom: 1px solid var(--border);
}
@@ -1461,39 +1428,15 @@ button.pn-note-back:hover {
gap: 20px;
min-width: 0;
}
/* 搜索框(topbar 内) */
.pn-admin-search {
display: flex;
align-items: center;
gap: 8px;
height: 34px;
/* 页面级加载占位(antd Spin 居中) */
.pn-admin-loading {
display: grid;
place-items: center;
min-height: 320px;
}
/* 搜索框(topbar 内,antd Input + 前缀图标;<768px 隐藏) */
.pn-admin-actions .pn-al-search {
width: 248px;
padding: 0 10px;
border: 1px solid var(--input);
border-radius: var(--radius-sm);
background: var(--card);
transition: border-color 0.15s ease;
}
.pn-admin-search:focus-within {
border-color: var(--ring);
outline: 2px solid var(--ring);
outline-offset: 1px;
}
.pn-admin-search svg {
width: 14px;
height: 14px;
flex: none;
color: var(--muted-foreground);
}
.pn-admin-search input {
width: 100%;
min-width: 0;
padding: 0;
border: 0;
outline: 0;
background: transparent;
font-size: 13px;
color: var(--foreground);
}
/* 移动端 tabbar(<768px) */
.pn-admin-tabbar {
@@ -1502,7 +1445,7 @@ button.pn-note-back:hover {
/* 响应式 */
@media (max-width: 1023px) {
.pn-admin-shell {
grid-template-columns: 224px minmax(0, 1fr);
grid-template-columns: 184px minmax(0, 1fr);
}
.pn-admin-content {
padding: 20px;
@@ -1517,6 +1460,7 @@ button.pn-note-back:hover {
}
.pn-admin-topbar {
padding: 12px 16px;
min-height: 58px;
}
.pn-admin-topbar h1 {
font-size: 16px;
@@ -1533,13 +1477,13 @@ button.pn-note-back:hover {
padding-left: 10px;
padding-right: 10px;
}
.pn-admin-mobile-act {
button.ant-btn.pn-admin-mobile-act {
display: inline-flex;
}
.pn-admin-desktop-act {
button.ant-btn.pn-admin-desktop-act {
display: none;
}
.pn-admin-search {
.pn-admin-actions .pn-al-search {
display: none;
}
.pn-admin-content {
@@ -1601,11 +1545,14 @@ button.pn-note-back:hover {
padding: 12px 16px;
border-bottom: 1px solid var(--border);
}
.pn-al-tab-num {
/* Segmented 选项内计数徽标(antd Badge count,弱化为 muted 灰) */
.pn-al-tab-badge {
margin-left: 6px;
}
.pn-al-tab-badge .ant-badge-count {
background: var(--muted-foreground);
color: var(--background);
font-family: var(--font-mono);
font-size: 11px;
margin-left: 5px;
opacity: 0.65;
}
.pn-al-table-note {
font-size: 12px;
@@ -1653,27 +1600,6 @@ button.pn-note-back:hover {
color: var(--foreground);
white-space: nowrap;
}
.pn-al-status {
display: inline-flex;
align-items: center;
gap: 7px;
font-size: 12.5px;
font-weight: 500;
white-space: nowrap;
}
.pn-al-status.pn-al-is-public {
color: var(--success-text);
}
.pn-al-status.pn-al-is-public .dot {
background: var(--success);
}
.pn-al-status.pn-al-is-draft {
color: var(--muted-foreground);
}
.pn-al-status.pn-al-is-draft .dot {
background: var(--muted-foreground);
opacity: 0.55;
}
.pn-al-actions-cell {
display: flex;
align-items: center;
@@ -1721,19 +1647,16 @@ button.pn-note-back:hover {
align-items: start;
}
/* 编辑卡与发布卡的 Card 基础样式由 ui/card 承接(gap-0/p-6 等) */
/* 提权至 (0,1,1)+:压过 antd .ant-input 的同名字段(cssinjs 无 layer 且后注入) */
/* 提权至 (0,1,1)+:压过 antd .ant-input 的同名字段(cssinjs 无 layer 且后注入)。
variant=filled:底色/圆角/内边距交给 antd,这里只覆盖字体排版 */
input.pn-ae-title-input {
width: 100%;
margin: 0 0 14px;
padding: 0;
border: 0;
background: transparent;
font-family: var(--font-serif);
font-size: 30px;
line-height: 1.3;
letter-spacing: var(--tracking-tight);
color: var(--foreground);
outline: none;
}
input.pn-ae-title-input::placeholder {
color: var(--muted-foreground);
@@ -1772,58 +1695,10 @@ input.pn-ae-title-input::placeholder {
gap: 8px;
margin-left: auto;
}
.pn-ae-tag-x {
display: inline-flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
padding: 0;
border: 0;
border-radius: 999px;
background: transparent;
color: var(--muted-foreground);
cursor: pointer;
transition: background-color 0.15s ease, color 0.15s ease;
}
.pn-ae-tag-x:hover {
background: var(--muted);
color: var(--foreground);
}
.pn-ae-tag-x svg {
width: 12px;
height: 12px;
}
button.pn-ae-add-tag {
height: 26px;
gap: 6px;
padding: 0 10px;
border: 1px dashed var(--border-strong);
color: var(--muted-foreground);
font-size: 12px;
font-weight: 500;
}
button.pn-ae-add-tag:hover {
background: var(--muted);
color: var(--foreground);
}
button.pn-ae-add-tag svg {
width: 13px;
height: 13px;
}
input.pn-ae-tag-input {
height: 26px;
width: 110px;
padding: 0 10px;
border: 1px solid var(--input);
border-radius: 999px;
background: var(--card);
color: var(--foreground);
font-size: 12px;
outline: none;
}
input.pn-ae-tag-input:focus {
border-color: var(--ring);
/* 标签选择器(mode=tags:既可勾选既有标签,也可输入新建) */
.pn-ae-tags-select {
min-width: 220px;
max-width: 100%;
}
.pn-ae-toolbar {
display: flex;
@@ -1868,10 +1743,8 @@ button.pn-ae-tool svg {
.pn-ae-preview .pn-note-body {
margin-top: 20px;
}
.pn-ae-upload-msg {
margin: 10px 0 0;
font-size: 12px;
color: var(--muted-foreground);
.pn-ae-upload-alert {
margin-top: 10px;
}
/* 发布设置侧卡 */
.pn-ae-side {
@@ -1892,22 +1765,14 @@ button.pn-ae-tool svg {
}
.pn-ae-plabel {
color: var(--muted-foreground);
white-space: nowrap;
}
.pn-ae-pvalue {
display: inline-flex;
align-items: center;
gap: 7px;
color: var(--foreground);
/* 发布日期选择器(size=small) */
.pn-ae-datepicker {
flex: none;
width: 168px;
}
.pn-ae-pvalue.is-muted {
color: var(--muted-foreground);
}
.pn-ae-pvalue svg {
width: 14px;
height: 14px;
color: var(--muted-foreground);
}
.pn-ae-mono {
.pn-ae-datepicker .ant-input {
font-family: var(--font-mono);
font-size: 12px;
}
@@ -1978,9 +1843,6 @@ button.pn-ae-tool svg {
color: var(--foreground);
white-space: nowrap;
}
.pn-at-days-urgent {
color: var(--destructive-text);
}
.pn-at-actions {
display: flex;
align-items: center;
@@ -1992,7 +1854,39 @@ button.pn-ae-tool svg {
站点设置(站点设置.html)
============================================================ */
.pn-as-content {
max-width: 640px;
max-width: 1100px;
}
/* 宽屏两卡左右分布,窄屏回落上下堆叠(.pn-admin-content 的 flex 在此处被覆盖为 grid) */
@media (min-width: 1100px) {
.pn-as-content {
display: grid;
grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
align-items: start;
}
}
.pn-as-logo-row {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
.pn-as-logo-preview {
width: 44px;
height: 44px;
object-fit: cover;
border-radius: var(--radius-sm);
border: 1px solid var(--border);
background: var(--card);
}
.pn-as-logo-empty {
display: inline-grid;
place-items: center;
width: 44px;
height: 44px;
border-radius: var(--radius-sm);
border: 1px dashed var(--border-strong);
font-size: 11px;
color: var(--muted-foreground);
}
.pn-as-card-head {
display: flex;
+4
View File
@@ -88,6 +88,7 @@ export interface SiteSettings {
site_desc: string
page_size: number
beian_no: string
site_logo: string
}
export interface NoteItem {
@@ -98,9 +99,12 @@ export interface NoteItem {
status?: string
tags: string[]
pinned: boolean
/** 公开列表项的封面图(正文第一张图;无图缺省) */
cover?: string
deleted_at?: number | null
created_at: number
updated_at: number
published_at: number
}
export interface NoteDetail extends NoteItem {
+68 -76
View File
@@ -1,11 +1,12 @@
import { lazy, Suspense, useEffect, useRef, useState } from 'react'
import { lazy, Suspense, useEffect, useMemo, useRef, useState } from 'react'
import { useNavigate, useParams } from 'react-router'
import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
import dayjs from 'dayjs'
import {
Bold, Calendar, CirclePlus, Code, Eye, EyeOff, Italic, Link2, List, Quote,
Save, Table, Trash2, X,
Bold, Code, Eye, EyeOff, Italic, Link2, List, Quote,
Save, Table, Trash2,
} from 'lucide-react'
import { Button, Card, Divider, Input, Switch, Tag } from 'antd'
import { Alert, Badge, Button, Card, DatePicker, Divider, Input, Select, Spin, Switch } from 'antd'
import { api, ApiError } from '../lib/api'
import type { NoteItem } from '../lib/api'
import { invalidatePublic } from '../lib/invalidate'
@@ -13,7 +14,7 @@ import { useDocumentTitle } from '../features/site'
import MarkdownViewer from '../components/MarkdownViewer'
import { AdminTopbar } from '../components/Layout'
import { useToast } from '@/hooks/use-toast'
import { formatDateISO, slugPreview } from '../lib/utils'
import { slugPreview } from '../lib/utils'
// CodeMirror 体积大,单独拆 chunk,编辑器在首帧后异步加载
const Editor = lazy(() => import('../components/Editor'))
@@ -32,9 +33,10 @@ type Form = {
status: 'public' | 'private'
tags: string[]
pinned: boolean
publishedAt: number
}
const emptyForm: Form = {
const emptyForm = (): Form => ({
title: '',
slug: '',
summary: '',
@@ -42,7 +44,8 @@ const emptyForm: Form = {
status: 'private',
tags: [],
pinned: false,
}
publishedAt: Math.floor(Date.now() / 1000),
})
export default function AdminEdit() {
const { id } = useParams()
@@ -59,17 +62,28 @@ export default function AdminEdit() {
enabled: !isNew,
})
// 既有标签(含私有笔记)作为选择器候选项
const { data: allNotes } = useQuery({
queryKey: ['admin', 'notes'],
queryFn: () => api<{ items: NoteItem[] }>('/api/admin/notes'),
})
const [form, setForm] = useState<Form>(emptyForm)
const [savedAt, setSavedAt] = useState<number | null>(null)
const [errorMsg, setErrorMsg] = useState<string | null>(null)
const [slugFieldError, setSlugFieldError] = useState<string | null>(null)
const [showPreview, setShowPreview] = useState(false)
const [uploadMsg, setUploadMsg] = useState<string | null>(null)
const [tagInput, setTagInput] = useState<string | null>(null)
const [uploadMsg, setUploadMsg] = useState<{ kind: 'busy' | 'error'; text: string } | null>(null)
const dirtyRef = useRef(false)
const slugTouchedRef = useRef(false)
const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null)
const tagOptions = useMemo(() => {
const seen = new Set<string>()
for (const n of allNotes?.items ?? []) for (const t of n.tags) seen.add(t)
for (const t of form.tags) seen.add(t)
return [...seen].map((t) => ({ value: t, label: t }))
}, [allNotes, form.tags])
useEffect(() => {
if (existing) {
setForm({
@@ -80,6 +94,7 @@ export default function AdminEdit() {
status: existing.status === 'public' ? 'public' : 'private',
tags: existing.tags,
pinned: existing.pinned,
publishedAt: existing.published_at || existing.created_at,
})
slugTouchedRef.current = false
dirtyRef.current = false
@@ -104,6 +119,7 @@ export default function AdminEdit() {
status: f.status,
tags: f.tags,
pinned: f.pinned,
published_at: f.publishedAt,
}
if (isNew) {
// 新建:slug 由服务端从标题自动生成(首次保存即定稿,§8.2)
@@ -118,7 +134,6 @@ export default function AdminEdit() {
})
},
onSuccess: (saved, vars) => {
setSavedAt(Date.now())
setSlugFieldError(null)
setErrorMsg(null)
dirtyRef.current = false
@@ -171,19 +186,11 @@ export default function AdminEdit() {
const insert = (snippet: string) => set('content', form.content + snippet)
const addTag = () => {
const t = (tagInput ?? '').trim()
if (t && !form.tags.includes(t)) {
set('tags', [...form.tags, t])
}
setTagInput(null)
}
if (!isNew && isLoading) {
return (
<>
<AdminTopbar title="编辑笔记" />
<div className="pn-admin-content"><div className="pn-empty">加载中…</div></div>
<div className="pn-admin-content"><div className="pn-admin-loading"><Spin /></div></div>
</>
)
}
@@ -214,7 +221,7 @@ export default function AdminEdit() {
<div className="pn-ae-grid">
<Card className="pn-ae-main min-w-0">
<Input
variant="borderless"
variant="filled"
className="pn-ae-title-input"
type="text"
value={form.title}
@@ -229,43 +236,16 @@ export default function AdminEdit() {
<span>/notes/{slugDisplay}</span>
</span>
<div className="pn-ae-tags">
{form.tags.map((t) => (
<Tag
key={t}
closable
closeIcon={<X size={12} />}
onClose={(e) => {
e.preventDefault()
set('tags', form.tags.filter((x) => x !== t))
}}
aria-label={`标签:${t}`}
>
{t}
</Tag>
))}
{tagInput === null ? (
<Button type="text" className="pn-ae-add-tag" onClick={() => setTagInput('')}>
<CirclePlus size={13} /><span>添加标签</span>
</Button>
) : (
<Input
variant="borderless"
className="pn-ae-tag-input"
autoFocus
value={tagInput}
placeholder="标签名"
aria-label="新标签名"
onChange={(e) => setTagInput(e.target.value)}
onBlur={addTag}
onKeyDown={(e) => {
if (e.key === 'Enter') {
e.preventDefault()
addTag()
}
if (e.key === 'Escape') setTagInput(null)
}}
/>
)}
<Select
mode="tags"
className="pn-ae-tags-select"
value={form.tags}
options={tagOptions}
placeholder="添加或选择标签"
aria-label="标签"
tokenSeparators={[',']}
onChange={(v) => set('tags', v)}
/>
</div>
</div>
@@ -281,16 +261,23 @@ export default function AdminEdit() {
</div>
<div className="pn-ae-body-wrap">
<Suspense fallback={<div className="pn-empty" style={{ minHeight: 420 }}>编辑器加载中…</div>}>
<Suspense fallback={<div className="pn-admin-loading" style={{ minHeight: 420 }}><Spin /></div>}>
<Editor
value={form.content}
onChange={(v) => set('content', v)}
onUploadStart={(name) => setUploadMsg(`上传中:${name}…`)}
onUploadEnd={(err) => setUploadMsg(err ?? null)}
onUploadStart={(name) => setUploadMsg({ kind: 'busy', text: `上传中:${name}…` })}
onUploadEnd={(err) => setUploadMsg(err ? { kind: 'error', text: err } : null)}
/>
</Suspense>
</div>
{uploadMsg && <p className="pn-ae-upload-msg">{uploadMsg}</p>}
{uploadMsg && (
<Alert
className="pn-ae-upload-alert"
type={uploadMsg.kind === 'busy' ? 'info' : 'error'}
showIcon
message={uploadMsg.text}
/>
)}
{showPreview && (
<div className="pn-ae-preview">
@@ -305,12 +292,10 @@ export default function AdminEdit() {
<div className="pn-ae-prow">
<span className="pn-ae-plabel">状态</span>
<span
className={`pn-ae-pvalue pn-ae-mono ${form.status === 'public' ? '' : 'is-muted'}`}
style={form.status === 'public' ? { color: 'var(--success-text)' } : undefined}
>
<span className="dot" />{form.status === 'public' ? '公开' : '私有'}
</span>
<Badge
status={form.status === 'public' ? 'success' : 'default'}
text={form.status === 'public' ? '公开' : '私有'}
/>
<Switch
checked={form.status === 'public'}
onChange={(checked) => set('status', checked ? 'public' : 'private')}
@@ -328,10 +313,17 @@ export default function AdminEdit() {
</div>
<div className="pn-ae-prow">
<span className="pn-ae-plabel">日期</span>
<span className="pn-ae-pvalue pn-ae-mono">
<Calendar size={14} />{formatDateISO(savedAt ? Math.floor(savedAt / 1000) : (existing?.updated_at ?? Math.floor(Date.now() / 1000)))}
</span>
<span className="pn-ae-plabel">发布日期</span>
<DatePicker
className="pn-ae-datepicker"
size="small"
value={dayjs.unix(form.publishedAt)}
onChange={(d) => d && set('publishedAt', d.unix())}
allowClear={false}
showTime={{ format: 'HH:mm' }}
format="YYYY-MM-DD HH:mm"
aria-label="发布日期"
/>
</div>
<div className="pn-ae-pfield">
@@ -368,13 +360,13 @@ export default function AdminEdit() {
<>
<Divider className="pn-ae-divider" />
<Button
className="pn-btn-danger-outline"
style={{ width: '100%' }}
danger
block
icon={<Trash2 size={15} />}
disabled={trashMutation.isPending}
onClick={() => trashMutation.mutate()}
>
<Trash2 size={15} />
<span>{trashMutation.isPending ? '删除中…' : '移至回收站'}</span>
{trashMutation.isPending ? '删除中…' : '移至回收站'}
</Button>
</>
)}
+35 -41
View File
@@ -2,7 +2,7 @@ import { useMemo, useState } from 'react'
import { Link, useNavigate } from 'react-router'
import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
import { CirclePlus, Eye, EyeOff, Pencil, Pin, Search, Trash2 } from 'lucide-react'
import { Button, Card, Input, Modal, Segmented, Table, Tag } from 'antd'
import { Badge, Button, Card, Empty, Input, Modal, Segmented, Table, Tag } from 'antd'
import type { TableProps } from 'antd'
import { api } from '../lib/api'
import type { NoteItem } from '../lib/api'
@@ -122,14 +122,9 @@ export default function AdminList() {
{
title: '状态',
key: 'status',
render: (_, n) => {
const isPublic = n.status === 'public'
return (
<span className={`pn-al-status ${isPublic ? 'pn-al-is-public' : 'pn-al-is-draft'}`}>
<span className="dot" />{isPublic ? '已发布' : '私有'}
</span>
)
},
render: (_, n) => (
<Badge status={n.status === 'public' ? 'success' : 'default'} text={n.status === 'public' ? '已发布' : '私有'} />
),
},
{
title: '操作',
@@ -156,7 +151,7 @@ export default function AdminList() {
/>
<Button
type="text"
className="pn-btn-danger-outline"
danger
icon={<Trash2 size={15} />}
title="移至回收站"
aria-label={`移至回收站:${n.title}`}
@@ -171,17 +166,15 @@ export default function AdminList() {
return (
<>
<AdminTopbar title="笔记管理">
<label className="pn-admin-search">
<Search size={14} aria-hidden />
<Input
variant="borderless"
type="search"
placeholder="搜索笔记…"
aria-label="搜索笔记"
value={query}
onChange={(e) => setQuery(e.target.value)}
/>
</label>
<Input
className="pn-al-search"
allowClear
placeholder="搜索笔记…"
aria-label="搜索笔记"
value={query}
onChange={(e) => setQuery(e.target.value)}
prefix={<Search size={14} aria-hidden />}
/>
<Button
type="primary"
icon={<CirclePlus size={15} />}
@@ -229,31 +222,32 @@ export default function AdminList() {
onChange={(v) => setFilter(v as StatusFilter)}
className="min-w-0"
options={[
{ value: 'all', label: <>全部<span className="pn-al-tab-num">{items.length}</span></> },
{ value: 'public', label: <>已发布<span className="pn-al-tab-num">{publicCount}</span></> },
{ value: 'private', label: <>私有<span className="pn-al-tab-num">{privateCount}</span></> },
{ value: 'all', label: <>全部<Badge count={items.length} showZero size="small" className="pn-al-tab-badge" /></> },
{ value: 'public', label: <>已发布<Badge count={publicCount} showZero size="small" className="pn-al-tab-badge" /></> },
{ value: 'private', label: <>私有<Badge count={privateCount} showZero size="small" className="pn-al-tab-badge" /></> },
]}
/>
<span className="pn-al-table-note">共 {visible.length} 篇笔记</span>
</div>
{isLoading ? (
<div className="pn-empty">加载中…</div>
) : visible.length === 0 ? (
<div className="pn-empty">
{items.length === 0 ? '还没有笔记,点击「新建笔记」开始' : '没有符合筛选条件的笔记'}
</div>
) : (
<Table
className="pn-al-table"
columns={columns}
dataSource={visible}
rowKey="id"
pagination={false}
scroll={{ x: 600 }}
rowClassName={(n) => (n.status === 'public' ? '' : 'pn-al-is-draft')}
/>
)}
<Table
className="pn-al-table"
columns={columns}
dataSource={visible}
rowKey="id"
loading={isLoading}
pagination={false}
scroll={{ x: 600 }}
rowClassName={(n) => (n.status === 'public' ? '' : 'pn-al-is-draft')}
locale={{
emptyText: (
<Empty
image={Empty.PRESENTED_IMAGE_SIMPLE}
description={items.length === 0 ? '还没有笔记,点击「新建笔记」开始' : '没有符合筛选条件的笔记'}
/>
),
}}
/>
<div className="pn-al-table-foot">
<span className="pn-al-foot-note">共 {data?.total ?? 0} 篇 · 显示 {visible.length} 篇</span>
+56 -9
View File
@@ -1,7 +1,7 @@
import { useEffect, useState } from 'react'
import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
import { Eye, EyeOff, KeyRound, Lock, Save } from 'lucide-react'
import { Button, Card, Divider, Input, InputNumber } from 'antd'
import { Eye, EyeOff, ImageUp, KeyRound, Lock, RotateCcw, Save } from 'lucide-react'
import { Button, Card, Divider, Input, Select, Upload } from 'antd'
import { api, ApiError } from '../lib/api'
import type { SiteSettings } from '../lib/api'
import { invalidatePublic } from '../lib/invalidate'
@@ -9,6 +9,8 @@ import { useDocumentTitle } from '../features/site'
import { AdminTopbar } from '../components/Layout'
import { useToast } from '@/hooks/use-toast'
const PAGE_SIZE_OPTIONS = [10, 20, 30, 50].map((n) => ({ value: n, label: `${n} 篇` }))
export default function AdminSettings() {
useDocumentTitle('设置')
const qc = useQueryClient()
@@ -22,6 +24,7 @@ export default function AdminSettings() {
const [desc, setDesc] = useState('')
const [beian, setBeian] = useState('')
const [pageSize, setPageSize] = useState(10)
const [logo, setLogo] = useState('')
useEffect(() => {
if (data) {
@@ -29,6 +32,7 @@ export default function AdminSettings() {
setDesc(data.site_desc)
setBeian(data.beian_no)
setPageSize(data.page_size)
setLogo(data.site_logo ?? '')
}
}, [data])
@@ -36,7 +40,7 @@ export default function AdminSettings() {
mutationFn: () =>
api('/api/admin/settings', {
method: 'PUT',
body: JSON.stringify({ site_title: title, site_desc: desc, beian_no: beian, page_size: pageSize }),
body: JSON.stringify({ site_title: title, site_desc: desc, beian_no: beian, page_size: pageSize, site_logo: logo }),
}),
onSuccess: () => {
toast({ description: '设置已保存' })
@@ -46,6 +50,25 @@ export default function AdminSettings() {
onError: (e) => toast({ description: e instanceof ApiError ? e.message : '保存失败', variant: 'error' }),
})
// antd Upload customRequest 的最小结构化类型(避免引入 rc-upload 内部类型路径)
const uploadLogo = async ({ file, onSuccess, onError }: {
file: unknown
onSuccess?: (ret?: unknown, xhr?: XMLHttpRequest) => void
onError?: (event: Error, body?: unknown) => void
}) => {
const fd = new FormData()
fd.append('file', file as File)
try {
const res = await api<{ url: string }>('/api/admin/images', { method: 'POST', body: fd })
setLogo(res.url)
onSuccess?.(res)
toast({ description: 'Logo 已上传,记得保存更改' })
} catch (e) {
onError?.(e instanceof Error ? e : new Error('上传失败'))
toast({ description: e instanceof ApiError ? e.message : '上传失败', variant: 'error' })
}
}
return (
<>
<AdminTopbar title="站点设置">
@@ -96,16 +119,41 @@ export default function AdminSettings() {
<p className="pn-as-hint">显示在博客页脚并链接至公安部备案官网;留空则不显示。</p>
</div>
<div className="pn-as-field">
<label htmlFor="page-size" className="pn-field-label">首页每页条数(1–100)</label>
<InputNumber
<label htmlFor="page-size" className="pn-field-label">首页每页条数</label>
<Select
id="page-size"
min={1}
max={100}
style={{ width: 140 }}
options={PAGE_SIZE_OPTIONS}
value={pageSize}
onChange={(v) => setPageSize(Number(v ?? 10))}
onChange={(v) => setPageSize(v)}
/>
</div>
<div className="pn-as-field">
<span className="pn-field-label">站点 Logo</span>
<div className="pn-as-logo-row">
{logo ? (
<img className="pn-as-logo-preview" src={logo} alt="站点 Logo 预览" />
) : (
<span className="pn-as-logo-empty">未设置</span>
)}
<Upload
accept="image/png,image/jpeg,image/webp,image/gif"
showUploadList={false}
customRequest={uploadLogo}
>
<Button icon={<ImageUp size={15} />}>{logo ? '更换图片' : '上传图片'}</Button>
</Upload>
{logo && (
<Button
icon={<RotateCcw size={15} />}
onClick={() => setLogo('')}
>
重置默认
</Button>
)}
</div>
<p className="pn-as-hint">显示在博客顶部站点名称前,并用作站点 favicon,建议正方形图片;「重置默认」恢复内置图标。修改后需点击「保存更改」。</p>
</div>
</div>
</Card>
@@ -194,7 +242,6 @@ function ChangePassword({
</div>
<div className="pn-as-card-foot">
<Button
size="small"
disabled={change.isPending || oldPw.length === 0 || newPw.length === 0}
onClick={() => change.mutate()}
>
+47 -18
View File
@@ -1,6 +1,6 @@
import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
import { RotateCcw } from 'lucide-react'
import { Alert, Button, Card, Table } from 'antd'
import { RotateCcw, Trash2 } from 'lucide-react'
import { Alert, App, Button, Card, Empty, Table, Tag } from 'antd'
import type { TableProps } from 'antd'
import { api } from '../lib/api'
import type { NoteItem } from '../lib/api'
@@ -14,6 +14,7 @@ export default function AdminTrash() {
useDocumentTitle('回收站')
const qc = useQueryClient()
const { toast } = useToast()
const { modal } = App.useApp()
const { data, isLoading } = useQuery({
queryKey: ['admin', 'trash'],
queryFn: () => api<{ items: NoteItem[]; total: number }>('/api/admin/trash'),
@@ -29,6 +30,27 @@ export default function AdminTrash() {
onError: () => toast({ description: '恢复失败,请重试', variant: 'error' }),
})
const clear = useMutation({
mutationFn: () => api<{ deleted: number }>('/api/admin/trash', { method: 'DELETE' }),
onSuccess: (res) => {
toast({ description: `已清空回收站(${res.deleted} 篇)` })
void qc.invalidateQueries({ queryKey: ['admin'] })
invalidatePublic(qc)
},
onError: () => toast({ description: '操作失败,请重试', variant: 'error' }),
})
const confirmEmpty = () => {
modal.confirm({
title: '清空回收站?',
content: `将永久删除回收站中的 ${items.length} 篇笔记,此操作不可恢复。`,
okText: '清空',
okButtonProps: { danger: true },
cancelText: '取消',
onOk: () => clear.mutateAsync(),
})
}
const items = data?.items ?? []
const columns: TableProps<NoteItem>['columns'] = [
@@ -55,7 +77,7 @@ export default function AdminTrash() {
key: 'days',
render: (_, n) => {
const left = n.deleted_at ? daysRemaining(n.deleted_at) : 0
return <span className={`pn-at-days${left <= 3 ? ' pn-at-days-urgent' : ''}`}>{left} 天</span>
return left <= 3 ? <Tag color="red">{left} 天</Tag> : <span className="pn-at-days">{left} 天</span>
},
},
{
@@ -80,7 +102,16 @@ export default function AdminTrash() {
return (
<>
<AdminTopbar title="回收站" />
<AdminTopbar title="回收站">
<Button
danger
icon={<Trash2 size={15} />}
disabled={isLoading || items.length === 0 || clear.isPending}
onClick={confirmEmpty}
>
清空回收站
</Button>
</AdminTopbar>
<div className="pn-admin-content">
<Alert
@@ -91,20 +122,18 @@ export default function AdminTrash() {
/>
<Card className="pn-al-card min-w-0 flex-1 overflow-hidden" styles={{ body: { padding: 0 } }}>
{isLoading ? (
<div className="pn-empty">加载中…</div>
) : items.length === 0 ? (
<div className="pn-empty">回收站是空的</div>
) : (
<Table
className="pn-al-table"
columns={columns}
dataSource={items}
rowKey="id"
pagination={false}
scroll={{ x: 560 }}
/>
)}
<Table
className="pn-al-table"
columns={columns}
dataSource={items}
rowKey="id"
loading={isLoading}
pagination={false}
scroll={{ x: 560 }}
locale={{
emptyText: <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description="回收站是空的" />,
}}
/>
<div className="pn-al-table-foot">
<span className="pn-al-foot-note">共 {data?.total ?? 0} 篇已删除笔记</span>
+43 -56
View File
@@ -2,9 +2,9 @@ import { useState } from 'react'
import { Link } from 'react-router'
import { useQuery } from '@tanstack/react-query'
import { ArrowRight, Pin } from 'lucide-react'
import { Pagination, Tag } from 'antd'
import { Empty, Flex, Pagination, Skeleton, Tag } from 'antd'
import { api } from '../lib/api'
import type { NoteItem, NoteList, TagCount } from '../lib/api'
import type { NoteItem, NoteList } from '../lib/api'
import { useDocumentTitle } from '../features/site'
import { formatDateISO } from '../lib/utils'
@@ -16,77 +16,66 @@ function useNotes(page: number) {
})
}
function useTags() {
return useQuery({
queryKey: ['tags'],
queryFn: () => api<{ tags: TagCount[] }>('/api/tags'),
})
}
function NotePost({ note }: { note: NoteItem }) {
return (
<article className="pn-home-post">
<time className="pn-home-date" dateTime={formatDateISO(note.updated_at)}>
{note.pinned && (
<span className="pn-home-pin">
<Pin size={11} aria-hidden />置顶
</span>
)}
{formatDateISO(note.updated_at)}
</time>
<h2 className="pn-home-post-title">
<Link to={`/notes/${encodeURIComponent(note.slug)}`}>
{note.title}
<ArrowRight className="pn-home-arrow" size={17} aria-hidden />
{note.cover && (
<Link
to={`/notes/${encodeURIComponent(note.slug)}`}
className="pn-home-cover"
tabIndex={-1}
aria-hidden
>
<img src={note.cover} alt="" loading="lazy" />
</Link>
</h2>
{note.summary && <p className="pn-home-summary">{note.summary}</p>}
{note.tags.length > 0 && (
<div className="pn-home-tags">
{note.tags.map((t) => (
<Tag key={t}>
<Link className="pn-tag-link" to={`/tags/${encodeURIComponent(t)}`}>{t}</Link>
</Tag>
))}
</div>
)}
<div className="pn-home-post-main">
<time className="pn-home-date" dateTime={formatDateISO(note.published_at)}>
{note.pinned && (
<span className="pn-home-pin">
<Pin size={11} aria-hidden />置顶
</span>
)}
{formatDateISO(note.published_at)}
</time>
<h2 className="pn-home-post-title">
<Link to={`/notes/${encodeURIComponent(note.slug)}`}>
{note.title}
<ArrowRight className="pn-home-arrow" size={17} aria-hidden />
</Link>
</h2>
{note.summary && <p className="pn-home-summary">{note.summary}</p>}
{note.tags.length > 0 && (
<div className="pn-home-tags">
{note.tags.map((t) => (
<Tag key={t}>
<Link className="pn-tag-link" to={`/tags/${encodeURIComponent(t)}`}>{t}</Link>
</Tag>
))}
</div>
)}
</div>
</article>
)
}
// 首页标签筛选:链接型分段导航(路由跳转而非受控切换,故用原生导航标记;
// 链接配色由 .pn-home-filter a 的无 layer 规则承接,见 index.css)
const filterStripCls =
'inline-flex min-w-0 items-center gap-1 rounded-[var(--radius-md)] border border-[var(--border)] bg-muted p-1'
export default function Home() {
const [page, setPage] = useState(1)
useDocumentTitle()
const { data, isLoading } = useNotes(page)
const { data: tagsData } = useTags()
const totalPages = data ? Math.max(1, Math.ceil(data.total / data.page_size)) : 1
const topTags = (tagsData?.tags ?? []).slice(0, 4)
return (
<div className="pn-home-content">
{topTags.length > 0 && (
<nav className={`pn-home-filter ${filterStripCls}`} aria-label="按标签筛选笔记">
<Link to="/" aria-current={page === 1 ? 'page' : undefined}>
全部
</Link>
{topTags.map((t) => (
<Link key={t.name} to={`/tags/${encodeURIComponent(t.name)}`}>
{t.name}
</Link>
))}
</nav>
)}
<section aria-label="笔记列表">
{isLoading ? (
<p className="pn-home-list-empty">加载中…</p>
<Flex vertical gap={44} className="pn-home-skeleton">
{[0, 1, 2].map((i) => (
<Skeleton key={i} active title paragraph={{ rows: 2 }} />
))}
</Flex>
) : !data || data.items.length === 0 ? (
<p className="pn-home-list-empty">还没有公开的笔记</p>
<Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description="还没有公开的笔记" />
) : (
data.items.map((n) => <NotePost key={n.slug} note={n} />)
)}
@@ -94,15 +83,13 @@ export default function Home() {
{totalPages > 1 && (
<nav className="pn-home-pager" aria-label="分页">
<span className="pn-home-pager-note">
共 {data?.total ?? 0} 篇 · 第 {page} 页 / 共 {totalPages} 页
</span>
<Pagination
size="small"
current={page}
pageSize={data?.page_size ?? 10}
total={data?.total ?? 0}
showSizeChanger={false}
showTotal={() => `共 ${data?.total ?? 0} 篇 · 第 ${page} 页 / 共 ${totalPages} 页`}
onChange={(p) => setPage(p)}
/>
</nav>
-3
View File
@@ -49,7 +49,6 @@ export default function Login() {
<Card className="pn-login-card" styles={{ body: { padding: 0 } }}>
<form onSubmit={onSubmit}>
<h1 className="pn-login-title">管理员登录</h1>
<p className="pn-login-sub">请输入管理密码以继续</p>
<label htmlFor="pn-login-username" className="sr-only">用户名</label>
<input
@@ -103,8 +102,6 @@ export default function Login() {
<span>{submitting ? '登录中…' : '登录'}</span>
<ArrowRight size={16} />
</Button>
<p className="pn-login-hint">连续失败将被暂时锁定</p>
</form>
</Card>
+21 -10
View File
@@ -1,7 +1,7 @@
import { Link, useNavigate, useParams } from 'react-router'
import { useQuery } from '@tanstack/react-query'
import { ArrowLeft, ArrowRight, Clock, Eye } from 'lucide-react'
import { Alert, Button, Card, Tag } from 'antd'
import { Alert, Button, Card, Empty, Skeleton, Tag } from 'antd'
import { api } from '../lib/api'
import type { NoteDetail } from '../lib/api'
import { useAuth } from '../lib/auth'
@@ -20,17 +20,28 @@ export default function Note() {
})
useDocumentTitle(note?.title)
if (isLoading) return <p className="pn-home-list-empty">加载中…</p>
if (isLoading) {
return (
<article className="pn-note-article">
<Skeleton active title paragraph={{ rows: 6 }} />
</article>
)
}
if (error || !note) {
return (
<div className="pn-note-article">
<p className="pn-home-list-empty">笔记不存在或未公开</p>
<p style={{ textAlign: 'center', marginTop: -40 }}>
<Button type="text" size="small" className="pn-note-back" icon={<ArrowLeft size={14} />} onClick={() => navigate('/')}>
<article className="pn-note-article">
<Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description="笔记不存在或未公开">
<Button
type="text"
size="small"
className="pn-note-back"
icon={<ArrowLeft size={14} />}
onClick={() => navigate('/')}
>
返回首页
</Button>
</p>
</div>
</Empty>
</article>
)
}
@@ -60,8 +71,8 @@ export default function Note() {
<h1 className="pn-note-title">{note.title}</h1>
<div className="pn-note-meta">
<time className="pn-note-meta-date" dateTime={formatDateISO(note.created_at)}>
{formatDateISO(note.created_at)}
<time className="pn-note-meta-date" dateTime={formatDateISO(note.published_at)}>
{formatDateISO(note.published_at)}
</time>
<span className="pn-note-meta-sep">·</span>
<span className="pn-note-meta-read"><Clock size={14} />约 {readingMinutes(note.content)} 分钟阅读</span>
+29 -21
View File
@@ -1,7 +1,7 @@
import { Link, useParams } from 'react-router'
import { Link, useNavigate, useParams } from 'react-router'
import { useQuery } from '@tanstack/react-query'
import { ArrowRight, Tag } from 'lucide-react'
import { Tag as AntTag } from 'antd'
import { Empty, Skeleton, Spin, Tag as AntTag } from 'antd'
import { api } from '../lib/api'
import type { NoteList, TagCount } from '../lib/api'
import { useDocumentTitle } from '../features/site'
@@ -16,6 +16,7 @@ function useTags() {
export default function TagPage() {
const { tag } = useParams()
const navigate = useNavigate()
useDocumentTitle(tag ? `标签:${tag}` : '标签')
const { data: tagsData } = useTags()
const { data, isLoading, error } = useQuery({
@@ -32,26 +33,33 @@ export default function TagPage() {
<p>按主题浏览所有公开笔记</p>
</section>
<nav className="pn-tag-cloud" aria-label="全部标签">
{tagsData?.tags.map((t) => (
<AntTag.CheckableTag key={t.name} checked={t.name === tag} className="pn-cloud-tag">
<Link
to={`/tags/${encodeURIComponent(t.name)}`}
aria-current={t.name === tag ? 'true' : undefined}
>
{/* 单选 CheckableTagGroup:选中态由组件承接;再次点击已选标签 = 取消(回全部) */}
<AntTag.CheckableTagGroup
multiple={false}
className="pn-tag-cloud"
value={tag ?? null}
onChange={(v) => navigate(v === null ? '/tags' : `/tags/${encodeURIComponent(v)}`)}
options={(tagsData?.tags ?? []).map((t) => ({
value: t.name,
className: 'pn-cloud-tag',
label: (
<>
<Tag size={14} />
<span>{t.name}</span>
<span className="pn-cloud-count">{t.count}</span>
</Link>
</AntTag.CheckableTag>
))}
{!tagsData && (
<span className="p-2 font-mono text-xs text-muted-foreground">加载中…</span>
)}
{tagsData && tagsData.tags.length === 0 && (
<span className="p-2 font-mono text-xs text-muted-foreground">还没有标签</span>
)}
</nav>
</>
),
}))}
aria-label="全部标签"
/>
{!tagsData && (
<div className="pn-tag-cloud"><Spin size="small" /></div>
)}
{tagsData && tagsData.tags.length === 0 && (
<div className="pn-tag-empty">
<Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description="还没有标签" />
</div>
)}
{tag === undefined && tagsData && (
<p className="pn-home-list-empty" style={{ marginTop: 48 }}>选择一个标签,查看对应笔记</p>
@@ -63,11 +71,11 @@ export default function TagPage() {
<h3 className="pn-tag-group-title"><Tag size={16} />{tag}</h3>
<div className="pn-tag-rows">
{isLoading ? (
<p className="pn-home-list-empty">加载中…</p>
<Skeleton active title paragraph={{ rows: 3 }} />
) : error ? (
<p className="pn-home-list-empty">加载失败,请稍后重试</p>
) : !data || data.items.length === 0 ? (
<p className="pn-home-list-empty">该标签下暂无公开笔记</p>
<Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description="该标签下暂无公开笔记" />
) : (
data.items.map((n) => (
<Link key={n.slug} to={`/notes/${encodeURIComponent(n.slug)}`} className="pn-tag-row">
+2 -1
View File
@@ -340,7 +340,8 @@ const useShadcnTheme = (dark: boolean) => {
(dark ? styles.buttonPrimaryDark : styles.buttonPrimaryLight),
(props as { type?: string }).type === 'default' &&
(dark ? styles.buttonDefaultDark : styles.buttonDefaultLight),
(props as { danger?: boolean }).danger &&
(props as { danger?: boolean; type?: string }).danger &&
(props as { type?: string }).type !== 'text' &&
(dark ? styles.buttonDangerDark : styles.buttonDangerLight),
),
}),