Lynan's Page - 5

[HEXO插件] hexo-lazyload-element

HTML JavaScript 工具 HEXO Plugin Lazyload

一个用于实现延迟加载的 HEXO 插件，支持 <img>、<video> 和 <iframe> 元素。

2 月 2 日，2024 前端约 4 分钟阅读

使用同步数据获取来加速我的图库页面

HTML JavaScript Data Fetching

关于同步数据获取的真实实践案例以及我为什么不选择 SSR/SSG 解决方案。

1 月 10 日，2024 前端约 5 分钟阅读

记一次图床迁移过程

JavaScript Node.js

从七牛云迁移到 CloudFlare R2。

1 月 1 日，2024 前端约 9 分钟阅读

Bachelor Courses Review (Computer Science)

1 月 1 日，2024 学习约 17 分钟阅读

2023 年终总结。

12 月 31 日，2023 生活约 7 分钟阅读

关西旅行2023

摄影旅行日本旅行

第一次到日本旅行，分享一下我的旅行过程和感受。

12 月 22 日，2023 生活约 30 分钟阅读

安卓工程模式代码整理

如果你不知道它们的作用，请勿使用。

12 月 8 日，2023 其它约 8 分钟阅读

CSS 中的 Position Sticky

position: sticky 何时起作用？

11 月 17 日，2023 前端约 3 分钟阅读

从上海出发到成都，开始成都->毕棚沟->达古冰川->九寨沟->黄龙的旅行社团旅行。

11 月 14 日，2023 生活约 16 分钟阅读

在上海办理日本签证过程记录

记录我办里日本签证的过程

10 月 18 日，2023 生活约 5 分钟阅读

上一页 1…3 456 7 下一页

Lynan

Live Young n Act Now.

65 文章 / 5 分类 / 32 标签 / 2 系列

.hdr-info-wrap { display: none; } #back-to-top { transform: translateY(0); pointer-events: all; opacity: 1; } .lazyload-wrap { display: none; } .post-cover-img-wrap .cover-img { opacity: 1 !important; } #gitalk-container { display: none; } .hdr-switch { display: none; } #toc-toggle { display: none; } .button.rss { margin-right: 0 !important; } .copy-btn { display: none; } #page-donates { display: none; } #post-age-warning { display: none; } #toc .toc-item-wrap:not(.active) { opacity: unset; transition: unset; } #toc:hover .toc-item-wrap:not(.active) { opacity: unset; } #toc .toc-item-wrap.active .toc-item-link { font-weight: normal; color: #333; } #toc .toc-item-wrap.active .toc-item-link::before { display: none; } #toc .toc-item-wrap.active .toc-item-link:not(.active) { opacity: unset; } #toc .toc-item-wrap.active .toc-sub-item-link:not(.active) { opacity: unset; } #post .post-meta #content-switch { display: none; } #post figure.highlight.folded, #raw-markdown-block figure.highlight.folded { max-height: unset; overflow-y: auto; } #post figure.highlight.folded .fold-toggle, #raw-markdown-block figure.highlight.folded .fold-toggle { display: none; } .image-grid.scroll, .image-grid.slider, .image-grid.switcher { display: flex !important; gap: var(--image-grid-gap) !important; overflow-x: auto !important; overscroll-behavior-inline: contain; scroll-snap-type: x mandatory !important; -webkit-overflow-scrolling: touch !important; } .image-grid.scroll .grid-item, .image-grid.slider .grid-item, .image-grid.switcher .grid-item { display: block !important; flex: 0 0 min(86%, 760px) !important; width: min(86%, 760px) !important; margin-right: 0 !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; scroll-snap-align: center !important; transition: none !important; } .image-grid.scroll .grid-item .lazyload-wrap, .image-grid.slider .grid-item .lazyload-wrap, .image-grid.switcher .grid-item .lazyload-wrap { display: none !important; } .image-grid.scroll .grid-item .caption, .image-grid.slider .grid-item .caption, .image-grid.switcher .grid-item .caption, .image-grid.scroll .grid-item .pswp-caption-content, .image-grid.slider .grid-item .pswp-caption-content, .image-grid.switcher .grid-item .pswp-caption-content { display: block !important; } .image-grid.scroll .grid-item .lazyload-outer-wrap noscript, .image-grid.slider .grid-item .lazyload-outer-wrap noscript, .image-grid.switcher .grid-item .lazyload-outer-wrap noscript { display: block; } .image-grid.scroll .grid-item .lazyload-outer-wrap noscript img, .image-grid.slider .grid-item .lazyload-outer-wrap noscript img, .image-grid.switcher .grid-item .lazyload-outer-wrap noscript img { display: block; width: 100%; height: auto !important; margin: 0 auto !important; } .image-grid.switcher .image-grid-switcher-controls { display: none !important; }