惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

罗磊的独立博客
Martin Fowler
Martin Fowler
J
Java Code Geeks
The GitHub Blog
The GitHub Blog
C
Check Point Blog
H
Help Net Security
Google DeepMind News
Google DeepMind News
人人都是产品经理
人人都是产品经理
博客园 - 聂微东
P
Proofpoint News Feed
V
Visual Studio Blog
Stack Overflow Blog
Stack Overflow Blog
雷峰网
雷峰网
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
Vercel News
Vercel News
S
SegmentFault 最新的问题
L
LangChain Blog
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
The Cloudflare Blog
Hugging Face - Blog
Hugging Face - Blog
有赞技术团队
有赞技术团队
博客园_首页
小众软件
小众软件
aimingoo的专栏
aimingoo的专栏

立云图志 - Typecho

L.Plog.v1 超出预期的浏览体验 个性化图志系统 被嫌弃的博客图像处理 90% 与 Typecho 相关 Typecho 相册主题 Snapic Plus v6 寻求贡献者 Typecho 图志主题:Snapic Paper 预料中的又倒下一批 Typecho 主题、模板、插件 给 Typecho 博客添加申请友链、站点收藏等功能 给 Typecho 博客添加旅行足迹地图标记功能 给 Typecho 博客添加评论者「都说了啥」功能 Typecho 记事阅读主题:Snapic Just 640px Typecho 多合一功能集插件:Lopwon Hub Typecho SEO 搜索引擎优化插件 Typecho 相册主题:Snapic Plus v5 停止开发! 给 Typecho 博客添加QQ空间「那年今日」功能
给 Typecho 博客添加文章页相册功能
Lopwon · 2022-06-04 · via 立云图志 - Typecho

demo-lopwon-album.jpg


使用场景

写文章时(比如出行游记),如果在内容区一张一张的插入很多很多图片,会显得文章比较冗长,尤其是使用竖版构图的图片,往往高度霸屏。此时,若能以相册的方式,在当前页面集中呈现这些照片,会大大增强浏览体验。


主要效果
1. 相册以九宫格(可调数量)的形式呈现在文章末尾。

2. 九宫格的图片以随机形式呈现,刷新页面可见效果。

3. 点击图片后以灯箱的形式呈现,并能添加图片描述。

4. 点击最后方块可以链接至相关内容,如文章或相册。

实现方式

方式一:在文章 A 的文末调用文章 A(或文章 B)的附件中所有图片作为相册展示,并链接至相关内容(如文章 B)。查看演示(当前页文末九宫格图集),刷新页面可见随机图片效果。

方式二:在文章 A 的文末调用通过 Snapic Page(Typecho 独立页相册模板)创建的相册 A,并链接至相册 A。查看演示(演示页文末九宫格图集)。


如何实现

电邮 lopwon@qq.com 付费改造。也可以选择 Typecho 的 Snapic 相册。

视频:文昌,肉眼跟踪正常

1658643720 19

视频:文昌,肉眼跟踪正常

格桑花:向阳怒放的高原野花!

1374832800 0

格桑花:向阳怒放的高原野花!

四川木里县邛引村:高原坝子!

1349344860 0

四川木里县邛引村:高原坝子!