onedict/index.html at main · dososo/onedict · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>一典 Onedict — 一本安静、漂亮、飞快的词典</title>
<meta name="description" content="一典 Onedict:macOS 原生词典,加载本地 MDX/MDD,全局划词、维基词源、系统发音。演示视频与截图在线观看。" />
<meta property="og:title" content="一典 Onedict — 一本安静、漂亮、飞快的词典" />
<meta property="og:image" content="https://raw.githubusercontent.com/dososo/onedict/main/assets/videos/cover.png" />
<style>
  :root{
    --cream:#f4f1e8; --paper:#faf8f2; --ink:#201e1c; --sub:#6f685c;
    --seal:#c7442e; --line:#e4dfd2; --shadow:0 10px 40px rgba(40,36,30,.10);
  }
  *{box-sizing:border-box}
  html{-webkit-text-size-adjust:100%}
  body{
    margin:0; background:var(--cream); color:var(--ink);
    font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
    line-height:1.7; -webkit-font-smoothing:antialiased;
  }
  .serif{font-family:"Songti SC","STSong",Georgia,"Times New Roman",serif;}
  .wrap{max-width:960px; margin:0 auto; padding:0 20px;}
  a{color:var(--seal); text-decoration:none;}
  a:hover{text-decoration:underline;}

  /* Hero */
  header{text-align:center; padding:64px 20px 8px;}
  header img.logo{width:104px;height:104px;border-radius:24px;box-shadow:var(--shadow);}
  h1{font-size:44px; margin:22px 0 6px; letter-spacing:.02em; font-weight:600;}
  h1 .en{font-size:38px;}
  .tagline{font-size:19px; color:var(--sub); margin:0 0 22px;}
  .cta{display:inline-flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:6px;}
  .btn{display:inline-block;padding:11px 22px;border-radius:11px;font-size:15px;font-weight:600;}
  .btn-primary{background:var(--seal);color:#fff;box-shadow:0 6px 18px rgba(199,68,46,.28);}
  .btn-primary:hover{text-decoration:none;filter:brightness(1.04);}
  .btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line);}
  .btn-ghost:hover{text-decoration:none;border-color:#cfc7b6;}
  .meta{margin-top:14px;font-size:13px;color:var(--sub);}
  .meta b{color:var(--ink);}

  /* Video */
  .video-sec{padding:34px 20px 10px;}
  .frame{max-width:840px;margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);background:#000;}
  video{display:block;width:100%;height:auto;background:#000;}
  .cap{text-align:center;color:var(--sub);font-size:14px;margin-top:14px;}

  /* Shots */
  section.shots{padding:30px 20px 10px;}
  .shot{margin:0 auto 40px;max-width:900px;}
  .shot img{width:100%;height:auto;border-radius:12px;box-shadow:var(--shadow);display:block;}
  .shot p{margin:12px 4px 0;color:var(--sub);font-size:14.5px;text-align:center;}
  .shot p b{color:var(--ink);}
  .rule{height:1px;background:var(--line);border:0;max-width:900px;margin:8px auto 36px;}

  h2{font-size:24px;text-align:center;margin:44px 0 6px;font-weight:600;}
  .h2sub{text-align:center;color:var(--sub);margin:0 0 26px;font-size:15px;}
  kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--paper);border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;padding:1px 6px;font-size:12.5px;color:var(--ink);}

  /* Features */
  .feat{max-width:820px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:18px 30px;}
  .feat div{padding-left:16px;border-left:2px solid var(--seal);}
  .feat h3{margin:0 0 3px;font-size:16px;}
  .feat p{margin:0;color:var(--sub);font-size:14px;}

  footer{text-align:center;padding:44px 20px 60px;color:var(--sub);font-size:14px;margin-top:30px;}
  footer .links a{margin:0 10px;}
  footer .seal{display:inline-block;width:15px;height:15px;border-radius:4px;background:var(--seal);vertical-align:-2px;position:relative;}
  footer .seal::after{content:"";position:absolute;inset:3px;border:1.5px solid var(--cream);border-radius:2px;}
  .copy{margin-top:14px;font-size:12.5px;opacity:.8;}

  @media (max-width:640px){
    header{padding:44px 18px 6px;}
    h1{font-size:34px;} h1 .en{font-size:29px;}
    .tagline{font-size:16px;}
    .feat{grid-template-columns:1fr;gap:16px;}
    h2{font-size:21px;}
  }
