chore: update /riji to Youdian BijI support page
Some checks failed
Lint / build (20) (push) Has been cancelled
Playwright Tests / test (push) Has been cancelled

This commit is contained in:
Your Name 2026-03-12 14:57:29 +08:00
parent 33048b7602
commit 6ba0f89593
3 changed files with 140 additions and 95 deletions

View File

@ -1,17 +1,21 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
export const metadata: Metadata = { export const metadata: Metadata = {
title: "RiJi — Offline Journal & Private Notes", title: { absolute: "由点笔迹 - 技术支持" },
description: description:
"RiJi is an offline-first journal and notes app that helps you record moments, thoughts, photos, and videos — privately and beautifully.", "由点笔迹是一款离线笔记/日记 App,无需登录即可使用。本页提供常见问题与技术支持联系方式。",
openGraph: { openGraph: {
title: "RiJi — Offline Journal & Private Notes", title: "由点笔迹 - 技术支持",
description: description:
"Capture your day, anytime. Offline-first journaling with private notes, photos & videos, and encrypted backups.", "由点笔迹是一款离线 App,无需登录即可使用。这里提供使用帮助与技术支持联系方式。",
}, },
}; };
export default function RiJiIntroPage() { const SUPPORT_EMAIL = "admin@yydd.ai";
const SUPPORT_SUBJECT = encodeURIComponent("由点笔迹 技术支持");
const SUPPORT_MAILTO = `mailto:${SUPPORT_EMAIL}?subject=${SUPPORT_SUBJECT}`;
export default function YoudianBijIAppSupportPage() {
return ( return (
<main <main
className="min-h-dvh text-foreground" className="min-h-dvh text-foreground"
@ -31,10 +35,10 @@ export default function RiJiIntroPage() {
</div> </div>
<div className="min-w-0"> <div className="min-w-0">
<p className="truncate text-sm font-semibold tracking-tight"> <p className="truncate text-sm font-semibold tracking-tight">
RiJi — Offline Journal &amp; Private Notes 由点笔迹
</p> </p>
<p className="text-xs text-muted-foreground"> <p className="text-xs text-muted-foreground">
Offline-first journaling, private notes, and encrypted backups. 离线笔记 · 无需登录 · 打开即用
</p> </p>
</div> </div>
</div> </div>
@ -42,82 +46,96 @@ export default function RiJiIntroPage() {
<section className="relative overflow-hidden rounded-3xl border border-border bg-card/60 p-7 shadow-2xl backdrop-blur"> <section className="relative overflow-hidden rounded-3xl border border-border bg-card/60 p-7 shadow-2xl backdrop-blur">
<p className="mb-4 inline-flex items-center rounded-full border border-violet-500/25 bg-violet-500/10 px-3 py-1 text-xs font-semibold tracking-wide"> <p className="mb-4 inline-flex items-center rounded-full border border-violet-500/25 bg-violet-500/10 px-3 py-1 text-xs font-semibold tracking-wide">
Page Title App 技术支持 · App Support
</p> </p>
<h1 className="mb-3 text-balance text-3xl font-semibold tracking-tight sm:text-5xl"> <h1 className="mb-3 text-balance text-3xl font-semibold tracking-tight sm:text-5xl">
Capture your day, anytime. 由点笔迹 — 离线笔记/日记
</h1> </h1>
<p className="max-w-[70ch] text-pretty text-base leading-relaxed text-muted-foreground"> <p className="max-w-[70ch] text-pretty text-base leading-relaxed text-muted-foreground">
RiJi is an offline-first journal and notes app that helps you record moments, thoughts, 由点笔迹是一款离线 App,无需登录即可使用。若你在使用过程中遇到问题,可以先查看下方常见问题,
photos, and videos — privately and beautifully. 或通过邮件联系我们获取技术支持。
</p> </p>
</section> </section>
<section className="mt-8"> <section className="mt-8">
<h2 className="mb-3 text-base font-semibold tracking-tight"> <h2 className="mb-3 text-base font-semibold tracking-tight">核心特点</h2>
Primary Highlights
</h2>
<div className="grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3"> <div className="grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3">
<Card <Card
title="Offline First" title="离线可用"
body="Your notes stay available even without a network connection." body="没有网络也能记录,内容默认保存在设备本地。"
className="lg:col-span-2" className="lg:col-span-2"
/> />
<Card <Card
title="Private by Design" title="无需登录"
body="Protect selected notes with password and Face ID." body="不需要注册/登录账号,安装后即可使用。"
/> />
<Card <Card
title="Photos & Videos" title="轻量记录"
body="Add media to make every memory more vivid." body="专注写作与日常记录,减少干扰。"
/> />
<Card <Card
title="Timeline & Calendar" title="本地数据"
body="Review your life by date, timeline, or calendar view." body="你的内容由你掌控;如启用系统备份,数据由 iOS 备份机制管理。"
/> />
<Card <Card
title="Backup & Restore" title="迁移建议"
body="Export encrypted backups and restore anytime." body="更换设备时,可通过 iOS 系统备份/迁移保留数据(以系统能力为准)。"
/> />
</div> </div>
</section> </section>
<section className="mt-8"> <section className="mt-8">
<h2 className="mb-3 text-base font-semibold tracking-tight">About</h2> <h2 className="mb-3 text-base font-semibold tracking-tight">常见问题</h2>
<div className="rounded-2xl border border-border bg-card/50 p-5 shadow-sm"> <div className="space-y-3">
<p className="text-sm leading-relaxed text-muted-foreground"> <FaqItem
RiJi is designed for people who want a clean, private, and distraction-free place to q="是否需要注册/登录?"
write daily notes. Whether you're journaling, keeping life records, or saving quick a="不需要。由点笔迹是一款离线应用,下载后打开即可使用。"
thoughts, RiJi keeps everything organized and secure on your device. />
</p> <FaqItem
q="数据会上传到服务器吗?"
a="由点笔迹默认离线运行,你的内容保存在设备本地。如你开启 iOS 系统备份/换机迁移,数据可能随系统备份进入你的 iCloud 设备备份(由 Apple 负责)。"
/>
<FaqItem
q="遇到闪退/无法保存/显示异常怎么办?"
a="建议先重启 App 或重启手机;确认 iOS 系统版本与存储空间正常;如仍无法解决,请邮件联系我们并附上设备型号、iOS 版本、App 版本与问题截图/录屏。"
/>
<FaqItem
q="如何联系技术支持?"
a={`请发送邮件至 ${SUPPORT_EMAIL}(建议在标题注明“由点笔迹 技术支持”)。`}
/>
</div> </div>
</section> </section>
<section className="mt-8"> <section className="mt-8">
<h2 className="mb-3 text-base font-semibold tracking-tight">Features</h2> <h2 className="mb-3 text-base font-semibold tracking-tight">联系我们</h2>
<div className="grid grid-cols-1 gap-3 sm:grid-cols-2"> <div className="grid grid-cols-1 gap-3 sm:grid-cols-2">
<Card <Card
title="Write Freely" title="支持邮箱"
body="Create and edit notes with text, images, and video attachments." body={SUPPORT_EMAIL}
className="sm:col-span-1"
/> />
<Card <Card
title="Stay Organized" title="邮件建议包含"
body="Browse entries in a timeline or jump through dates in calendar view." body="设备型号 / iOS 版本 / App 版本 / 问题描述 / 截图或录屏"
/> className="sm:col-span-1"
<Card
title="Protect What Matters"
body="Lock private notes with a privacy password and Face ID."
/>
<Card
title="Keep Control of Your Data"
body="Export encrypted backups and restore them whenever needed."
/> />
<div className="sm:col-span-2">
<a
className="inline-flex items-center justify-center rounded-xl border border-border bg-card/60 px-4 py-3 text-sm font-semibold shadow-sm transition hover:bg-card"
href={SUPPORT_MAILTO}
>
发送邮件获取支持
</a>
<p className="mt-2 text-xs text-muted-foreground">
如果你是 App Store 审核人员:由点笔迹为离线 App,无需登录即可使用。
</p>
</div>
</div> </div>
</section> </section>
<footer className="mt-10 flex flex-wrap items-center justify-between gap-3 border-t border-border pt-5 text-xs text-muted-foreground"> <footer className="mt-10 flex flex-wrap items-center justify-between gap-3 border-t border-border pt-5 text-xs text-muted-foreground">
<span>RiJi — Offline Journal &amp; Private Notes</span> <span>由点笔迹 · 技术支持</span>
<span>A simple public app intro page for review.</span> <span>Public support page (no login required)</span>
</footer> </footer>
</div> </div>
</main> </main>
@ -148,3 +166,15 @@ function Card({
); );
} }
function FaqItem({ q, a }: { q: string; a: string }) {
return (
<details className="group rounded-2xl border border-border bg-card/50 p-5 shadow-sm">
<summary className="cursor-pointer list-none text-sm font-semibold tracking-tight">
<span className="select-none">{q}</span>
<span className="ml-2 text-muted-foreground group-open:hidden">+</span>
<span className="ml-2 hidden text-muted-foreground group-open:inline">−</span>
</summary>
<p className="mt-2 text-sm leading-relaxed text-muted-foreground">{a}</p>
</details>
);
}

View File

@ -1,6 +1,6 @@
# RiJi App Intro Page (Subpage) # 由点笔迹 App Support Page (Subpage)
This folder contains a simple, single-page public app introduction website for **RiJi — Offline Journal & Private Notes**. This folder contains a simple, single-page public app support website for **由点笔迹** (offline app, no login required).
## Publish as a subpage (Recommended) ## Publish as a subpage (Recommended)
@ -28,7 +28,7 @@ Example redirect file (optional):
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="refresh" content="0; url=./riji/" /> <meta http-equiv="refresh" content="0; url=./riji/" />
<title>Redirecting…</title> <title>Redirecting…</title>
<a href="./riji/">Open RiJi page</a> <a href="./riji/">Open 由点笔迹 support page</a>
``` ```
## If you want it as the homepage instead ## If you want it as the homepage instead

View File

@ -3,15 +3,15 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>RiJi — Offline Journal &amp; Private Notes</title> <title>由点笔迹 - 技术支持</title>
<meta <meta
name="description" name="description"
content="RiJi is an offline-first journal and notes app that helps you record moments, thoughts, photos, and videos — privately and beautifully." content="由点笔迹是一款离线笔记/日记 App,无需登录即可使用。本页提供常见问题与技术支持联系方式。"
/> />
<meta property="og:title" content="RiJi — Offline Journal &amp; Private Notes" /> <meta property="og:title" content="由点笔迹 - 技术支持" />
<meta <meta
property="og:description" property="og:description"
content="Capture your day, anytime. Offline-first journaling with private notes, photos &amp; videos, and encrypted backups." content="由点笔迹是一款离线 App,无需登录即可使用。这里提供使用帮助与技术支持联系方式。"
/> />
<meta name="theme-color" content="#0b1220" /> <meta name="theme-color" content="#0b1220" />
<style> <style>
@ -247,87 +247,102 @@
<div class="brand" aria-label="RiJi"> <div class="brand" aria-label="RiJi">
<div class="mark" aria-hidden="true"></div> <div class="mark" aria-hidden="true"></div>
<div class="brand-text"> <div class="brand-text">
<p class="brand-title">RiJi — Offline Journal &amp; Private Notes</p> <p class="brand-title">由点笔迹</p>
<p class="brand-subtitle">Offline-first journaling, private notes, and encrypted backups.</p> <p class="brand-subtitle">离线笔记 · 无需登录 · 打开即用</p>
</div> </div>
</div> </div>
</header> </header>
<main> <main>
<div class="hero"> <div class="hero">
<p class="eyebrow">Page Title</p> <p class="eyebrow">App 技术支持 · App Support</p>
<h1>Capture your day, anytime.</h1> <h1>由点笔迹 — 离线笔记/日记</h1>
<p class="lead"> <p class="lead">
RiJi is an offline-first journal and notes app that helps you record moments, thoughts, 由点笔迹是一款离线 App,无需登录即可使用。若你在使用过程中遇到问题,可以先查看下方常见问题,
photos, and videos — privately and beautifully. 或通过邮件联系我们获取技术支持。
</p> </p>
</div> </div>
<section aria-labelledby="highlights"> <section aria-labelledby="highlights">
<h2 id="highlights">Primary Highlights</h2> <h2 id="highlights">核心特点</h2>
<div class="grid"> <div class="grid">
<article class="card span-6"> <article class="card span-6">
<h3>Offline First</h3> <h3>离线可用</h3>
<p>Your notes stay available even without a network connection.</p> <p>没有网络也能记录,内容默认保存在设备本地。</p>
</article> </article>
<article class="card span-6"> <article class="card span-6">
<h3>Private by Design</h3> <h3>无需登录</h3>
<p>Protect selected notes with password and Face ID.</p> <p>不需要注册/登录账号,安装后即可使用。</p>
</article> </article>
<article class="card span-4"> <article class="card span-4">
<h3>Photos &amp; Videos</h3> <h3>轻量记录</h3>
<p>Add media to make every memory more vivid.</p> <p>专注写作与日常记录,减少干扰。</p>
</article> </article>
<article class="card span-4"> <article class="card span-4">
<h3>Timeline &amp; Calendar</h3> <h3>本地数据</h3>
<p>Review your life by date, timeline, or calendar view.</p> <p>你的内容由你掌控;如启用系统备份,数据由 iOS 备份机制管理。</p>
</article> </article>
<article class="card span-4"> <article class="card span-4">
<h3>Backup &amp; Restore</h3> <h3>迁移建议</h3>
<p>Export encrypted backups and restore anytime.</p> <p>更换设备时,可通过 iOS 系统备份/迁移保留数据(以系统能力为准)。</p>
</article> </article>
</div> </div>
</section> </section>
<section aria-labelledby="about"> <section aria-labelledby="faq">
<h2 id="about">About</h2> <h2 id="faq">常见问题</h2>
<div class="card"> <div class="grid">
<p> <article class="card span-6">
RiJi is designed for people who want a clean, private, and distraction-free place to <h3>是否需要注册/登录?</h3>
write daily notes. Whether you're journaling, keeping life records, or saving quick <p>不需要。由点笔迹是一款离线应用,下载后打开即可使用。</p>
thoughts, RiJi keeps everything organized and secure on your device. </article>
</p> <article class="card span-6">
<h3>数据会上传到服务器吗?</h3>
<p>
由点笔迹默认离线运行,你的内容保存在设备本地。如你开启 iOS 系统备份/换机迁移,数据可能随系统备份进入你的 iCloud 设备备份(由 Apple 负责)。
</p>
</article>
<article class="card span-6">
<h3>遇到闪退/无法保存/显示异常怎么办?</h3>
<p>
建议先重启 App 或重启手机;确认 iOS 系统版本与存储空间正常;如仍无法解决,请邮件联系我们并附上设备型号、iOS 版本、App 版本与问题截图/录屏。
</p>
</article>
<article class="card span-6">
<h3>如何联系技术支持?</h3>
<p>
请发送邮件至
<a href="mailto:admin@yydd.ai?subject=%E7%94%B1%E7%82%B9%E7%AC%94%E8%BF%B9%20%E6%8A%80%E6%9C%AF%E6%94%AF%E6%8C%81">admin@yydd.ai</a>
(建议在标题注明“由点笔迹 技术支持”)。
</p>
</article>
</div> </div>
</section> </section>
<section aria-labelledby="features"> <section aria-labelledby="contact">
<h2 id="features">Features</h2> <h2 id="contact">联系我们</h2>
<div class="grid"> <div class="grid">
<article class="card span-6"> <article class="card span-6">
<h3>Write Freely</h3> <h3>支持邮箱</h3>
<p>Create and edit notes with text, images, and video attachments.</p> <p>
<a href="mailto:admin@yydd.ai?subject=%E7%94%B1%E7%82%B9%E7%AC%94%E8%BF%B9%20%E6%8A%80%E6%9C%AF%E6%94%AF%E6%8C%81">admin@yydd.ai</a>
</p>
</article> </article>
<article class="card span-6"> <article class="card span-6">
<h3>Stay Organized</h3> <h3>邮件建议包含</h3>
<p>Browse entries in a timeline or jump through dates in calendar view.</p> <p>设备型号 / iOS 版本 / App 版本 / 问题描述 / 截图或录屏</p>
</article>
<article class="card span-6">
<h3>Protect What Matters</h3>
<p>Lock private notes with a privacy password and Face ID.</p>
</article>
<article class="card span-6">
<h3>Keep Control of Your Data</h3>
<p>Export encrypted backups and restore them whenever needed.</p>
</article> </article>
</div> </div>
<p class="small" style="margin: 10px 0 0">
如果你是 App Store 审核人员:由点笔迹为离线 App,无需登录即可使用。
</p>
</section> </section>
<footer> <footer>
<span class="small">RiJi — Offline Journal &amp; Private Notes</span> <span class="small">由点笔迹 · 技术支持</span>
<span class="small">A simple public app intro page for review.</span> <span class="small">Public support page (no login required)</span>
</footer> </footer>
</main> </main>
</div> </div>
</body> </body>
</html> </html>