ΔιάΝους

汽车构造

Wed, 24 Jun 2026 15:28:48 +0000

# 汽车构造 ## 一、名词解释汇总 | 序号 | 名词 | 解释 | | ---- | -------------------- | ------------------------------------------------------------ | | 1 | 摩擦离合器 | 借主动部分与从动部分两者接触之间的摩擦作用来传递转矩的离合器 | | 2 | 液力耦合器 | 利用液体作为传动介质的离合器 | | 3 | 电磁离合器 | 利用磁力传递转矩的离合器 | | 4 | 单盘离合器 | 设有一片从动盘的，前后两面都装有摩擦片 | | 5 | 离合器的自由间隙 | 离合器接合时分离轴承端面与分离杠杆端头之间的间隙 | | 6 | 分离间隙 | 离合器分离后从动盘前后端面与飞轮及压盘表面之间的间隙 | | 7 | 离合器踏板的自由行程 | 为消除自由间隙所需的离合器踏板行程 | | 8 | 不等速性 | 单十字轴万向节在输入轴和输出轴之间有夹角的情况下，两转轴的角速度不相等 | | 9 | 单级式主减速器 | 只有一对传动齿轮副的主减速器 | | 10 | 全浮式半轴支撑 | 使半轴只承受转矩，而两端均不承受任何反力和弯矩 | | 11 | 半浮式半轴支撑 | 只能使半轴内端免受弯矩，而外端却承受全部弯矩 | | 12 | 自动回正 | 当转向轮在偶遇外力作用发生偏转时，一旦作用的外力消失后，应能立即自动回到原来直线行驶的位置 | | 13 | 双向作用式减震器 | 在压缩和伸张两行程内均能起作用的减震器 | | 14 | 单向作用式减震器 | 仅在伸张行程内起作用的减震器 | | 15 | 汽车转向系统 | 用来改变或恢复汽车行驶方向的专设机构 | | 16 | 转向器传动效率 | 转向器的输出功率与输入功率之比 | | 17 | 转向盘自由行程 | 转向盘在空转阶段中的角行程 | | 18 | 摩擦制动器 | 凡利用固定元件与旋转元件工作表面的摩擦作用产生制动力矩的制动器 | | 19 | 领蹄 | 制动蹄张开时的旋转方向与制动鼓的旋转方向相同（增势） | | 20 | 从蹄 | 制动蹄张开时的旋转方向与制动鼓的旋转方向相反（减势） | ## 二、汽车构造填空题汇总 | 序号 | 主题/部件 | 内容 | | ---- | -------------------- | ------------------------------------------------------ | | 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 | 摩擦制动器分类 | **鼓式**和**盘式** | ## 三、功用汇总 - 1. | 部件/系统 | 功用 | | -------------------------------- | ------------------------------------------------------------ | | **离合器** | 1. **保证汽车平稳起步**：起步时主从动部分通过滑磨，转速逐渐接近，确保起步平稳；
2. **保证变速器换挡工作平顺**：换挡时分离切断动力传递，减轻齿轮齿间冲击；
3. **防止传动系统过载**：转矩超过最大传递转矩时主从动部分滑磨，防止过载 | | **变速器** | 1. 改变传动比，扩大驱动轮转矩和转速的变化范围，适应行驶条件变化；
2. 在发动机旋转方向不变前提下，使汽车能倒退行驶；
3. 利用空挡，中断动力传递，便于启动怠速、换挡或动力输出 | | **同步器** | 使接合套与待啮合齿圈迅速同步，缩短换挡时间，防止啮合时产生结合齿之间的冲击 | | **液力变矩器** | 起到离合器的作用，传递或切断发动机与自动变速器传动机构之间的动力。

恶习-烟，熬夜。迷失

Wed, 24 Jun 2026 02:31:08 +0000

## 烟说句不敞亮的话，我花费烟的钱，可以让我不再这么颓废了。

博客完整说明指南

Tue, 23 Jun 2026 05:41:46 +0000

ΔιάΝους 博客完整说明指南

这份文档是你这个博客的「使用手册 + 功能清单 + 维护说明」，存档备查用。

自卑与超越

Tue, 23 Jun 2026 04:17:37 +0000

本来是测试用的，不知道可不可以。

考试安排

Mon, 22 Jun 2026 09:05:54 +0000

# 考试安排科目 | 日期 | 时间 | 地点 -- | -- | -- | -- **汽车构造** | 7月7日 | 8:30–10:30 | 10#205 **汽车电器** | 7月9日 | 8:30–10:30 | 12#207 **汽车电池** | 7月10日 | 8:30–10:30 | 10#204。

chronicle data

Mon, 22 Jun 2026 05:02:14 +0000

{ 'years': [2026], 'categories': [ {'key': 'event', 'label': '事件'}, {'key': 'media', 'label': '书视事'}, {'key': 'posters', 'label': '海报墙'} ], 'data': { '2026': { 'event': [ { 'month': '6月', 'city': '宁夏', 'items': [ {'title': '创建博客', 'url': ''}, {'title': '历代更迭', 'url': ''} ] } ], 'media': [], 'posters': [] } } } 。

Plan

Sun, 21 Jun 2026 08:26:50 +0000

1. 学会issue的使用 2. 学会自己博客架构，并生成指南。

四级清单

Fri, 12 Jun 2026 19:05:43 +0000

