zqlit
654de1fdf0
- 版式：01 关于我（属性四行 + 时间线四节点 + 三张数据卡 + 分类 Top5 条， 全部构建期实时统计，新增 partial about-intro.html）+ 02 这个博客 + 03 走心 评论 + 04 热力图，间距统一由 .about-sec 管，字号统一四档 - 动效：纯官方 UIKit scrollspy（与归档页同源）—— target 一律后代选择器、 动画类用 uk-animation-slide-*-medium（50px 位移）+ repeat:true 滚回重播、 分节标题 fade 不 repeat；删自研编排器，CSS 只留分类条宽度填充与 prefers-reduced-motion 守卫 - 修复 PJAX 下 UIKit 不重绑的既有 bug：mypjax.js 换页后调 UIkit.update() （评论区/说说的 scrollspy 同样依赖此修复） - 走心评论：骨架屏、8s 超时、sessionStorage 缓存（10 分钟）、重试按钮； 异步渲染后手动 UIkit.update() 让卡片参与入场级联
41 lines
1.5 KiB
Markdown
41 lines
1.5 KiB
Markdown
---
|
||
title: "关于"
|
||
date: 2024-07-11
|
||
layout: "about"
|
||
menu: "main"
|
||
weight: 50
|
||
slug: "about"
|
||
draft: false
|
||
---
|
||
|
||
<!-- 关于页：属性/时间线/数据在 themes/Ying/layouts/partials/about-intro.html；本文件只管「02 / 这个博客」。注意：内容文件里不要写 Hugo 模板注释（会原样显示在页面上）。 -->
|
||
|
||
<div class="about-sec">
|
||
|
||
<div class="section-title" uk-scrollspy="cls: uk-animation-fade; delay: 100">02 / 这个博客 (Build)</div>
|
||
|
||
<div class="ab-attrs" style="border-top: 0;" uk-scrollspy="target: .ab-attr; cls: uk-animation-slide-bottom-medium; delay: 80; repeat: true">
|
||
|
||
<div class="ab-attr"><span class="k">框架</span><span class="v">Hugo · 主题 Ying</span></div>
|
||
|
||
<div class="ab-attr"><span class="k">托管</span><span class="v">CNB 构建 · 又拍云 / 多吉云 / EdgeOne</span></div>
|
||
|
||
<div class="ab-attr"><span class="k">评论</span><span class="v">Artalk · 自建（Cloudflare Workers）</span></div>
|
||
|
||
<div class="ab-attr"><span class="k">备份</span><span class="v">CNB 主仓 + 自建 Gitea 辅仓 + 加密离线包</span></div>
|
||
|
||
<div class="ab-attr"><span class="k">始于</span><span class="v">2020 年，一写六年</span></div>
|
||
|
||
</div>
|
||
|
||
<div class="ab-stack" uk-scrollspy="target: .ab-tag; cls: uk-animation-slide-bottom-medium; delay: 60; repeat: true">
|
||
<span class="ab-tag">Hugo</span>
|
||
<span class="ab-tag">Cloudflare</span>
|
||
<span class="ab-tag">Docker</span>
|
||
<span class="ab-tag">Nginx</span>
|
||
<span class="ab-tag">Python</span>
|
||
<span class="ab-tag">Shell</span>
|
||
</div>
|
||
|
||
</div>
|