Meta tags:
keywords=冰狱博客,简约博客,冷感高颜值博客,PHP博客,JavaScript博客,多分站博客,个人博客系统,极简界面博客;
description=冰狱博客，是一款主打极简冷感高颜值的个人博客系统，采用PHP+JavaScript开发，原生支持多分站功能，界面干净清爽，上手简单易用。;

Headings (most frequently used words):

冰狱blog, 欢迎访问, escapehtml, post, title,

Text of the page (most frequently used words):
state (27), const (19), data (19), page (18), window (11), function (10), error (10), sessionstorage (9), post (9), return (9), then (7), ismobile (7), gridcontainer (7), card (7), escapehtml (7), 加载中 (7), console (6), else (6), response (6), loadingelement (6), total (6), paginationcontainer (6), mobilecardobserver (6), slug (5), posts (5), pagesize (5), loadarticles (5), loading (5), totalpages (5), innerhtml (5), foreach (5), html (5), top (5), img (4), document (4), currentpage (4), log (4), let (4), current (4), range (4), entry (4), initimagelazyload (3), articlecard (3), addeventlistener (3), currentscroll (3), setitem (3), mainpagescrollposition (3), mainpagecurrentpage (3), lastclickedarticleid (3), targetpath (3), loadconfig (3), 移动端 (3), url (3), new (3), renderpagination (3), fragment (3), index (3), createarticlecard (3), setupmobilescrollanimation (3), null (3), container (3), btn (3), parseint (3), articlessection (3), 0px (3), savedpage (3), getitem (3), savedscroll (3), scrollpos (3), removeitem (3), 冰狱博客 (3), 百宝箱 (3), queryselector (2), imageobserver (2), observe (2), click (2), 页码和文章id (2), pageyoffset (2), article (2), loadpage (2), fetch (2), api (2), blog (2), php (2), json (2), success (2), 使用默认值 (2), catch (2), delayobserver (2), true (2), style (2), throw (2), appendchild (2), smooth (2), pages (2), getpagerange (2), queryselectorall (2), disabled (2), gotopage (2), delta (2), last (2), push (2), scrollto (2), behavior (2), intersectionobserver (2), entries (2), target (2), init (2), detectdevice (2), savedarticleid (2), wasmobile (2), 无效果 (2), 鼠标点击效果 (2), 选择飘落效果 (2), 2026 (2), 加载失败 (2), message (2), title (2), 猫羽雫 (2), 带鱼屏动漫 (2), 左下角动图 (2), 动漫手机壁纸 (2), 侧边栏专用 (2), 全部照片 (2), 初始化懒加载观察器并观察此图片, lazyload, 添加点击事件, 跳转到文章详情页, stoppropagation, 保存当前滚动位置, documentelement, scrolltop, 保存点击位置, encodeuricomponent, typeof, location, href, 获取站点文章列表配置, action, config, 根据设备类型设置每页大小, blog_list_mobile_items, blog_list_pc_items, 文章列表配置已加载, 每页大小, pc端, 加载配置失败, 加载文章数据, promise, resolve, 显示加载指示器, display, block, 构建api, size, order, updated, date, now, 网络响应异常, status, api返回数据异常, 移除加载指示器, remove, 更新状态, 渲染文章卡片, length, 清空容器并重新渲染, 分页模式每次都全量替换, documentfragment, 批量插入, 并为每张卡片设置动画延迟, var, createdocumentfragment, setproperty, 设置滚动触发动画, 翻页滚动后延迟绑定, scroll, 完成再触发, settimeout, 700, 渲染分页, 加载文章失败, finally, false, 分页组件, getpaginationcontainer, createelement, div, classname, pagination, parentnode, insertbefore, nextsibling, 只有一页时隐藏分页, 生成页码范围, 下一页, 总文章数, 绑定点击事件, not, this, getattribute, 生成智能页码范围, 当前页前后各显示2页, for, 跳转到指定页, 平滑滚动到文章区域顶部, articles, section, getboundingclientrect, 滚动触发动画, 清理旧观察器, disconnect, isintersecting, classlist, add, animate, unobserve, root, rootmargin, 300px, threshold, 观察网格中所有卡片, 初始化页面, 加载配置, 然后加载文章, 检查是否有保存的分页和滚动位置, 从文章页返回时恢复, 清除保存的数据, 仅恢复一次, 恢复分页位置, 滚动位置, 加载完成后滚动到保存的位置, instant, 窗口大小变化时更新每页数量, resize, 设备类型变更, 重新加载, 暴露全局函数供搜索等复用, 启动初始化, 打开音乐页面加载列表, 播放列表, 未播放, 火焰熊熊燃烧, 花瓣四散飘落, 樱花散落, 太极图旋转显现, 太极八卦, 黑客帝国数字雨, 数字雨, 墨迹飞溅散开, 墨水飞溅, 彩色礼花绽放, 爱心飘落如雨, 爱心雨, 金色闪电闪烁, 神秘魔法阵显现, 魔法阵, 表情符号弹射四散, emoji弹射, 可爱符号向上漂浮, 符号漂浮, 水波纹层层扩散, 波纹扩散, 彩色粒子四散爆炸, 粒子爆炸, 点击出现闪烁星光, 星光闪烁, 点击出现上升气泡, 气泡上升, 点击出现烟花效果, 烟花绽放, 点击出现爱心, 爱心点击, 关闭点击特效, 浪漫玫瑰飘落, 飞碟穿梭飞行, ufo, 气球缓缓上升, 热气球, 可爱幽灵漂浮, 甜蜜糖果飞舞, 璀璨宝石闪烁, 飞机翱翔天际, 纸飞机, 音乐符号跳动, 蒲公英随风飘散, 蒲公英, 璀璨流星划过天际, 流星雨, 轻柔羽毛缓缓飘落, 羽毛飘落, 七彩泡泡梦幻漂浮, 彩虹泡泡, 夏夜萤火虫点点星光, 萤火虫夜, 彩色蝴蝶翩翩起舞, 蝴蝶飞舞, 金币元宝财源滚滚, 金币掉落, 金色星星闪闪发光, 星星闪烁, 粉色爱心浪漫飘洒, 爱心飘落, 绿色树叶随风飘舞, 秋叶飘落, 白色雪花轻轻飞舞, 雪花飘落, 粉色樱花花瓣缓缓飘落, 樱花花瓣, 关闭所有飘落效果, 点击页面时的视觉特效, 树叶等飘落特效, 特效设置, all, rights, reserved, 本网站部分内容来源于网络, 仅供大家学习与参考, 粤icp备2025464252号, 暂无文章, tagshtml, categoryname, comment_count, view_count, 发布于, publishtime, 正在加载最新文章, 最新弹幕, 热门文章, 推荐文章, 冰狱blog, 欢迎访问, 冷于形, 简于心,

