WaterDrop:一款纯粹的typecho博客主题,外表朴素,实则内藏乾坤

释放双眼,带上耳机,听听看~!

主题介绍

这是一款经典布局的双栏博客主题,适用于1.3.0版本的typecho博客程序;该主题是一个简约且普通的写作主题,主要是用于记录各种图文并茂的技术文章、经验心得以及产品文档用的。

主题特点

  • 响应式设计,适配手机、平板、电脑等设备;
  • 支持公告、轮播图、热门文章、最新评论、分类、标签云等可选组件;
  • 标签云实现3D旋转动画效果;
  • 支持 PJAX 无刷新加载;
  • 实现友情链接、文章归档以及作品列表模板页;
  • 适配LZStat插件,支持点赞数、访问量统计,并支持按时间、点赞数、访问量、权重(约定为 100*点赞数+访问量)自定义排序方式;
  • 支持自定义根据创建时间、点赞数、访问量等排序的侧边栏最新文章、热门文章列表;
  • 文章内容实现类似github的渲染效果;
  • 文章支持手动指定封面;
  • 集成Google AdSense,内置风格一致的广告位;
  • 评论支持emoji表情等…

主题截图

WaterDrop:一款纯粹的typecho博客主题,外表朴素,实则内藏乾坤
WaterDrop:一款纯粹的typecho博客主题,外表朴素,实则内藏乾坤

情况说明

本主题是基于typecho 1.3.0版本(alpha版),并采用php 8的语法开发的,如果您的typecho版本低于1.3.0,请先升级到该版本,否则可能存在兼容性问题(如浏览,点赞失效)。

由于typecho 1.3.0目前还是alpha版,为了能正常运行主题,你可以在本文章最底部进行下载完整的typecho1.3版本程序。

该代码是主题作者从官方镜像joyqi/typecho:nightly-php8.2-fpm中复制出来的,未作任何修改。演示站正在运行的也是这个版本,已经经过了主题作者和他的朋友们的检验,截止到发文时都运行良好,可以放心使用。

主题使用

主题的使用方式很简单,直接到设置外观中按需设置即可,基本就是所见即所得,下面简单介绍一些需要单独说明的地方。

1. 友情链接

主题中实现了一个友情链接页面模板,可在添加友情链接独立页面时,在自定义模板中选择友情链接页面模板。 然后通过如下 markdown 语法来添加友情链接:

- ![站点名称1](站点图标1) [站点名称1](跳转链接1)
- ![站点名称2](站点图标2) [站点名称2](跳转链接2)
WaterDrop:一款纯粹的typecho博客主题,外表朴素,实则内藏乾坤

页面效果如下:

WaterDrop:一款纯粹的typecho博客主题,外表朴素,实则内藏乾坤

2. 文章归档

主题中实现了一个文章归档页面模板,可在添加文章归档独立页面时,在自定义模板中选择文章归档页面模板,文本区不需要填写,空着即可。 

WaterDrop:一款纯粹的typecho博客主题,外表朴素,实则内藏乾坤

页面效果如下:

WaterDrop:一款纯粹的typecho博客主题,外表朴素,实则内藏乾坤

3. 作品列表

主题中实现了一个作品列表页面模板,可在添加友情链接独立页面时,在自定义模板中选择作品列表页面模板。 然后通过如下 markdown 语法来添加作品展示列表:

- 作品标题1
- 作品链接地址1
- 作品封面图片地址1
- 作品描述1
- 作品标题2
- 作品链接地址2
- 作品封面图片地址2
- 作品描述2
WaterDrop:一款纯粹的typecho博客主题,外表朴素,实则内藏乾坤

需要特别注意的是:

  1. 上述markdown中,顺序必须是标题、链接地址、图片地址、描述,不可错乱;
  2. 如果描述有多段文字,换行后开头需要有 4 个空格,这是markdown的标准语法。另外,描述中能够识别html标签,因此,如有必要,也可以从语法上做一些增强,如高亮、加粗、斜体等。

4. 插件依赖

LZStat:主题中的点赞数、访问量统计,以及侧边栏中的热门文章是通过 LZStat 插件实现的,如果不需要这些功能,也可以不使用该插件。(在文章最后有写)

5. 额外说明

5.1 侧边栏设置

  1. 如果显示最新评论,则可以到设置->评论中设置评论列表数目
  2. 如果显示文章榜单,则可以到设置->阅读中设置文章列表数目

5.2 关于文章封面

文章封面主要是文章列表页面显示的图片,可以在编写文章时通过封面字段手动指定,如果没有指定,则默认使用文章第一张图片作为封面。

如果既没有指定封面,文章中也没有图片,则随机使用一张主题外观中设置的文章默认封面作为封面。

如果文章默认封面也没有设置,则默认显示主题内置的post-default-cover.png图片作为封面,该图片你可以替换为符合自己网站风格的占位图。

也就是说,文章列表必然会显示一张封面,当然,任何一种形式的封面如果获取不到,都会显示post-default-cover.png默认封面。

搭配插件

WaterDrop:一款纯粹的typecho博客主题,外表朴素,实则内藏乾坤插图10
WaterDrop:一款纯粹的typecho博客主题,外表朴素,实则内藏乾坤插图10

LZStat:基于 typecho 的浏览量、点赞量统计插件

WaterDrop主题文件
1
typecho1.3.0(alpha版)
2
下载权限
查看
  • 免费下载
    评论并刷新后下载
    登录后下载
  • {{attr.name}}:
您当前的等级为
登录后免费下载登录 小黑屋反思中,不准下载! 评论后刷新页面下载评论 支付以后下载 请先登录 您今天的下载次数(次)用完了,请明天再来 支付积分以后下载立即支付 支付以后下载立即支付 您当前的用户组不允许下载升级会员
您已获得下载权限 您可以每天下载资源次,今日剩余

本站所有文章,如无特殊说明或标注,均为本站原创发布;任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台;如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

《关于网站内隐藏内容的介绍及理由》

如果下载链接失效的话,请劳烦您在评论区反馈,以便我们及时处理。

给TA打赏
共{{data.count}}人
人已打赏
typecho主题

Snapic Plus V5:专为摄影、设计、绘画等图像作品设计的typecho主题

2024-4-7 9:50:46

typecho主题

BeaconNav:一款Typecho网址导航主题模板

2024-7-2 23:14:56

软糖工作室微信公众号
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
有新私信 私信列表
搜索