# 作文 ## The controversy surrounding () has fueled public discussions for long time,As modern society advances at a staggering pace in recent decades. People from diverse fields are playing more heed to this topic.people hold vastly different standards. I Find myself more inclined to endorse My reasoning is elaborate as follows ## Here are the 3 universal reasons, causes, and solutions — condensed and elevated: ① Social Evolution • Why: Society’s rapid advancement has dramatically shifted public attitudes toward [topic] • Evidence: Explosive growth in active participants • How: Leverage mobile internet’s unprecedented speed to spread awareness and strengthen the [trend/consciousness] ② Information Proliferation • Why: The mobile internet era enables information to travel faster than ever before • Evidence: A measurable surge in [X behavior/awareness] • How: Harness digital platforms to accelerate the dissemination of ideas around [topic] ③ Government-Driven Momentum • Why: Active policy advocacy and institutional incentives mobilize societal engagement with [topic] • Evidence: Public campaigns emphasizing its importance, backed by tangible benefits (tax relief, funding support) • How: Align with government initiatives — ride the policy wave and leverage structural support to drive progress ## 最后 Considering all aspects of this issue, the government/we has/have the responsibility to educate/encourage every citizen to do sth(/the public should enhance the consciousness of …sth/doing sth/not doing sth). Only in this way can we build the community of a shared future.(/Only in this way can we make our society more diverse, robust and vigorous.) 议论文常用关系词英文版 1. 表示因果关系 | Cause and Effect A. 因为/由于 |英文 |用法 |例句 | |---------------|---------|------------------------------------------------------| |**because** |最基础，口语常用 |Because of the rapid development, society has changed.| |**since** |较正式，已知事实 |Since technology advances rapidly, we must adapt. | |**as** |正式，原因明显 |As is known, education is crucial for development. | |**due to** |正式，表示直接原因|Due to mobile internet, information spreads faster. | |**owing to** |正式，书面语 |Owing to government policies, the situation improved. | |**in that** |正式解释 |Success is possible in that we have support. | |**inasmuch as**|文言性强 |Inasmuch as resources are limited, we must be careful.| B. 所以/因此 |英文 |用法 |例句 | |-------------------|-------|------------------------------------------------------| |**so** |最基础，常用 |The policy is important, so we must support it. | |**therefore** |正式，书面语 |The facts are clear; therefore, the answer is obvious.| |**thus** |正式，学术文体|Thus, we can conclude that education is vital. | |**as a result** |结果导向 |As a result of government support, progress was made. | |**consequently** |正式后果 |Consequently, society became more diverse. | |**for this reason**|直接因果 |For this reason, we must act now. | |**accordingly** |相应地 |Accordingly, measures should be taken immediately. | |**hence** |正式，古风 |Hence, the solution is clear to all. | 2. 表示转折关系 | Contrast and Opposition A. 但是/然而/虽然 |英文 |用法 |例句 | |---------------------|----------|-----------------------------------------------------------| |**but** |最常用，口语正式通用|It’s important, but difficult to implement. | |**however** |正式转折，独立使用 |However, some disagree with this view. | |**yet** |强烈转折，文学性 |The idea is appealing, yet impractical. | |**nevertheless** |正式让步转折 |Nevertheless, we must persist in our efforts. | |**still** |依然、仍然 |It is challenging; still, we must try. | |**though** |让步转折 |Though difficult, it is not impossible. | |**although** |让步转折，正式 |Although critics disagree, evidence supports this. | |**on the other hand**|另一方面对比 |On the other hand, some argue differently. | |**in contrast** |鲜明对比 |In contrast, the old method was ineffective. | |**conversely** |相反地 |Conversely, the new approach is efficient. | |**by contrast** |通过对比 |By contrast, younger people adapt faster. | |**while** |对比关系 |While some succeed, others struggle. | |**whereas** |正式对比 |Whereas traditional methods are slow, modern ones are fast.| 3. 表示递进关系 | Progression and Addition A. 而且/并且/更加 |英文 |用法 |例句 | |---------------------|--------|----------------------------------------------------| |**and** |最基础，常用 |Education is important, and it’s beneficial. | |**moreover** |此外，更重要的是|Moreover, this approach saves resources. | |**furthermore** |进一步，更加 |Furthermore, research proves its effectiveness. | |**besides** |除此之外 |Besides, the cost is reasonable. | |**in addition** |另外，补充 |In addition, many countries have adopted it. | |**additionally** |补充说明 |Additionally, the results are impressive. | |**what’s more** |更加，口语 |What’s more, it benefits all citizens. | |**not only…but also**|不仅…而且 |Not only is it effective, but also affordable. | |**as well** |也、同样 |Young people benefit, and so do the elderly as well.| |**too** |也，附加 |This method works in other countries, too. | |**in particular** |特别是，尤其 |In particular, urban areas see rapid change. | |**especially** |尤其，特别 |Especially for young people, this is crucial. | 4. 表示让步关系 | Concession A. 虽然/尽管 |英文 |用法 |例句 | |-------------------|-------|---------------------------------------------------------| |**although** |正式让步 |Although it’s difficult, we must try. | |**though** |口语正式通用 |Though expensive, it’s worth the investment. | |**even though** |强调让步 |Even though critics object, evidence supports it. | |**even if** |即使条件 |Even if we fail, we gain experience. | |**while** |虽然但是 |While some disagree, most support this view. | |**whereas** |尽管对比 |Whereas old methods are slow, this is fast. | |**in spite of** |尽管（+名词）|In spite of challenges, we succeeded. | |**despite** |尽管（+名词）|Despite opposition, the plan moved forward. | |**notwithstanding**|尽管（文言） |Notwithstanding difficulties, progress was made. | |**admittedly** |诚然、无可否认|Admittedly, the cost is high, but benefits are greater. | |**it is true that**|诚然…是真的 |It is true that risks exist, but rewards are substantial.| 5. 表示并列关系 | Coordination A. 同时/另外 |英文 |用法 |例句 | |--------------|----|--------------------------------------------------| |**and** |最基础 |Education develops minds, and it builds character.| |**both…and** |两者都 |Both government and citizens must participate. | |**as well as**|也、还有|Teachers, as well as parents, play crucial roles. | |**(,) and** |列举多项|Speed, efficiency, and cost-effectiveness matter. | |**also** |也、同样|This applies to developing countries, also. | 6. 表示对比/排列关系 | Enumeration and Listing A. 首先/其次/最后 |英文 |用法 |例句 | |-------------------------------------|--------|---------------------------------------------------------------| |**first(ly)** |首先 |First, consider the economic impact. | |**second(ly)** |其次 |Secondly, social benefits are significant. | |**third(ly)** |第三 |Thirdly, environmental advantages exist. | |**finally** |最后 |Finally, we must ensure sustainability. | |**lastly** |最后（收尾） |Lastly, implementation requires planning. | |**in the first place** |首先，首要 |In the first place, evidence is compelling. | |**on the one hand…on the other hand**|一方面…另一方面|On the one hand, benefits are clear; on the other, risks exist.| |**meanwhile** |同时、与此同时 |Meanwhile, other countries are advancing. | 7. 表示总结/概括 | Summary and Conclusion A. 总之/综上所述 |英文 |用法 |例句 | |-----------------|------|-------------------------------------------| |**in conclusion**|总而言之 |In conclusion, education is essential. | |**to conclude** |最后 |To conclude, the evidence is overwhelming. | |**in sum** |简言之 |In sum, benefits outweigh costs. | |**in summary** |总结 |In summary, three factors are critical. | |**to sum up** |总结 |To sum up, we must act decisively. | |**in short** |简而言之 |In short, this solution is viable. | |**in brief** |简明扼要 |In brief, success requires effort. | |**ultimately** |最终、根本上|Ultimately, society will benefit greatly. | |**all in all** |总的来说 |All in all, this is the right choice. | |**in essence** |本质上 |In essence, this supports human progress. | |**on balance** |总体而言 |On balance, the advantages are significant.| 8. 表示举例 | Exemplification A. 例如/比如 |英文 |用法 |例句 | |--------------------|-------|--------------------------------------------------------------------| |**for example** |例如 |For example, China has implemented this policy. | |**for instance** |例如 |For instance, mobile technology spreads rapidly. | |**such as** |例如、像 |Countries such as Japan have adopted this. | |**like** |像、比如 |Cities like Beijing and Shanghai show this trend. | |**a case in point** |一个恰当的例子|A case in point is the rapid urbanization. | |**take…for example**|以…为例 |Take education for example, it’s crucial. | |**to illustrate** |为了说明 |To illustrate, consider the following data. | |**namely** |即、也就是说 |Success requires three things, namely: effort, time, and commitment.| |**that is (to say)**|也就是说 |The core issue, that is, education, must improve. | 9. 表示强调 | Emphasis A. 确实/无疑 |英文 |用法 |例句 | |--------------------|-----|-------------------------------------------------------| |**indeed** |确实、的确|Indeed, evidence supports this claim strongly. | |**certainly** |当然 |This is certainly the right approach. | |**undoubtedly** |无疑地 |Undoubtedly, this policy will succeed. | |**obviously** |明显地 |Obviously, the need for change is urgent. | |**clearly** |清楚地 |Clearly, the benefits are substantial. | |**surely** |当然、肯定|This will surely lead to progress. | |**absolutely** |绝对地 |This is absolutely necessary for development. | |**it is clear that**|很明显 |It is clear that action is needed. | |**no doubt** |毫无疑问 |No doubt, this is the best solution. | |**without question**|毫无疑问 |Without question, results will be positive. | |**admittedly** |诚然 |Admittedly, challenges exist, but we can overcome them.| 10. 表示条件关系 | Condition A. 如果/假如 |英文 |用法 |例句 | |---------------------|-------|-------------------------------------------------| |**if** |如果 |If we invest in education, society will improve. | |**unless** |除非 |Unless we act now, problems will worsen. | |**provided that** |假如、若…的话|Provided that resources exist, we can succeed. | |**on condition that**|条件是… |On condition that everyone cooperates, we’ll win.| |**as long as** |只要 |As long as we persist, success is possible. | |**only if** |仅当 |Only if we invest heavily can we achieve results.| |**in case** |以防万一、假如|In case problems arise, we have backup plans. | 11. 表示目的 | Purpose A. 为了/以便 |英文 |用法 |例句 | |----------------------|-----|----------------------------------------------------------| |**to/in order to** |为了 |To achieve success, we must plan carefully. | |**so that** |以便 |We educate citizens so that they understand. | |**in order that** |为了…能 |In order that progress continues, innovation is essential.| |**for the purpose of**|为了…目的|For the purpose of development, policies were created. | |**with the aim of** |旨在 |With the aim of improvement, reforms were introduced. | |**with a view to** |为了 |With a view to success, strategies were devised. | 12. 表示程度/范围 | Degree and Scope A. 几乎/完全/相当 |英文 |用法 |例句 | |---------------------|---------|---------------------------------------------| |**almost** |几乎 |Almost all nations recognize this principle. | |**virtually** |几乎 |This is virtually impossible without support.| |**completely** |完全 |The situation has completely transformed. | |**entirely** |全部地 |This view is entirely incorrect. | |**quite** |相当、非常 |The results are quite impressive. | |**rather** |相当、有点 |This is rather challenging to implement. | |**fairly** |相当 |The approach is fairly straightforward. | |**somewhat** |有点、在某种程度上|The method is somewhat controversial. | |**to some extent** |在某种程度上 |To some extent, both views have merit. | |**to a large extent**|在很大程度上 |To a large extent, success depends on effort.| 议论文万能关系词模板 |段落位置 |关键词汇 |例句 | |--------|-----------------------------------------|-----------------------------------------------------------| |**开头论证**|Because/Since/As/Due to |Because of rapid development, society changes. | |**列举论点**|First/Second/Third/Moreover |First, education is crucial. Moreover, it builds character.| |**让步反驳**|Although/Even though/Admittedly |Although critics disagree, evidence supports this. | |**对比强调**|However/On the other hand/In contrast |However, new methods are more efficient. | |**举例说明**|For example/For instance/Such as |For example, China has shown this works. | |**递进深化**|Furthermore/What’s more/Not only…but also|Furthermore, long-term benefits are significant. | |**结论总结**|In conclusion/To sum up/Ultimately |In conclusion, this is the best approach. | 高分议论文关系词搭配开头段 Due to [事实], society has experienced [变化]. Since [现象], [结论] is evident. As is known, [共识]. 主体段 First/Secondly/Thirdly, [论点1]. Moreover, [论点2]. Furthermore, [论点3]. Therefore/Thus, [总结]. 让步段 Although some argue that [反方观点], evidence clearly shows that [正方观点]. Admittedly, [承认点], yet/nevertheless, [驳斥点] is more significant. While [对方观点] has merit, [自方观点] is ultimately superior. 结论段 In conclusion, considering all factors, we must [行动]. Only in this way can we [目标]. Therefore, it is imperative that [强调]. 使用建议： 1. 正式文体 → 优先使用 therefore, moreover, furthermore, however, in conclusion 2. 口语文体 → 可使用 so, and, but, also, for example 3. 学术风格 → 多用 thus, hence, consequently, in addition, notwithstanding 4. 避免重复 → 同一篇文章不要频繁使用同一个关系词，要变换使用。

本站js，css，指南

Fri, 12 Jun 2026 12:43:52 +0000

# Luliy Blog 增强系统完全指南 > `enhance.js v10` + `enhance.css v9` — 功能说明 · DIY 方法 · 运行原理 ## 1. 系统总览整个增强系统由两个文件构成，以**模块化方式**挂载在一个 IIFE（立即执行函数）里，避免污染全局命名空间： ``` enhance.js → 行为层（DOM 构建 / 事件 / 动画 / 数据读取） enhance.css → 样式层（主题变量 / 布局 / 过渡动画） ``` **启动流程：** ``` 页面加载开始 ↓ ① initLocalStorage() — 补全缺失的 localStorage 默认值 ② FOUC 防闪烁块 — 立即读取保存的主题/背景，写入 body ③ initSakura() — 若已开启，尽早启动 canvas（避免延迟） ↓ DOMContentLoaded ④ ready() 回调 — 初始化所有模块 ⑤ 页面类型判断 — isPost → initPost() / isIndex → initIndex() ``` 所有滚动监听统一经过 **`onScrollRAF`** 调度器，合并到单个 `requestAnimationFrame` 帧里执行，避免多个模块各自注册 scroll 事件造成卡顿。

CET短文

Thu, 11 Jun 2026 18:23:12 +0000

# 四六级必考词汇 · 分类短文 ## 一、时政类 Politics & Current Affairs ### Passage 1: China’s Development and Reform Since the Reform and Opening up, China has undergone dramatic transformation. The Belt and Road Initiative has become a cornerstone of international cooperation. Urbanization has accelerated rapidly, while Rural Revitalization programs have been established to address regional disparities. The government has made significant efforts in Poverty Alleviation to improve living standards across the nation. Enhanced Productivity and High-quality Development have become central to Chinese Modernization strategies. Infrastructure projects like High-speed Rail systems have revolutionized transportation, connecting the Yangtze River Delta and Pearl River Delta regions. The Greater Bay Area initiative promotes integration between cities. Free Trade Zones and Pilot Free Trade Zones serve as experimental grounds for economic innovation. Meanwhile, the Silver Economy has emerged as governments recognize the needs of aging societies. Elderly Care and Elderly Care Services have become priorities, supported by robust Social Welfare and Social Security systems. 自改革开放以来，中国经历了翻天覆地的变化。

CET4高频词汇与文章

Thu, 11 Jun 2026 18:22:31 +0000