Text of the page (random words):
冰狱博客 冷于形 简于心 首页 家 音乐 记录 加载中 相册 全部照片 侧边栏专用 1 动漫手机壁纸 49 图标 12 左下角动图 4 带鱼屏动漫 9 猫羽雫 8 百宝箱 分站 授权 状态 收藏 友链 闪视 随笔 树洞 im 登录 欢迎访问 首页 家 音乐 记录 加载中 相册 全部照片 侧边栏专用 1 动漫手机壁纸 49 图标 12 左下角动图 4 带鱼屏动漫 9 猫羽雫 8 百宝箱 分站 授权 状态 收藏 友链 闪视 随笔 树洞 im 登录 2026 冰狱博客 冰狱blog 文章 分类 访问 搜索 推荐文章 加载中 热门文章 加载中 标签 加载中 最新弹幕 加载中 正在加载最新文章 发布于 publishtime escapehtml post title escapehtml post title post view_count 0 热度 post comment_count 0 评论 escapehtml categoryname tagshtml 初始化懒加载观察器并观察此图片 initimagelazyload const img articlecard queryselector img lazyload if img imageobserver imageobserver observe img 添加点击事件 跳转到文章详情页 articlecard addeventlistener click e e stoppropagation 保存当前滚动位置 页码和文章id const currentscroll window pageyoffset document documentelement scrolltop sessionstorage setitem mainpagescrollposition currentscroll sessionstorage setitem mainpagecurrentpage state currentpage sessionstorage setitem lastclickedarticleid post id console log 保存点击位置 页码和文章id currentscroll state currentpage post id const slug post slug if slug const targetpath article slug encodeuricomponent slug if typeof window loadpage function window loadpage targetpath else window location href targetpath return articlecard 获取站点文章列表配置 function loadconfig return fetch api blog posts php action config then response response json then data if data success data data 根据设备类型设置每页大小 state pagesize state ismobile data data blog_list_mobile_items 6 data data blog_list_pc_items 9 else 使用默认值 state pagesize state ismobile 6 9 console log 文章列表配置已加载 每页大小 state pagesize 设备 state ismobile 移动端 pc端 catch error console error 加载配置失败 使用默认值 error state pagesize state ismobile 6 9 加载文章数据 function loadarticles page delayobserver if state loading return promise resolve state loading true 显示加载指示器 if loadingelement loadingelement style display block 构建api url const url api blog posts php page page size state pagesize order updated _t date now return fetch url then response if response ok throw new error 网络响应异常 response status return response json then data if data success data data throw new error api返回数据异常 移除加载指示器 if loadingelement loadingelement remove 更新状态 state currentpage data page page state total data total 0 state totalpages data totalpages 1 渲染文章卡片 const posts data data if posts length 0 gridcontainer innerhtml 暂无文章 state totalpages 1 renderpagination return 清空容器并重新渲染 分页模式每次都全量替换 gridcontainer innerhtml 使用 documentfragment 批量插入 并为每张卡片设置动画延迟 var fragment document createdocumentfragment posts foreach post index const card createarticlecard post card style setproperty card index index fragment appendchild card gridcontainer appendchild fragment 移动端 设置滚动触发动画 if state ismobile if delayobserver 翻页滚动后延迟绑定 等 smooth scroll 完成再触发 settimeout setupmobilescrollanimation 700 else setupmobilescrollanimation 渲染分页 renderpagination catch error console error 加载文章失败 error if loadingelement loadingelement innerhtml 加载失败 escapehtml error message else gridcontainer innerhtml 加载失败 escapehtml error message finally state loading false 分页组件 let paginationcontainer null function getpaginationcontainer if paginationcontainer paginationcontainer document createelement div paginationcontainer classname pagination container gridcontainer parentnode insertbefore paginationcontainer gridcontainer nextsibling return paginationcontainer function renderpagination 只有一页时隐藏分页 if state totalpages 生成页码范围 const pages getpagerange current total pages foreach p if p html else html p 下一页 html total disabled data page current 1 总文章数 html 共 state total 篇 container innerhtml html 绑定点击事件 container queryselectorall page btn not disabled foreach btn btn addeventlistener click function const page parseint this getattribute data page if page page state currentpage state loading gotopage page 生成智能页码范围 1 4 5 6 7 8 20 function getpagerange current total const delta 2 当前页前后各显示2页 const range let last 0 for let i 1 i current delta i 1 range push range push i last i return range 跳转到指定页 function gotopage page if page state totalpages state loading return 平滑滚动到文章区域顶部 const articlessection document queryselector articles section if articlessection const top articlessection getboundingclientrect top window pageyoffset 90 window scrollto top top behavior smooth loadarticles page true 移动端 intersectionobserver 滚动触发动画 let mobilecardobserver null function setupmobilescrollanimation 清理旧观察器 if mobilecardobserver mobilecardobserver disconnect mobilecardobserver new intersectionobserver entries entries foreach entry if entry isintersecting entry target classlist add animate in mobilecardobserver unobserve entry target root null rootmargin 0px 0px 300px 0px threshold 0 观察网格中所有卡片 gridcontainer queryselectorall article card foreach card mobilecardobserver observe card 初始化页面 function init detectdevice 加载配置 然后加载文章 loadconfig then 检查是否有保存的分页和滚动位置 从文章页返回时恢复 const savedpage sessionstorage getitem mainpagecurrentpage const savedscroll sessionstorage getitem mainpagescrollposition const savedarticleid sessionstorage getitem lastclickedarticleid if savedpage savedscroll savedarticleid const page parseint savedpage 10 1 const scrollpos parseint savedscroll 10 0 清除保存的数据 仅恢复一次 sessionstorage removeitem mainpagecurrentpage sessionstorage removeitem mainpagescrollposition sessionstorage removeitem lastclickedarticleid console log 恢复分页位置 第 page 页 滚动位置 scrollpos loadarticles page then 加载完成后滚动到保存的位置 window scrollto top scrollpos behavior instant else loadarticles 1 窗口大小变化时更新每页数量 window addeventlistener resize const wasmobile state ismobile detectdevice if wasmobile state ismobile console log 设备类型变更 重新加载 loadconfig then loadarticles 1 暴露全局函数供搜索等复用 window initimagelazyload initimagelazyload window escapehtml escapehtml window createarticlecard createarticlecard 启动初始化 init 首页 家 音乐 百宝箱 加载中 相册 随笔 树洞 粤icp备2025464252号 1 2026 冰狱博客 all rights reserved 本网站部分内容来源于网络 仅供大家学习与参考 特效设置 选择飘落效果 樱花 雪花 树叶等飘落特效 ️ 鼠标点击效果 点击页面时的视觉特效 选择飘落效果 无效果 关闭所有飘落效果 樱花花瓣 粉色樱花花瓣缓缓飘落 ️ 雪花飘落 白色雪花轻轻飞舞 秋叶飘落 绿色树叶随风飘舞 爱心飘落 粉色爱心浪漫飘洒 星星闪烁 金色星星闪闪发光 金币掉落 金币元宝财源滚滚 蝴蝶飞舞 彩色蝴蝶翩翩起舞 萤火虫夜 夏夜萤火虫点点星光 彩虹泡泡 七彩泡泡梦幻漂浮 羽毛飘落 轻柔羽毛缓缓飘落 ️ 流星雨 璀璨流星划过天际 ️ 蒲公英 蒲公英随风飘散 音符 音乐符号跳动 ️ 纸飞机 飞机翱翔天际 钻石 璀璨宝石闪烁 糖果 甜蜜糖果飞舞 幽灵 可爱幽灵漂浮 热气球 气球缓缓上升 ufo 飞碟穿梭飞行 玫瑰 浪漫玫瑰飘落 ️ 鼠标点击效果 无效果 关闭点击特效 ️ 爱心点击 点击出现爱心 烟花绽放 点击出现烟花效果 气泡上升 点击出现上升气泡 星光闪烁 点击出现闪烁星光 粒子爆炸 彩色粒子四散爆炸 ️ 波纹扩散 水波纹层层扩散 符号漂浮 可爱符号向上漂浮 emoji弹射 表情符号弹射四散 魔法阵 神秘魔法阵显现 闪电 金色闪电闪烁 爱心雨 爱心飘落如雨 礼花 彩色礼花绽放 ️ 墨水飞溅 墨迹飞溅散开 数字雨 黑客帝国数字雨 ️ 太极八卦 太极图旋转显现 樱花散落 花瓣四散飘落 火焰 火焰熊熊燃烧 未播放 播放列表 打开音乐页面加载列表