</style>
</head>
<body>

<header>
  <img class="logo" src="assets/logo.png" alt="一典 Onedict" />
  <h1 class="serif">一典 <span class="en">Onedict</span></h1>
  <p class="tagline">一本安静、漂亮、飞快的词典。</p>
  <div class="cta">
    <a class="btn btn-primary" href="https://github.com/dososo/onedict/releases/latest">下载 for macOS</a>
    <a class="btn btn-ghost" href="https://github.com/dososo/onedict">GitHub 源码</a>
  </div>
  <p class="meta">Universal(Apple Silicon + Intel)· macOS 13+ · <b>Apple 公证</b> · Apache-2.0 开源</p>
</header>

<div class="video-sec">
  <div class="frame">
    <video controls playsinline preload="metadata"
      src="assets/videos/onedict-demo.mp4"></video>
  </div>
  <p class="cap">▶ 一典 · 介绍片 · 54 秒 · 手机也能直接播放</p>
</div>

<section class="shots">
  <h2>界面一览</h2>
  <p class="h2sub">排印即界面 —— 设计的全部工作,是给文字一个安静的舞台,然后消失</p>

  <div class="shot">
    <img src="assets/screenshots/home.png" alt="安静的起点" />
    <p><b>安静的起点</b> —— 打字即查,或在任意应用选中文字按 <kbd>⌃D</kbd> 划词;左栏是你最近查过的词</p>
  </div>
  <div class="shot">
    <img src="assets/screenshots/lookup.png" alt="聚合查询" />
    <p><b>聚合查询</b> —— 多本词典同页展示,顶部胶囊栏一键跳转;左栏邻近词像翻纸质词典一样连续</p>
  </div>
  <div class="shot">
    <img src="assets/screenshots/selection-popup.png" alt="全局划词" />
    <p><b>全局划词</b> —— 在浏览器 / PDF / 电子书里选中文字,光标旁浮出释义;读完自动还原剪贴板</p>
  </div>
  <div class="shot">
    <img src="assets/screenshots/dictionaries.png" alt="你的词典库" />
    <p><b>你的词典库</b> —— 拖动排序即优先级;把 <kbd>.mdx</kbd> 拖到窗口任意位置即可导入</p>
  </div>
  <div class="shot">
    <img src="assets/screenshots/settings.png" alt="克制的设置" />
    <p><b>克制的设置</b> —— 深浅色、字号、划词快捷键、维基词源;该有的都有,不该有的都没有</p>
  </div>
</section>

<hr class="rule" />

<section>
  <h2>为什么是一典</h2>
  <p class="h2sub">只信一件事:简单就是美。每加一个功能,先问能不能不加。</p>
  <div class="feat">
    <div><h3>聚合查询</h3><p>多词典同页 + 胶囊栏跳转,支持通配 / 词形还原 / 近似词。</p></div>
    <div><h3>全局划词</h3><p>任意应用 <kbd>⌃D</kbd> 即查,读完自动还原剪贴板,你无感。</p></div>
    <div><h3>维基词源</h3><p>中 / 英维基作在线词典,摘要缓存,离线自动隐藏。</p></div>
    <div><h3>真人发音</h3><p>MDD 内嵌音频优先,无则系统 TTS,自动选中 / 英。</p></div>
    <div><h3>只在本机</h3><p>索引 / 收藏 / 历史只存本地,无账号、无遥测、永不上传。</p></div>
    <div><h3>自带词典</h3><p>读取你本地的 MDX/MDD,不分发任何词典内容。</p></div>
  </div>
</section>

<footer>
  <div class="links">
    <a href="https://github.com/dososo/onedict">GitHub</a> ·
    <a href="https://x.com/thinkszyg">X @thinkszyg</a> ·
    <a href="mailto:blteam2026@outlook.com">邮箱</a>
  </div>
  <div class="copy"><span class="seal"></span>&nbsp; © 2026 爆裂队长 NEXT · 一典 Onedict —— 简单就是美。</div>
</footer>

</body>
</html>