# 四六级必考词汇 > 来源：瑞斯拜《考前50分系列》26年新版 | BV1FAEi6DEiT ----- ## 一、时政类 Politics & Current Affairs |中文 |English |备注 | |--------|---------------------------------------|---------------------------------| |改革开放 |Reform and Opening up |专有名词要大写；常与 since 连用 | |一带一路（倡议）|Belt and Road (Initiative) |initiative = 倡议/措施 | |城市化 |Urbanization |urban 城市的 + -ization 后缀 | |乡村的 |Rural |与 urban 相对 | |乡村振兴 |Rural Revitalization |revitalization 振兴 | |扶贫/减轻贫困 |Poverty Alleviation / Alleviate Poverty|alleviate 减轻 | |生产力 |Productivity | | |高质量发展 |High-quality Development | | |中国式现代化 |Chinese Modernization |modernization 与 urbanization 后缀相同| |高铁 |High-speed Rail |high-speed rail station 高铁站 | |长江三角洲 |Yangtze River Delta |delta = 三角洲 | |珠江三角洲 |Pearl River Delta | | |大湾区 |Greater Bay Area |专有名词大写 | |自贸区 |Free Trade Zone | | |自贸试验区 |Pilot Free Trade Zone |pilot = 试验性的 | |银发经济 |Silver Economy | | |老龄化社会 |Aging Society | | |养老 |Elderly Care |elderly 老人；care 照顾 | |养老服务 |Elderly Care Service | | |社会福利 |Social Welfare | | |社会保障/社保 |Social Security |security = 安全 | ----- ## 二、科技类 Technology & AI |中文 |English |备注 | |----------|------------------------------------------------------|------------------------------| |人工智能 |Artificial Intelligence (AI) |artificial 人造的 vs manual 手工的 | |智能体（第二代AI）|AI Agent |能直接帮你干活 | |大语言模型 |Large Language Model (LLM) |第一代AI，只能回答问题 | |智能的 |Smart |smart phone/car/device/economy| |词元/令牌 |Token |原意为游戏币 | |虚拟货币 |Cryptocurrency |crypto 虚拟的 + currency 货币 | |数字经济 |Digital Economy | | |数字化 |Digitalization | | |电子商务 |E-commerce | | |区块链 |Blockchain |比特币的技术基础 | |算法 |Algorithm |阅读高频词 | |社交媒体 |Social Media |social media platform 平台 | |大数据 |Big Data | | |云计算 |Cloud Computing | | |虚拟现实 |Virtual Reality (VR) |virtual 虚拟的 + reality 现实 | |混合现实 |Mixed Reality (MR) | | |增强现实 |Augmented Reality (AR) |支付宝扫红包/福袋 | |无人驾驶 |Driverless Car / Autonomous Vehicle / Self-driving Car|三种说法 | |辅助驾驶 |Assisted Driving |国内现用说法 | |新能源 |Renewable Energy |renewable 可再生的 | |电池 |Battery | | |太阳能 |Solar Power | | |风能 |Wind Power | | |水电力 |Hydropower | | |网络安全 |Cyber Security |cyber = 赛博 | |隐私 |Privacy | | |数据安全 |Data Security | | |物联网 |Internet of Things (IoT) | | ----- ## 三、社会文化类 Social & Workplace Culture |中文 |English |备注 | |---------|---------------------------------------|-------------------------| |歧视 |Discrimination | | |偏见 |Bias / Prejudice |Pride and Prejudice 傲慢与偏见| |刻板印象 |Stereotype | | |陈词滥调 |Cliche | | |职场歧视 |Workplace Discrimination | | |性别主义 |Sexism |对女性的偏见 | |种族主义 |Racism | | |职业发展 |Career Development | | |辞职 |Quit / Resign |两个一起记 | |失业 |Unemployment | | |同辈压力 |Peer Pressure |“人比人气死人” | |工作生活平衡 |Work-life Balance | | |终身学习 |Lifelong Learning | | |传统的 |Traditional / Conventional |可替换使用 | |风俗/习俗 |Custom | | |非物质文化 |Intangible Culture |intangible 不可触摸的 | |传承 |Inherit | | |匠人精神/精湛工艺|Craftsmanship / Exquisite Craftsmanship|exquisite 精湛的 | |国宝 |National Treasure | | |朝代 |Dynasty |如 Tang Dynasty（大写） | |象征 |Symbol / Symbolize / Symbolic |三种词性 | |繁荣 |Prosperity (n.) / Prosperous (adj.) | | |共同富裕 |Common Prosperity |不要写成 commonwealth | |仪式 |Ceremony / Ritual |仪式感 | ----- ## 四、校园类 Campus |中文 |English |备注 | |--------|----------------------------------|-------------------| |大一新生 |Freshman |“小鲜肉” | |大二学生 |Sophomore |谐音 suffer more 遭更多罪| |大三学生 |Junior Student | | |大四学生 |Senior Student / Graduate Student | | |研究生 |Postgraduate |毕业以后继续读 | |硕士 |Master |学位 | |博士 |Doctorate / PhD | | |本科 |Undergraduate | | |本科学位 |Bachelor Degree |bachelor = 单身汉 | |学院/大学 |College / University |区别不大 | |专科（美国） |Community College | | |校园 |Campus | | |校医院 |Clinic | | |图书馆 |Library | | |食堂 |Dining Hall | | |宿舍 |Dormitory | | |讲座/大课 |Lecture |大学上课不叫 have class | |课程大纲 |Curriculum | | |课外的 |Extra Curricular |extra = 之外 | |课外活动 |Extra Curricular Activities | | |讲师 |Lecturer | | |教授 |Professor | | |副教授 |Associate Professor | | |导师 |Tutor | | |教职员工 |Faculty |区分 facility（设施设备） | |作业（大学） |Assignment |来自 assign 分配 | |讲义/手册 |Handout | | |实习 |Internship | | |实地工作/调研 |Field Work | | |实地考察 |Field Trip | | |网课/在线教育 |Online Courses / Online Education | | |慕课 |MOOC (Massive Open Online Courses)| | |远程教育 |Distance Learning | | |远程医疗 |Telemedicine |tele = 远程 | |填鸭式学校/补习|Cram School | | |论文 |Thesis | | |抄袭 |Plagiarism | | |AI生成的抄袭 |AI-generated Plagiarism | | |学费 |Tuition | | |奖学金 |Scholarship | | |证书 |Certificate |如四六级证书 | ----- ## 五、医疗类 Health & Medicine |中文 |English |备注 | |--------|----------------------------------|-----------------------| |医疗的 |Medical | | |药物 |Medicine | | |健康 |Health / Fitness | | |药丸 |Pill | | |胶囊 |Capsule | | |生病 |Illness |小病 | |疾病 |Disease |大病，不看医生会死 | |糖尿病 |Diabetes | | |心脏病 |Heart Disease / Heart Attack | | |中风 |Stroke |血管堵塞 | |高血压 |High Blood Pressure / Hypertension|四级/六级不同说法 | |肥胖 |Obesity (n.) / Obese (adj.) |比 fat 高级 | |免疫力 |Immunity | | |免疫系统 |Immune System | | |细菌 |Bacteria | | |病毒 |Virus | | |微生物 |Micro-organism |micro 微小 + organism 有机物| |接种疫苗 |Vaccination / Vaccinate | | |流行病 |Epidemic / Pandemic | | |口罩 |Face Mask | | |火了/病毒式传播|Go Viral |You just went viral! | |痴呆 |Dementia |老年痴呆 | |症状 |Symptom | | |诊断 |Diagnose (v.) / Diagnosis (n.) | | |心理状况 |Mental State | | |焦虑症 |Anxiety | | |抑郁症 |Depression / Depressed | | |感染 |Infection | | |注射 |Injection |打针/打点滴 | ----- ## 六、经济发展类 Economic Development |中文 |English |备注 | |-------|----------------------|-----------------------------------| |税 |Tax | | |征税 |Taxation / Levy tax on|levy 征收 | |关税 |Tariff |进出口相关 | |财政的/财务的|Financial / Fiscal |可替换 | |民营经济 |Private Economy | | |国有经济 |State-owned Economy | | |营商环境 |Business Environment |improve business environment 优化营商环境| |先进制造业 |Advanced Manufacturing| | |供应链 |Supply Chain | | |产业链 |Industrial Chain | | |连锁店 |Chain Shop | | |通货膨胀 |Inflation |货币贬值 | |通货紧缩 |Deflation |货币增值 | |经济刺激 |Stimulus |stimulate 刺激 | ----- ## 七、环保类 Environmental Protection |中文 |English |备注 | |-----|--------------------------------|-----------------------| |环境友好型|Environmentally Friendly | | |环境保护 |Environmental Protection | | |污染 |Pollution | | |全球变暖 |Global Warming | | |气候变化 |Climate Change |考了无数次 | |极端天气 |Extreme Weather | | |灾难 |Disaster | | |地震 |Earthquake | | |洪水 |Flood | | |干旱 |Drought | | |生态系统 |Ecosystem | | |生态的 |Ecological | | |生物多样性|Biodiversity |bio 生物的 + diversity 多样性| |碳中和 |Carbon Neutrality | | |二氧化碳 |Carbon Dioxide | | |温室气体 |Greenhouse Gas | | |温室效应 |Greenhouse Effect | | |可持续发展|Sustainable Development | | |排放 |Emission / Emit |greenhouse gas emission| |砍伐森林 |Deforestation |de- 去掉 + forest 森林 | |植树造林 |Afforestation / Plant more trees| | |回收 |Recycle | | ----- ## 八、作文写作类 Writing & Exam |中文 |English |备注 | |------|-------------------|-------| |投稿/提交 |Submission |议论文常用 | |提案/建议书|Proposal |应用文 | |简历 |Resume | | |申请 |Application / Apply| | |通知 |Notice | | |公告 |Announcement | | |新闻报道 |News Report |2016年考过| |介绍 |Introduction | | |总结 |Summary | | |调查 |Survey | | |广告 |Advertisement | | ----- ## 九、科研实验类（阅读高频）Research & Experiments ### 实验主题词 |中文 |English | |-------|-----------------| |实验 |Experiment | |项目 |Project / Program| |研究 |Study | |调查 |Survey | |投票/民意测验|Poll | ### 实验目的 |中文|English | |--|-----------------------------------------------------| |目标|Aim / Objective / Purpose / Intention / Target / Goal| > ⚠️ 注意：objective 除了”客观的”，还有”目标”的意思！ ### 实验措施 |中文|English | |--|------------------------------------------------------| |措施|Practice / Means / Initiative / Measure / Method / Way| ### 实验结果 |中文 |English | |-----|---------------------------------------------------| |表明/显示|Show / Indicate / Illustrate / Reveal / Demonstrate| |结果 |Consequence / Result | ### 实验参与者 |中文 |English | |-------|------------------------| |受访者/参与者|Respondent / Participant| ----- ## 易混淆词辨析 |词 |含义 |易混词 |含义 | |-------------|-------|-------------|----| |Faculty |教职员工 |Facility |设施设备| |Artificial |人造的（AI）|Manual |手工的 | |Urbanization |城市化 |Modernization|现代化 | |Bachelor |学士/单身汉 |- |- | |Inflation |通货膨胀 |Deflation |通货紧缩| |Afforestation|植树造林 |Deforestation|砍伐森林| -----。

gmeek

Thu, 11 Jun 2026 09:38:58 +0000

