typecho自定义相册模块

技巧分享 · 2024-10-09 · 610 人浏览

AI摘要

博主使用Typecho的Jasmine主题搭建博客,发现主题简洁但可塑性强,因此添加了友链、相册等模块。在相册模块上遇到挑战,尝试了多个插件和模板后,最终选择自定义模板并参考其他主题,成功创建了一个与博客主题契合的相册模块。

此内容根据文章生成,不代表个人观点,仅用于文章内容的解释与总结

经常玩博客的应该能看出来,博主这个博客用的主题是Typecho的 Jasmine主题 ,不经常玩博客的看尾部导航栏也能看出来。

该主题是一个非常简洁的主题了,因此我在众多主题模板中一眼就相中了它。事实证明,简洁也是真简洁。模板主题下载搭建后干净的如同毛胚房。 可塑性极强,因此我不得不进行装扮,以至其能“拿得出手”。

友链,相册,微语,关于等模块页面应运而生,整个博客也开始变得像模像样,给人耳目一新之感~这中间的心酸和自豪是成比例增长的。友链用的Links插件,微语是参考的这篇博客做的自定义独立页面:Typecho添加微语(说说、碎语、时光机)功能   关于模块就是引入一个轻量的js对话机器插件botui.js。唯独相册,真是让人一言难尽。可以说是一整个辛酸史。


typecho关于相册的插件有,但不多。能够契合主题的很少。比如其中的一个Album相册插件效果是这样的:


FA09899C-366E-4ba6-A5AE-99D58A282C66.png

直接就是自成一系,独立于博客主题之外了,这肯定是不符合预期的,另外还有一个比较常见的单页相册模板:photo page for typecho ,呈现效果如下:

https://html5up.net/uploads/demos/lens/

https://html5up.net/uploads/demos/multiverse/

        直接就是一整个网页铺满,有点鸠占鹊巢的味道了,我也不喜欢,没办法只能走自定义了。

        中间的勉强合格的一个自定义相册模板效果:https://liuqingwushui.top/lazy.html

    image.png


        咋一看好像还行,但是仔细一瞧,太死板了,而且图片地址都写死在源码里。兼容移动端也有点问题,然后又参考一些typecho相册的主题,选择了 https://demo.typechx.com/light/  进行魔改出一个相册独立页出来,也就是各位所看到的现在的相册模块拉!


技能
验证码:
  1. blond 2024-11-15

    一直在找这个,不知道站长是否能开源出来

    1. 流情 (作者)  2024-11-22
      @blond

      相关开发思路可以去看我的csdn博客:https://blog.csdn.net/qq_34761385/article/details/143872870

Theme: Jasmine | RSS订阅 | 网站地图