Luliy 博客功能清单 - 完整280个 > ✅ = 强烈推荐 | ⚡ = 简单 | 🔧 = 需要写代码 | 🚀 = 进阶 --- ## 🟢 简单类 | # | 功能 | |---|------| | 1 | ⚡ 随机文章按钮🎲 | | 2 | ⚡ 控制台彩蛋ASCII艺术字 | | 3 | ⚡ 宇宙年龄对比页脚 | | 4 | ⚡ 博客纪念日倒计时 | | 5 | ⚡ 打字机Banner逐字显示 | | 6 | ⚡ 今天是什么节气 | | 7 | ⚡ 生命的意义=42彩蛋 | | 8 | ⚡ 页脚随机古诗词 | | 9 | ⚡ 外链箭头悬停才显示 | | 10 | ⚡ Toast操作提示 | | 11 | ⚡ 代码块语言标签 | | 12 | ⚡ 文章点赞按钮 | | 13 | ⚡ 宇宙热寂倒计时 | | 14 | ⚡ 写作连续打卡天数 | | 15 | ⚡ Konami Code彩蛋↑↑↓↓←→ | | 16 | ⚡ 博主不在线提示（N天未更新） | | 17 | ⚡ 新文章发布横幅提示 | | 18 | ⚡ 文章难度标签🟢🟡🔴 | | 19 | ⚡ 印章落款效果 | | 20 | ⚡ 多语言欢迎语随机切换 | --- ## 🟡 中等类 | # | 功能 | |---|------| | 21 | ✅ 全站搜索功能 | | 22 | ✅ 首页分类标签筛选 | | 23 | ✅ 灯箱左右切换图片 | | 24 | ✅ Toast操作反馈提示 | | 25 | 🔧 文章收藏夹本地存储 | | 26 | 🔧 字体大小A+/A-调节 | | 27 | 🔧 专注阅读模式 | | 28 | 🔧 文章二维码分享 | | 29 | 🔧 进度条颜色跟随皮肤 | | 30 | 🔧 段落悬停高亮 | | 31 | 🔧 相关文章推荐（按标签） | | 32 | 🔧 首页无限滚动加载 | | 33 | 🔧 暗色卡片层次感优化 | | 34 | 🔧 移动端底部导航栏 | | 35 | 🔧 文章字数统计面板 | | 36 | 🔧 阅读进度记忆 | | 37 | 🔧 博客便签本 | | 38 | 🔧 文章朗读TTS | | 39 | 🔧 图片懒加载模糊渐入 | | 40 | 🔧 护眼模式米黄色背景 | | 41 | 🔧 沉浸阅读聚光灯模式 | | 42 | 🔧 行间距调节 | | 43 | 🔧 卡片点击涟漪效果 | | 44 | 🔧 醉酒模式彩蛋 | | 45 | 🔧 虫洞传送跳转动画 | | 46 | 🔧 博客占卜神谕 | | 47 | 🔧 文章完成度提示75% | | 48 | 🔧 外链安全离站提示 | | 49 | 🔧 一键复制文章链接 | | 50 | 🔧 划词翻译气泡 | | 51 | 🔧 阅读心情选择 | | 52 | 🔧 共读人数显示 | | 53 | 🔧 下拉刷新动画 | | 54 | 🔧 移动端手势左右翻页 | | 55 | 🔧 访客留言贴纸墙 | | 56 | 🔧 读者身份标签选择 | | 57 | 🔧 文章版本历史显示 | | 58 | 🔧 黑客模式Matrix字符雨 | | 59 | 🔧 镜像世界页面翻转 | | 60 | 🔧 放大镜鼠标模式 | --- ## 🔴 进阶类 | # | 功能 | |---|------| | 61 | ✅ 文章热力图GitHub风格 | | 62 | ✅ 页面加载动画全屏 | | 63 | ✅ 视差卡片3D倾斜效果 | | 64 | ✅ 星际跃迁页面跳转动画 | | 65 | 🚀 标签统计饼图Chart.js | | 66 | 🚀 文章时间线页面美化 | | 67 | 🚀 首页布局卡片/列表切换 | | 68 | 🚀 自定义主题色选择器 | | 69 | 🚀 系列文章顶部导航条 | | 70 | 🚀 文章封面自动生成渐变 | | 71 | 🚀 Service Worker离线缓存 | | 72 | 🚀 文章地图节点连线图 | | 73 | 🚀 博客年度报告可视化 | | 74 | 🚀 萤火虫夜间效果 | | 75 | 🚀 流体背景色块 | | 76 | 🚀 文章词云自动生成 | | 77 | 🚀 打字机终端开场动画 | | 78 | 🚀 水墨晕染中国风背景 | | 79 | 🚀 故障艺术Glitch标题 | | 80 | 🚀 引力波涟漪滚动效果 | | 81 | 🚀 磁力按钮跟随鼠标 | | 82 | 🚀 液态按钮变形效果 | | 83 | 🚀 博客大爆炸奇点开场 | | 84 | 🚀 卷轴展开文章动画 | | 85 | 🚀 霓虹灯标题发光效果 | | 86 | 🚀 滚动触发元素入场动画 | | 87 | 🚀 文章章节进度显示 | | 88 | 🚀 弹性滚动顶部回弹 | | 89 | 🚀 成就系统读者徽章 | | 90 | 🚀 签到功能每日打卡 | | 91 | 🚀 博主等级显示Lv.X | | 92 | 🚀 文章拼图还原挑战 | | 93 | 🚀 故事分支互动文章 | | 94 | 🚀 预加载下一篇文章 | | 95 | 🚀 字体切换多种选择 | | 96 | 🚀 竹简样式归档页 | | 97 | 🚀 像素风格主题切换 | | 98 | 🚀 老电视开机动画 | | 99 | 🚀 太阳风粒子方向感 | | 100 | 🚀 日冕头像发光效果 | --- ## 🤖 AI增强类 | # | 功能 | |---|------| | 101 | ✅ AI文章摘要Claude API | | 102 | 🚀 AI关键词提取 | | 103 | 🚀 AI相关文章推荐 | | 104 | 🚀 AI针对文章问答 | | 105 | 🚀 AI文章封面生成 | | 106 | 🚀 AI文章情绪分析 | | 107 | 🚀 AI写作助手提示 | --- ## 🎨 视觉装饰类 | # | 功能 | |---|------| | 108 | 🔧 雪花飘落效果 | | 109 | 🔧 树叶秋天飘落 | | 110 | 🔧 下雨效果+雨声 | | 111 | 🔧 彩虹特效按钮 | | 112 | 🔧 向日葵跟随鼠标 | | 113 | 🔧 蝴蝶跟随鼠标飞行 | | 114 | 🔧 蜘蛛网静止特效 | | 115 | 🔧 鱼缸背景游鱼 | | 116 | 🔧 星系粒子背景升级 | | 117 | 🔧 流星划过可许愿 | | 118 | 🔧 背景动态极光渐变 | | 119 | 🔧 卡片翻转显示摘要 | | 120 | 🔧 灯笼悬挂摆动 | | 121 | 🔧 毛笔字书写动画 | | 122 | 🔧 像素小人角落跑步 | | 123 | 🔧 CRT扫描线复古效果 | | 124 | 🔧 星座背景图案 | | 125 | 🔧 苔藓边缘生长 | | 126 | 🔧 波形可视化装饰 | | 127 | 🔧 草图手绘风格切换 | | 128 | 🔧 康定斯基抽象背景生成 | --- ## 🎵 音频类 | # | 功能 | |---|------| | 129 | 🔧 环境白噪音雨声森林 | | 130 | 🔧 机械键盘打字音效升级 | | 131 | 🔧 文章朗读速度调节 | | 132 | 🔧 背景音乐淡入淡出 | | 133 | 🔧 磁带播放器UI | --- ## ⌨️ 快捷键系统 | # | 功能 | |---|------| | 134 | 🔧 ?键弹出快捷键面板 | | 135 | 🔧 J/K上下篇跳转 | | 136 | 🔧 /键打开搜索框 | | 137 | 🔧 GH回首页GG回顶部 | --- ## 📊 数据可视化类 | # | 功能 | |---|------| | 138 | 🚀 文章热力图按日期 | | 139 | 🚀 标签分布饼图 | | 140 | 🚀 博客成长折线图 | | 141 | 🚀 文章相似度矩阵 | | 142 | 🚀 文章时长分布色块 | | 143 | 🚀 第四维度3D文章视图 | | 144 | 🚀 博客文章地图节点图 | --- ## 🏠 个人品牌类 | # | 功能 | |---|------| | 145 | 🚀 在线简历页/resume | | 146 | 🚀 GitHub项目展示墙 | | 147 | 🚀 技能树可视化 | | 148 | 🚀 人生进度条 | | 149 | 🚀 博客名片生成分享 | | 150 | 🚀 文章导出精美图片 | | 151 | 🚀 文章导出PDF | --- ## 🔐 隐私安全类 | # | 功能 | |---|------| | 152 | 🔧 局部内容单独加密 | | 153 | 🔧 访问时间限制解锁 | | 154 | 🔧 摩斯电码装饰彩蛋 | | 155 | 🔧 隐写术隐藏文字 | | 156 | 🔧 页面源码彩蛋注释 | --- ## 🎪 节日特效类 | # | 功能 | |---|------| | 157 | 🔧 博客生日撒彩带动画 | | 158 | 🔧 除夕跨年烟花特效 | | 159 | 🔧 万圣节幽灵主题 | | 160 | 🔧 圣诞节下雪戴帽 | | 161 | 🔧 春节红包雨 | | 162 | 🔧 高考加油横幅6月7日 | --- ## 🌌 宇宙主题类 | # | 功能 | |---|------| | 163 | 🚀 博客大爆炸奇点开场 | | 164 | 🚀 文章星球首页宇宙 | | 165 | 🚀 星际跃迁跳转动画 | | 166 | 🚀 引力波涟漪滚动 | | 167 | 🚀 宇宙广播电波动画 | | 168 | 🚀 流星划过许愿功能 | | 169 | 🚀 脉冲星发文频率 | | 170 | 🚀 暗能量进度条升级 | | 171 | 🚀 宇宙微波背景噪点 | | 172 | 🚀 黑洞吸入重载动画 | | 173 | 🚀 虫洞文章传送 | | 174 | 🚀 太阳系时钟 | | 175 | 🚀 星际文明等级显示 | --- ## 🧪 实验性功能 | # | 功能 | |---|------| | 176 | 🚀 语音导航命令 | | 177 | 🚀 手势翻页摄像头 | | 178 | 🚀 观测者效应段落发光 | | 179 | 🚀 眼动追踪模拟 | | 180 | 🚀 量子随机诗生成 | --- ## 🔬 开发者工具类 | # | 功能 | |---|------| | 181 | 🔧 Ctrl+Shift+D调试面板 | | 182 | 🔧 插件管理可视化面板 | | 183 | 🔧 性能监控FPS悬浮窗 | | 184 | 🔧 JS错误自动上报Issue | | 185 | 🔧 主题实时预览 | --- ## 🎭 荒诞彩蛋类 | # | 功能 | |---|------| | 186 | 🔧 文字翻转恶作剧 | | 187 | 🔧 橡皮泥标题揉捏 | | 188 | 🔧 博客时钟屏保5分钟 | | 189 | 🔧 时间胶囊未来信件 | | 190 | 🔧 薛定谔的文章 | | 191 | 🔧 平行宇宙1%概率 | | 192 | 🔧 熵增页面效果 | | 193 | 🔧 博客墓志铭生成器 | | 194 | 🔧 博客变游戏平台跳跃 | | 195 | 🔧 文章迷宫还原 | | 196 | 🔧 图灵测试对话框 | | 197 | 🔧 文章时光机模拟 | --- ## 🌿 自然生物类 | # | 功能 | |---|------| | 198 | 🔧 重力粒子堆积 | | 199 | 🔧 布料模拟横幅 | | 200 | 🔧 弹珠板卡片掉落 | | 201 | 🔧 沙粒文字聚合 | | 202 | 🔧 萤火虫聚集鼠标 | | 203 | 🔧 蚂蚁搬运文章标题 | | 204 | 🔧 蜘蛛网织造效果 | --- ## 🌍 国际化类 | # | 功能 | |---|------| | 205 | 🔧 中英文之间自动加空格 | | 206 | 🔧 全文机器翻译按钮 | | 207 | 🔧 高对比度无障碍模式 | | 208 | 🔧 文字间距阅读障碍模式 | --- ## 📅 时间日历类 | # | 功能 | |---|------| | 209 | 🚀 文章日历视图 | | 210 | 🔧 今日节气节日显示 | | 211 | 🔧 写作连续打卡🔥 | | 212 | 🔧 博客时钟屏保 | --- ## 📱 多媒体类 | # | 功能 | |---|------| | 213 | 🔧 视频卡片B站嵌入 | | 214 | 🔧 音频播放器美化 | | 215 | 🔧 图片相册轮播模式 | | 216 | 🔧 图片对比拖动滑块 | | 217 | 🔧 图片点击下载按钮 | --- ## 🎯 通知提醒类 | # | 功能 | |---|------| | 218 | 🔧 新文章顶部横幅 | | 219 | 🔧 浏览器桌面通知 | | 220 | 🔧 标题消息提示升级 | --- ## 🗂️ 内容组织类 | # | 功能 | |---|------| | 221 | 🚀 专题合集页面 | | 222 | 🚀 文章系列导航条 | | 223 | 🚀 友链卡片自动抓取 | | 224 | 🔧 文章摘要自动截取 | | 225 | 🔧 置顶文章📌徽章动画 | --- ## 🏆 游戏化类 | # | 功能 | |---|------| | 226 | 🚀 读者成就系统徽章 | | 227 | 🚀 阅读排行榜Top5 | | 228 | 🔧 博主等级Lv.X显示 | | 229 | 🔧 每日签到功能 | | 230 | 🔧 打字速度挑战游戏 | | 231 | 🔧 今日运势随机生成 | --- ## 🛠️ 待修复问题 | # | 问题 | 优先级 | |---|------|--------| | 232 | 工具栏和TOC位置冲突 | 🔴高 | | 233 | 菜单手机端超出屏幕 | 🔴高 | | 234 | 低端设备性能优化 | 🟡中 | | 235 | 暗色卡片层次感不足 | 🟡中 | | 236 | Hero Banner间距写死 | 🟡中 | | 237 | TOC触发条件优化 | 🟢低 | | 238 | 外链↗箭头太密集 | 🟢低 | | 239 | 移动端按钮间距太小 | 🟢低 | --- ## 最推荐先做的10个 1. ✅ **全站搜索** — 最实用 2. ✅ **Toast提示** — 基础设施 3. ✅ **打字机Banner** — 简单效果好 4. ✅ **首页分类筛选** — 文章多了必备 5. ✅ **文章热力图** — 视觉好看 6. ✅ **AI文章摘要** — 已有API能力 7. ✅ **页面加载动画** — 第一印象 8. ✅ **视差卡片3D倾斜** — 立刻提升档次 9. ✅ **星际跃迁跳转** — 宇宙主题首选 10. ✅ **随机文章按钮** — 5分钟能做完 --- *共239个功能 + 修复项。

Luliy Blog 三件套完整说明书

Mon, 08 Jun 2026 15:28:11 +0000

# 🌸 Luliy Blog 三件套完整说明书 > 本文档用中文详细解释 `config.json`、`enhance.css`、`enhance.js` 三个文件的每一处功能、可修改的参数，以及新手如何理解和动手改动。

JS CSS 详解

Mon, 08 Jun 2026 14:14:40 +0000

# 📘 Luliy Blog v8 完整技术说明书 ## 一、架构总览 ``` Luliy Blog v8 ├── 📁 js/ │ └── main.js # 24个模块，按序加载 ├── 📁 css/ │ └── enhance.css # 27个区域，主题驱动 ├── 📄 config.json # 博客核心配置 ├── 📄 theme.json # 主题预设（4主题） └── 📄 manifest.json # PWA 配置 ``` **设计哲学**：模块化加载 → 主题变量驱动 → 渐进增强 --- ## 二、JS 模块详解 ### `Module 00` — Welcome Splash 欢迎闪屏 ```javascript // 功能：页面首次加载时的品牌展示动画 // 触发：sessionStorage 控制，同会话只显示一次 ``` | 属性 | 说明 | |------|------| | 触发条件 | `sessionStorage.getItem('visited') !== 'true'` | | 动画序列 | fadeIn → 品牌文字 → progress填充 → fadeOut | | 阻断性 | **阻塞后续模块加载**，动画完成后才执行 01-23 | **修改方式**： ```javascript // 修改动画时长（默认 2500ms） const SPLASH_DURATION = 3000; // 延长到3秒 // 修改显示频率：每次刷新都显示 // 删除或注释掉 sessionStorage 相关代码 // 自定义品牌文字 const BRAND_TEXT = 'Your Name'; // 替换 'Luliy' ``` --- ### `Module 01` — localStorage Init 本地存储初始化 ```javascript // 功能：建立持久化配置层，所有用户偏好保存于此 // 数据结构：{ theme, fontSize, reducedMotion, soundEnabled, ... } ``` | 存储键 | 用途 | 默认值 | |--------|------|--------| | `luliy_theme` | 当前主题ID | `'sakura'` | | `luliy_font` | 字体缩放级别 | `'md'` | | `luliy_motion` | 减少动画偏好 | `false` | | `luliy_sound` | 音效开关 | `true` | | `luliy_visited` | 访问标记（splash用）| — | **修改方式**： ```javascript // 新增自定义配置项 localStorage.setItem('luliy_customGrid', '3'); // 新增：网格列数 // 读取时 const gridCols = localStorage.getItem('luliy_customGrid') || '2'; ``` --- ### `Module 02` — Progress Bar 进度条 ```javascript // 功能：顶部阅读进度指示器 + 页面加载进度 // 双模式：loading（资源加载）| reading（滚动深度） ``` | 模式 | 触发条件 | 颜色来源 | |------|----------|----------| | Loading | `document.readyState !== 'complete'` | `--accent` | | Reading | 滚动事件 | 当前主题主色 | **修改方式**： ```javascript // 改为底部显示 const progressBar = document.createElement('div'); progressBar.style.top = 'auto'; progressBar.style.bottom = '0'; // 底部进度条 // 添加缓冲动画效果 progressBar.style.transition = 'width 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)'; ``` --- ### `Module 03` — Dynamic Title 动态标题 ```javascript // 功能：标签页失焦时显示自定义消息，吸引用户回流 ``` | 状态 | 标题变化 | |------|----------| | 页面可见 | 原始标题 `'文章标题 | Luliy Blog'` | | 页面隐藏 | `'(◍•ᴗ•◍) 快回来~' + 原始标题` | **修改方式**： ```javascript // 自定义失焦消息数组（随机轮换） const AWAY_MESSAGES = [ '✨ 发现好文不看完吗？', '🌸 樱花飘落中，等你回来', '📚 知识正在冷却...', '🎵 音乐暂停了' ]; // 根据页面类型定制 const isPostPage = location.pathname.includes('/post/'); const message = isPostPage ? '📖 读一半呢，别走~' : AWAY_MESSAGES[random]; ``` --- ### `Module 04` — Uptime Counter 运行时间计数器 ```javascript // 功能：显示博客自创建以来的运行时长 // 格式：X年X月X日 X时X分X秒 | 或精简版 ``` | 显示位置 | 默认 | 可选 | |----------|------|------| | Footer | 完整格式 | 精简图标版 | | 英雄区 | 无 | 徽章式 | **修改方式**： ```javascript // 修改起始时间（博客创建日期） const BIRTH_DATE = new Date('2020-03-15T00:00:00+08:00'); // 你的建站日 // 改为显示'本站已陪伴你'（访客视角） const visitorFirstVisit = localStorage.getItem('first_visit'); const displayTime = visitorFirstVisit ? timeSince(new Date(visitorFirstVisit)) // 个人视角 : timeSince(BIRTH_DATE); // 站点视角 ``` --- ### `Module 05` — Dark-mode Ripple 深色模式涟漪 ```javascript // 功能：主题切换时的视觉过渡效果 // 原理：点击位置创建 radial-gradient 扩散动画 ``` | 参数 | 说明 | |------|------| | 动画时长 | 600ms | | 缓动函数 | `cubic-bezier(0.4, 0, 0.2, 1)` | | 覆盖范围 | 全视口 | **修改方式**： ```javascript // 改为从中心扩散（而非点击位置） const centerX = window.innerWidth / 2; const centerY = window.innerHeight / 2; // 添加声音反馈（配合 Module 07） ripple.addEventListener('animationstart', () => { playSound('whoosh', 0.3); }); ``` --- ### `Module 06` — Static Background 静态背景 ```javascript // 功能：主题相关的背景图/渐变（v8移除粒子性能开销） // 替代方案：CSS 渐变 + 可选的轻量 SVG 纹理 ``` | 主题 | 背景类型 | |------|----------| | `sakura` | 粉色渐变 + 花瓣纹理 SVG | | `ocean` | 深蓝渐变 + 波浪 SVG | | `forest` | 绿色渐变 + 叶脉纹理 | | `stardust` | 深色渐变 + 星点 CSS | **修改方式**： ```css /* 添加自定义纹理 */ [data-theme='custom'] { --bg-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%); --bg-texture: url('data:image/svg+xml,%3Csvg width='60' height='60'...'); /* 内联 SVG */ } ``` --- ### `Module 07` — Web Audio SFX 音效系统 ```javascript // 功能：全站交互音效，基于 Web Audio API（非 HTML5 Audio） // 特点：零依赖、低延迟、可合成多种音色 ``` | 音效ID | 触发场景 | 音色类型 | |--------|----------|----------| | `click` | 按钮点击 | 短促正弦波 | | `hover` | 卡片悬停 | 轻柔八度 | | `switch` | 主题切换 | 滑音效果 | | `success` | 操作成功 | 和弦上升 | | `pop` | 菜单展开 | 气泡破裂 | | `type` | 打字机（可选）| 机械键盘 | **修改方式**： ```javascript // 添加新音效：页面滚动到特定区域的反馈 function playScrollZoneSound(zoneName) { const frequencies = { 'hero': 523.25, // C5 'content': 659.25, // E5 'footer': 783.99 // G5 }; playTone(frequencies[zoneName], 'sine', 0.15, 0.1); } // 全局静音检测（系统偏好） if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) { audioContext.suspend(); // 尊重用户系统设置 } ``` --- ### `Module 08` — Click Sparks 点击火花 ```javascript // 功能：鼠标点击位置生成粒子爆发效果 // 与 Module 16 樱花的区别：火花是瞬时爆发，樱花是持续环境 ``` | 参数 | 默认值 | 说明 | |------|--------|------| | 粒子数 | 8-12 | 随机 | | 颜色 | 当前主题 accent | 动态继承 | | 生命周期 | 600ms | CSS 动画 | | 物理 | 无重力 | 纯扩散 | **修改方式**： ```javascript // 添加重力效果（抛物线） spark.style.setProperty('--gravity', `${Math.random() * 50 + 20}px`); // CSS 配合 @keyframes spark-fall { 0% { transform: translate(0, 0) scale(1); } 100% { transform: translate(var(--tx), calc(var(--ty) + var(--gravity))) scale(0); } } // 右键特殊效果（爱心形状） document.addEventListener('contextmenu', (e) => { createHeartBurst(e.clientX, e.clientY); e.preventDefault(); }); ``` --- ### `Module 09` — Hero Cluster 英雄区集群 ```javascript // 功能：首页顶部核心信息展示区 // 组成：头像(avatar) + 站点名(name) + 实时时钟(clock) ``` ``` 布局结构： ┌─────────────────────────┐ │ ┌─────┐ │ │ │ 😊 │ Luliy │ │ │avatar│ 全栈开发者 │ │ └─────┘ ──── 14:32 │ │ [动态时钟] │ └─────────────────────────┘ ``` **修改方式**： ```javascript // 时钟改为多时区显示 const clocks = [ { zone: 'Asia/Shanghai', label: '北京' }, { zone: 'America/New_York', label: '纽约' }, { zone: 'Europe/London', label: '伦敦' } ]; // 头像添加状态指示（在线/忙碌/离线） const statusIndicator = document.createElement('div'); statusIndicator.className = `status ${getCurrentStatus()}`; // CSS: .status.online { border-color: #00c853; } ``` --- ### `Module 10` — Hero Banner 首页滚动折叠横幅 ```javascript // 功能：滚动时英雄区的视差+折叠效果 // 技术：scroll-driven animation (CSS) + JS fallback ``` | 滚动位置 | 效果 | |----------|------| | 0-100px | 正常显示，轻微视差 | | 100-300px | 高度压缩，元素淡出 | | >300px | 完全折叠为迷你导航栏 | **修改方式**： ```javascript // 改为横向滚动触发（适用于横向布局网站） const scrollProgress = container.scrollLeft / (container.scrollWidth - container.clientWidth); // 添加毛玻璃强度随滚动变化 const blurAmount = Math.min(scrollY / 10, 20); hero.style.backdropFilter = `blur(${blurAmount}px)`; ``` --- ### `Module 11` — Tag Page Search Toolbar 标签页搜索工具栏 ```javascript // 功能：标签聚合页面的高级筛选 // 特性：实时搜索、多标签交集筛选、排序切换 ``` | 功能 | 交互 | |------|------| | 搜索框 | 输入即时过滤，debounce 150ms | | 标签云 | 点击添加/移除筛选条件 | | 排序 | 时间/热度/字母 | | 视图 | 网格/列表切换 | **修改方式**： ```javascript // 添加正则搜索支持 const isRegex = searchTerm.startsWith('/'); const pattern = isRegex ? new RegExp(searchTerm.slice(1, -1), 'i') : null; // 添加搜索历史 const searchHistory = JSON.parse(localStorage.getItem('search_history') || '[]'); // 显示最近5条，点击快速填充 // 高级筛选：日期范围 const dateRange = { from: new Date('2024-01-01'), to: new Date() }; ``` --- ### `Module 12` — Image Lightbox 图片灯箱 ```javascript // 功能：文章内图片点击放大查看 // 特性：手势支持、键盘导航、EXIF 信息展示 ``` | 操作 | 功能 | |------|------| | 单击 | 打开灯箱 | | 滚轮 | 缩放 | | 拖拽 | 平移（放大后）| | ←/→ | 切换同组图片 | | ESC | 关闭 | **修改方式**： ```javascript // 添加图片对比模式（before/after） lightbox.enableCompare = (img1, img2) => { return new CompareSlider(img1, img2); }; // 添加下载原图按钮 const downloadBtn = document.createElement('a'); downloadBtn.href = originalUrl; downloadBtn.download = filename; // 需要后端支持原图访问 // 添加图片 OCR（调用 Tesseract.js） const ocrBtn = document.createElement('button'); ocrBtn.onclick = async () => { const result = await Tesseract.recognize(imgElement); showTextOverlay(result.data.text); }; ``` --- ### `Module 13` — Floating Toolbar + Unified Sink 浮动工具栏 ```javascript // 功能：全局可访问的快捷操作中心 // 4主题：每个主题有独立的工具栏配色和图标风格 ``` ``` 工具栏组成： ┌────────────────────────────────┐ │ [🎨主题] [🔤字体] [🔊声音] [⚙️] │ ← 常驻 │ ▼ 展开更多 │ │ [📑目录] [🔖收藏] [💬评论] [↑] │ └────────────────────────────────┘ ↓ Unified Sink（统一收纳区）所有展开面板在此层叠管理 ``` **修改方式**： ```javascript // 添加自定义快捷工具 const customTools = [ { id: 'translate', icon: '🌐', action: () => toggleTranslateOverlay(), shortcut: 'KeyT' }, { id: 'reader', icon: '📖', action: () => enterReaderMode(), shortcut: 'KeyR' } ]; // 工具栏位置记忆 const savedPosition = localStorage.getItem('toolbar_pos'); toolbar.style.left = savedPosition?.x || 'auto'; toolbar.style.right = '20px'; // 默认右侧 ``` --- ### `Module 14` — Home Card Rebuild 首页卡片重构 ```javascript // 功能：文章列表的卡片式展示，v8 全新设计 // 特性：悬停3D倾斜、图片懒加载、阅读时间估算 ``` | 卡片元素 | 说明 | |----------|------| | 封面图 | aspect-ratio 16/10，懒加载 + 模糊占位 | | 分类标签 | 左上角绝对定位 | | 标题 | 2行截断，悬停展开 | | 摘要 | 3行截断 | | 元信息 | 日期 · 阅读时间 · 点赞数 | | 悬停效果 | 3D tilt + 阴影扩散 + 图片缩放 | **修改方式**： ```javascript // 添加阅读进度环（SVG） const progressRing = ` `; // masonry 瀑布流布局 const masonry = new Masonry(grid, { itemSelector: '.card', columnWidth: '.card-sizer', gutter: 24 }); // 无限滚动替代分页 const observer = new IntersectionObserver((entries) => { entries[0].isIntersecting && loadMorePosts(); }); observer.observe(sentinel); ``` --- ### `Module 15` — macOS Code Block Strip macOS 风格代码块 ```javascript // 功能：仿 macOS Terminal 的代码展示 // 组成：三色圆点 + 标题栏 + 行号 + 语法高亮 + 复制按钮 ``` ``` ┌─────────────────────────────┐ ← wrapper='code-window' │ ● ● ● filename.js │ ← title bar (可选) ├─────────────────────────────┤ │ 1 │ const hello = 'world'; │ ← line numbers + code │ 2 │ console.log(hello); │ │ 3 │ │ └─────────────────────────────┘ [📋] ← 悬浮复制按钮 ``` **修改方式**： ```javascript // 添加语言图标 const langIcons = { 'javascript': '', 'python': '', 'rust': '' }; // 添加代码执行（WebContainer 或 Pyodide） const runButton = document.createElement('button'); runButton.onclick = async () => { const result = await webcontainer.run(codeBlock.textContent); showOutput(result); }; // 添加 diff 高亮 const diffColors = { '+': 'var(--diff-add)', '-': 'var(--diff-del)', '@': 'var(--diff-meta)' }; ``` --- ### `Module 16` — Sakura Petals 樱花花瓣 ```javascript // 功能：全屏 Canvas 花瓣飘落动画（v8 性能优化版） // 与 v7 区别：使用 OffscreenCanvas + requestAnimationFrame 节流 ``` | 参数 | 说明 | |------|------| | 最大花瓣数 | 50（移动端 25）| | 物理模拟 | 风力 + 重力 + 旋转 | | 颜色 | 主题关联（sakura=粉，ocean=蓝泡，forest=绿叶，stardust=星尘）| **修改方式**： ```javascript // 根据季节自动切换 const month = new Date().getMonth(); const seasonalEffects = { 2: 'sakura', // 3月春 5: 'rain', // 6月梅雨 8: 'maple', // 9月秋 11: 'snow' // 12月冬 }; setEffect(seasonalEffects[month] || 'none'); // 鼠标交互：花瓣避让 canvas.addEventListener('mousemove', (e) => { petals.forEach(petal => { const dx = petal.x - e.clientX; const dy = petal.y - e.clientY; const dist = Math.sqrt(dx*dx + dy*dy); if (dist < 100) { petal.vx += dx * 0.01; petal.vy += dy * 0.01; } }); }); ``` --- ### `Module 17` — ArticleTOC Scroll-Spy + Back-to-Top 文章目录 ```javascript // 功能：文章页右侧/左侧浮动目录 + 滚动监听高亮 // 双组件：TOC 导航 + 返回顶部按钮（智能显隐） ``` | TOC 特性 | 说明 | |----------|------| | 生成源 | H2-H4 标题层级 | | 滚动监听 | IntersectionObserver，rootMargin 优化 | | 点击滚动 | smooth scroll，URL hash 更新 | | 折叠展开 | 层级折叠，当前章节自动展开 | | Back-to-Top | 说明 | |-------------|------| | 显示阈值 | 滚动超过 500px | | 进度环 | SVG 圆周表示阅读进度 | | 点击行为 | 平滑回顶 + 可选确认 | **修改方式**： ```javascript // TOC 添加阅读时间估算 const readingTime = Math.ceil(textLength / 400); // 400字/分钟 tocHeader.innerHTML = `目录 · 约 ${readingTime} 分钟`; // Back-to-Top 添加章节快速跳转 const quickJumps = document.createElement('div'); quickJumps.innerHTML = ` `; // 滚动方向感知：向下滚动隐藏 TOC，向上显示 let lastScrollY = 0; window.addEventListener('scroll', () => { const direction = window.scrollY > lastScrollY ? 'down' : 'up'; toc.classList.toggle('hidden', direction === 'down' && scrollY > 1000); lastScrollY = window.scrollY; }); ``` --- ### `Module 18` — Mobile Nav Hamburger + Dropdown 移动端导航 ```javascript // 功能：小屏设备的响应式导航 // 特性：手势滑动打开、焦点陷阱、ARIA 无障碍 ``` | 断点 | 行为 | |------|------| | > 1024px | 水平导航栏，无汉堡 | | 768-1024px | 简化导航，可选汉堡 | | < 768px | 全屏抽屉导航 | **修改方式**： ```javascript // 添加底部 Tab Bar（移动端 App 风格） const tabBar = document.createElement('nav'); tabBar.className = 'mobile-tab-bar'; tabBar.innerHTML = ` 🏠 首页 🏷️ 标签 🔍 📚 归档 👤 我 `; // 手势：边缘右滑打开 let touchStartX = 0; document.addEventListener('touchstart', e => touchStartX = e.touches[0].clientX); document.addEventListener('touchend', e => { if (e.changedTouches[0].clientX - touchStartX > 100 && touchStartX < 30) { openDrawer(); } }); ``` --- ### `Module 19` — Search Overlay 搜索遮罩层 ```javascript // 功能：全站内容搜索，覆盖式 UI // 特性：快捷键唤起、本地索引、搜索结果高亮 ``` | 快捷键 | 功能 | |--------|------| | `Cmd/Ctrl + K` | 打开搜索 | | `ESC` | 关闭 | | `↑/↓` | 结果导航 | | `Enter` | 打开选中 | | `Tab` | 切换搜索范围 | **修改方式**： ```javascript // 接入 Algolia 或 Meilisearch 实现全文搜索 const searchClient = algoliasearch('APP_ID', 'API_KEY'); const index = searchClient.initIndex('posts'); // 添加搜索建议（自动补全） const suggestions = await fetch(`/api/suggest?q=${encodeURIComponent(query)}`); // 搜索结果预览（上下文片段） const highlightResult = hit._highlightResult; const snippet = highlightResult.content.value.substring(0, 200) + '...'; ``` --- ### `Module 20` — Homepage Bottom Gallery Banner 首页底部画廊横幅 ```javascript // 功能：首页底部的图片展示墙，可链接到图集/相册 // 布局：横向滚动或瀑布流 ``` | 模式 | 说明 | |------|------| | `scroll` | 横向拖拽滚动，无限循环 | | `masonry` | 瀑布流，点击放大 | | `carousel` | 自动轮播，指示器导航 | **修改方式**： ```javascript // 接入 Instagram/Flickr API 实时同步 const feed = await fetch(`https://graph.instagram.com/me/media?fields=...`); // 添加点赞交互 galleryItem.addEventListener('dblclick', (e) => { createHeartAnimation(e.clientX, e.clientY); incrementLike(photoId); }); // 懒加载 + 模糊渐进 const img = new Image(); img.src = thumbnailUrl; // 先加载模糊小图 img.onload = () => { fullResImg.src = fullUrl; // 再加载高清图 fullResImg.classList.add('loaded'); }; ``` --- ### `Module 21` — Post Page Init 文章页初始化 ```javascript // 功能：文章页的模块组合调用 // 执行顺序：语法高亮 → 图片处理 → TOC生成 → 相关文章 → 评论加载 ``` **修改方式**： ```javascript // 添加阅读进度保存（跨设备同步） const readingProgress = { url: location.href, scrollPercent: 0, timestamp: Date.now() }; syncToServer(readingProgress); // 或 localStorage // 返回时恢复位置 window.addEventListener('load', () => { const saved = await getProgress(location.href); if (saved && saved.scrollPercent < 0.95) { window.scrollTo(0, saved.scrollPercent * document.body.scrollHeight); showResumePrompt(saved); } }); ``` --- ### `Module 22` — Index Page Init 首页初始化 ```javascript // 功能：首页的模块组合调用 // 执行顺序：英雄区 → 卡片网格 → 分页/无限滚动 → 底部画廊 ``` --- ### `Module 23` — Main Entry 主入口 ```javascript // 功能：路由分发 + 模块调度器 // 根据页面类型（home/post/tag/archive）加载对应初始化模块 ``` ```javascript // 路由映射表 const ROUTES = { '/': ['00', '01', '02', '03', '04', '06', '09', '10', '13', '14', '20', '23'], '/post/*': ['00', '01', '02', '03', '04', '06', '07', '08', '12', '15', '16', '17', '21', '23'], '/tag/*': ['00', '01', '02', '03', '04', '06', '11', '13', '23'], '/search': ['00', '01', '02', '03', '19', '23'] }; ``` --- ## 三、CSS 区域详解 ### `Section 00` — Font Imports 字体导入 ```css /* 当前加载 */ @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700&family=JetBrains+Mono&display=swap'); /* 建议添加 */ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap'); /* 无衬线正文 */ ``` --- ### `Section 01` — CSS Variables + Reset 变量与重置 ```css :root { /* 核心变量 */ --font-serif: 'Noto Serif SC', serif; --font-sans: 'Noto Sans SC', sans-serif; --font-mono: 'JetBrains Mono', monospace; /* 动态主题变量（由 JS 切换） */ --bg-primary: #faf7f5; --bg-secondary: #f0ebe7; --text-primary: #2c2420; --text-secondary: #6b5e55; --accent: #e8919c; /* 主题色 */ --accent-hover: #d67a85; /* 悬停态 */ --glass-bg: rgba(255,255,255,0.7); --glass-border: rgba(255,255,255,0.3); /* 间距系统 */ --space-xs: 0.25rem; /* 4px */ --space-sm: 0.5rem; /* 8px */ --space-md: 1rem; /* 16px */ --space-lg: 1.5rem; /* 24px */ --space-xl: 2rem; /* 32px */ --space-2xl: 3rem; /* 48px */ /* 圆角系统 */ --radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px; --radius-xl: 16px; --radius-full: 9999px; /* 阴影系统 */ --shadow-sm: 0 1px 2px rgba(0,0,0,0.05); --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1); --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1); --shadow-glow: 0 0 20px var(--accent-alpha); } ``` --- ### `Section 02` — Welcome Splash Overlay 欢迎闪屏样式 | 类名 | 用途 | |------|------| | `.splash-overlay` | 全屏固定层 | | `.splash-brand` | 品牌文字容器 | | `.splash-progress` | 底部进度条轨道 | | `.splash-progress-bar` | 进度填充动画 | --- ### `Section 03` — Background Image 背景图 ```css /* 主题背景映射 */ [data-theme='sakura'] { --bg-image: url('/assets/bg-sakura.jpg'); --bg-overlay: linear-gradient(180deg, rgba(250,247,245,0.9) 0%, rgba(250,247,245,0.6) 100%); } [data-theme='ocean'] { --bg-image: url('/assets/bg-ocean.jpg'); --bg-overlay: linear-gradient(180deg, rgba(240,248,255,0.9) 0%, rgba(240,248,255,0.6) 100%); } ``` --- ### `Section 04` — Typography 排版 | 模式 | 字体 | 适用场景 | |------|------|----------| | Day | `Noto Serif SC` | 正文阅读，传统优雅 | | Night | `Noto Sans SC` | 暗色下更清晰 | | 代码 | `JetBrains Mono` | 等宽，连字支持 | --- ### `Section 05` — Navbar 导航栏 **Liquid Glass 效果**： ```css .navbar { background: var(--glass-bg); backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%); border-bottom: 1px solid var(--glass-border); } ``` --- ### `Section 06-07` — Hero 区域见 Module 09-10 说明。

Luliy Blog v8 详细说明书

Mon, 08 Jun 2026 14:07:56 +0000

## 📋 JavaScript 模块详解（enhance.js） ### 核心初始化模块 | 模块 | 功能 | 修改建议 | 增强思路 | |------|------|--------|--------| | **00 Welcome Splash** | 欢迎屏幕/加载动画 | 调整动画时长、背景颜色、文字内容 | 添加加载进度百分比显示 | | **01 localStorage Init** | 本地存储初始化 | 配置存储键名、默认值 | 添加存储版本控制、过期时间 | | **02 Progress Bar** | 页面滚动进度条 | 调整颜色、高度、位置 | 支持多段进度显示 | | **03 Dynamic Title** | 动态页面标题 | 修改标题切换文案 | 添加表情符号动画 | ### 视觉交互模块 | 模块 | 功能 | 修改建议 | 增强思路 | |------|------|--------|--------| | **04 Uptime Counter** | 运行时间计数器 | 改起始日期、格式 | 添加服务器宕机检测、历史记录 | | **05 Dark-mode Ripple** | 黑暗模式切换水波纹 | 调整波纹颜色、扩散速度 | 支持系统偏好自动切换 | | **06 Static Background** | 静态背景（已移除粒子） | 更换背景图片URL | 添加时间段不同背景 | | **07 Web Audio SFX** | 音效系统 | 替换音频文件、调整音量 | 添加音效开关、音量控制 | | **08 Click Sparks** | 点击火花特效 | 调整粒子数量、颜色、速度 | 支持自定义形状、轨迹 | ### 页面结构模块 | 模块 | 功能 | 修改建议 | 增强思路 | |------|------|--------|--------| | **09 Hero Cluster** | 头部集群（头像+名字+时钟） | 修改头像、名字、时钟格式 | 添加社交媒体链接、动态问候 | | **10 Hero Banner** | 主视觉横幅 | 更换背景、调整高度 | 支持滑动切换多个横幅 | | **11 Tag Search Toolbar** | 标签页搜索栏 | 修改搜索框样式、占位符 | 添加搜索建议、热门标签显示 | | **12 Image Lightbox** | 图片灯箱 | 调整动画、背景透明度 | 支持缩略图导航、图片预加载 | ### 交互工具模块 | 模块 | 功能 | 修改建议 | 增强思路 | |------|------|--------|--------| | **13 Floating Toolbar** | 浮动工具栏 + 统一沉底菜单（4主题） | 修改按钮数量、主题配色 | 添加工具栏自定义排序、主题预览 | | **14 Home Card Rebuild** | 首页卡片重构 | 调整卡片大小、间距、阴影 | 支持卡片拖拽排序、多列布局 | | **15 macOS Code Block** | macOS风格代码块 | 修改代码块颜色、字体 | 添加代码行号、复制按钮、语法高亮 | ### 动画特效模块 | 模块 | 功能 | 修改建议 | 增强思路 | |------|------|--------|--------| | **16 Sakura Petals** | 樱花飘落特效 | 调整花瓣数量、下落速度、季节 | 支持其他季节花朵、风力系统 | | **17 ArticleTOC** | 文章目录+滚动监听 + 返顶按钮 | 修改TOC位置、返顶按钮样式 | 添加目录展开/折叠、平滑滚动 | ### 导航交互模块 | 模块 | 功能 | 修改建议 | 增强思路 | |------|------|--------|--------| | **18 Mobile Nav** | 手机导航 +汉堡菜单 + 下拉菜单 | 调整菜单项、动画时长 | 支持子菜单、手势导航 | | **19 Search Overlay** | 搜索浮窗 | 修改搜索框样式、搜索范围 | 添加搜索历史、智能建议 | ### 页面初始化模块 | 模块 | 功能 | 修改建议 | 增强思路 | |------|------|--------|--------| | **20 Gallery Banner** | 首页底部画廊横幅 | 更换图片、调整排列 | 支持图片懒加载、缩放预览 | | **21 Post Page Init** | 文章页面初始化 | 配置文章样式 | 添加阅读时间估算、分享功能 | | **22 Index Page Init** | 索引页面初始化 | 配置列表样式 | 添加分页、排序筛选 | | **23 Main Entry** | 主入口 | 管理模块加载顺序 | 添加模块延迟加载、条件加载 | --- ## 🎨 CSS 模块详解（enhance.css） ### 基础样式 | 部分 | 功能 | 修改建议 | 增强思路 | |------|------|--------|--------| | **00 Font Imports** | 字体导入 | 替换字体家族、添加本地字体 | 支持动态字体加载、字体预热 | | **01 CSS Variables + Reset** | CSS变量 + 重置 | 修改主色调、间距单位 | 添加更多主题变量、响应式变量 | | **02 Welcome Splash** | 欢迎屏样式 | 调整背景、文字颜色、覆盖层 | 支持动画序列、渐变背景 | | **03 Background Image** | 背景图像 | 更换背景URL、调整位置 | 支持多层背景、视差效果 | ### 排版与主题 | 部分 | 功能 | 修改建议 | 增强思路 | |------|------|--------|--------| | **04 Typography** | 字体 / 日间=黑 / 夜间=白 | 调整字体大小、行高、颜色对比 | 添加高对比度模式、字体缩放 | | **15 Article Theme** | 4种主题的CSS变量 | 修改主题配色方案 | 添加新主题、主题过渡动画 | ### 导航与布局 | 部分 | 功能 | 修改建议 | 增强思路 | |------|------|--------|--------| | **05 Navbar** | 液态玻璃 + 可折叠导航 | 调整透明度、高度、动画 | 支持导航吸顶、背景模糊 | | **06 Hero Cluster** | 头部集群样式 | 调整头像大小、间距 | 支持动画入场、响应式布局 | | **07 Hero Banner** | 主视觉横幅样式 | 修改高度、背景、文字位置 | 支持视差滚动、多层叠加 | ### 组件样式 | 部分 | 功能 | 修改建议 | 增强思路 | |------|------|--------|--------| | **08 Progress Bar** | 进度条样式 | 调整颜色、宽度、位置 | 支持渐变色、动画效果 | | **09 Cards** | 首页卡片样式 | 修改边框、阴影、圆角 | 支持悬停动画、卡片分组 | | **10 Date Badge** | 日期徽章样式 | 调整背景、文字、形状 | 支持相对时间显示 | | **11 Pinned Section** | 置顶部分样式 | 修改置顶标题、背景 | 支持多级置顶、固定区域 | ### 内容展示 | 部分 | 功能 | 修改建议 | 增强思路 | |------|------|--------|--------| | **12 Article Reading** | 文章阅读面板（主题特定） | 调整宽度、行高、背景 | 支持字体大小调节、无衬线切换 | | **13 Code Blocks** | 代码块（日间+暗夜） | 修改语法高亮、字体、边框 | 支持代码行号、复制提示 | | **14 Tables** | 表格（日间+暗夜） | 调整表格边框、背景、文字 | 支持表格排序、固定表头 | ### 功能性样式 | 部分 | 功能 | 修改建议 | 增强思路 | |------|------|--------|--------| | **16 TOC Scroll-spy** | 目录滚动监听 + 活跃高亮 | 修改高亮颜色、动画 | 支持目录折叠、平滑指示 | | **17 Floating Toolbar** | 浮动工具栏 + 沉底菜单 | 调整按钮样式、位置、大小 | 支持工具栏收缩、快捷键 | | **18 Prev/Next** | 前后导航 | 修改按钮文案、样式 | 支持缩略图预览、键盘导航 | | **19 Lightbox** | 灯箱样式 | 调整背景、过渡动画 | 支持图片信息显示、缩放控制 | | **20 Back-to-Top** | 返顶按钮 | 修改按钮样式、位置 | 支持滚动高度阈值、快捷键 | ### 特殊效果 | 部分 | 功能 | 修改建议 | 增强思路 | |------|------|--------|--------| | **21 Sakura Canvas** | 樱花画布 / 主题波纹 | 调整花瓣颜色、密度 | 支持季节切换、自定义粒子 | | **22 Uptime** | 正常运行时间样式 | 修改字体、颜色、格式 | 支持历史记录展示、图表 | | **23 Timeline/Archive** | 时间轴/归档 | 调整时间轴样式、颜色 | 支持按年/月分组、搜索 | | **24 Gallery Banner** | 画廊横幅 | 修改图片排列、间距 | 支持图片网格、灯箱集成 | | **25 Search Overlay** | 搜索浮窗 | 调整搜索框样式、背景 | 支持结果预览、搜索历史 | | **26 Responsive** | 响应式（手机） | 调整断点、间距、字体 | 支持平板/大屏优化、触摸优化 | --- ## 📄 JSON 配置文件说明 ### 常见配置文件结构 ```json { 'site': { 'title': 'Luliy Blog', 'description': '个人博客', 'author': 'Your Name', 'url': 'https://your-domain.com' }, 'theme': { 'primaryColor': '#6366f1', 'darkMode': true, 'themes': ['light', 'dark', 'sakura', 'midnight'] }, 'modules': { 'particles': false, 'audioSFX': true, 'sakuraPetals': true, 'darkModeRipple': true }, 'navbar': { 'sticky': true, 'glassEffect': true, 'transparent': false }, 'timeline': { 'enabled': true, 'groupBy': 'year' } } ``` ### 关键配置项修改指南 | 配置项 | 类型 | 说明 | 修改例| |--------|------|------|--------| | `primaryColor` | String | 主色调 | `'#ff6b6b'` | | `theme` | Array | 启用主题列表 | `['light', 'dark']` | | `audioSFX` | Boolean | 启用音效 | `false` | | `sakuraPetals` | Boolean | 樱花效果 | `true` | | `uptimeStart` | String | 正常运行起始日期 | `'2024-01-01'` | --- ## 💡 功能增强建议 ### 建议新增模块 1. **24Comment System** - 评论系统 / Giscus 集成 2. **25 Statistics Dashboard** - 阅读统计面板 3. **26 Reading Mode** - 专注阅读模式（无干扰） 4. **27 Export Articles** - 导出文章为PDF/Markdown 5. **28 Dynamic Weather** - 显示实时天气 6. **29 Notification Center** - 消息/评论通知 ### 建议新增CSS主题 1. 高对比度模式（无障碍） 2. 护眼模式（暖色调） 3. 自动主题（跟随系统） 4. 季节主题（春/夏/秋/冬） --- 需要我详细讲解某个具体模块或帮你修改特定功能吗？。

gmeek ui

Thu, 04 Jun 2026 16:33:48 +0000

# 🍎 Gmeek UI 增强插件使用教程 ## 📦 插件简介 Gmeek UI 插件通过纯前端增强的方式，为 Gmeek 框架博客带来 Apple 风格的焕然一新体验，包括： | 文件名 | 功能说明 | |--------------------------|--------------------------------------------------------------------------| | `GmeekBaseTheme.css` | 基础布局样式：字体、圆角、卡片排版，兼容原始结构不污染构建样式 | | `GmeekCustomizeCss.js` | UI 动态增强：卡片结构重构、玻璃拟态样式、深浅模式自适应、渐变背景、标签配色自动对比等功能 | > 🧠 零依赖、构建无侵入、插拔可选、明暗自动识别、视觉沉浸体验，100% 兼容 Gmeek 原生内容结构。

在线 Markdown 编辑器

Thu, 04 Jun 2026 15:54:39 +0000

## 在线 Markdown 编辑器 - 地址：[点击前往](https://markdown.buxiantang.top/)。

看病

Wed, 03 Jun 2026 15:20:22 +0000

## 1.外地的病人，最好先在当地三甲做完该做的检查，拿着报告来北京找大夫看，要不然到北京大医院检查排队时间可就没准了。

money

Wed, 03 Jun 2026 13:39:12 +0000

![image](https://github.com/user-attachments/assets/ac73014b-6f0a-42f7-873c-cb8420e0da4a)。

本站指南

Tue, 02 Jun 2026 13:37:56 +0000

# Luliy Blog v6 增强功能完整说明书本文档基于您提供的 `enhance.js`、`enhance.css` 以及 Gmeek 配置文件 `config.json` 编写。

Music

Mon, 01 Jun 2026 17:53:07 +0000

养生

Sat, 30 May 2026 13:58:09 +0000

> 补充一篇 24 年初的文章，分享最近一年的一些个人实践：[养生博主的 23 年总结](https://zhuanlan.zhihu.com/p/675470252)。

prompt

Sat, 30 May 2026 10:45:20 +0000

# 英语 ## CET4

CET pro

``` Role: The Syntax Deep Dive Master ## Profile & Objective You are a Senior English Teacher and Language Analyst with over 20 years of experience. Your pedagogical approach focuses on patience, systematic breakdown, and structural logic. **Your Goal:** To deconstruct complex English syntactic structures (S-V-O, clauses, modification chains) for beginners/intermediate learners. You do not just translate; you help the student **internalize the logic** of the language. ## Core Execution Framework The user will provide learning material (a single sentence or a full article/paragraph). You must **automatically and strictly** execute one of the following two modes based on the input. ### Mode 1: Single Sentence Deep Dive **Trigger:** User inputs a single sentence. **Execution:** You must follow these phases sequentially. #### Phase 1: Morphological Segmentation (Table Driven) 1. **Deconstruct:** Break the sentence down into its smallest meaningful units (morphemes, words, or key phrases). 2. **Format:** Present these units in a **Markdown Table**. 3. **Pre-requisite Check:** After displaying the table, you must immediately ask: '请您确认，表格中的所有词素/短语您是否都已完全理解？请回复‘是’或‘否’，以便我们继续。

Gmeek上手

Mon, 31 Mar 2025 13:56:29 +0000

# 0. 简介 > [Gmeek](https://github.com/Meekdai/Gmeek) 一个博客框架，超轻量级个人博客模板，完全基于Github Pages 、 Github Issues 和 Github Actions，可以称作All in Github。

about

Sat, 30 May 2026 10:29:29 +0000

# ΔιάΝους > **Διά**,希腊语前缀，通过（through），穿越（across），贯穿（via）， > **Νους**,古希腊哲学中的重要概念，意为：理智（Intellect），心智（Mind），智慧（Wisdom），思维（Reason）。

book

Sat, 30 May 2026 10:43:19 +0000

`Gmeek-html

` 。

gallery

Mon, 01 Jun 2026 17:52:29 +0000

。

favorites

Tue, 02 Jun 2026 16:25:37 +0000

# 日记 ## 还是来了 20260601 我发现一个非常重要的问题，我的大计划是学习英语四级，小计划是个人成长，却一项都没有落实。

link

Wed, 03 Jun 2026 13:54:14 +0000

# 学习

CET pro

> [CET4](http://luliy6.42web.io/) >[md官方指南](https://docs.github.com/zh/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax)

# **VIBE CODING** [李厚辰主题讲](http://youtube.com/watch?v=1TqrucFn4qY) # `学习网站`

学习

1. [Bro code](https://www.youtube.com/) 如果您想学习编程，这个频道适合您。

stock

Thu, 11 Jun 2026 00:35:37 +0000

1。

chronicle

Mon, 22 Jun 2026 04:55:14 +0000

`Gmeek-html

`。