首页 > 其他分享 >开源一款基于 Typecho 开发的博客主题

开源一款基于 Typecho 开发的博客主题

时间:2024-07-01 09:00:36浏览次数:21  
标签:封面 主题 博客 列表 开源 Typecho 文章 模板 页面

主题介绍

WaterDrop水滴 的意思,其实并没有什么特殊含义,只是因为每一次项目取名都绞尽脑汁,太麻烦了,于是就想着效法一些大佬,干脆取名随性一点。例如,Java 语言因作者经常在办公室喝 Java 咖啡而得名,MySQLMariaDB的作者是同一人,命名分别是他两个女儿的名字(看样子作者也是个女儿奴),这样的例子还有很多,不过多列举了。

而我在开发该项目的时候,恰好在看《三体 Ⅱ:黑暗森林》,被其磅礴的想象力所震撼,更被其中探讨的人性、文明、历史、哲学等问题所折服,本来想取名叫“黑暗森林”或“森林”之类的,但担心被误认为是黑色科技风格绿色丛林风格的主题,使用后才发现上当受骗就不好了。后来一想还是就叫水滴吧,外表朴素,实则内藏乾坤,貌似也挺不错的!

该主题就是一个简约且普通的写作主题,主要是我自己记录各种图文并茂的技术文章、经验心得以及产品文档用的,因此目前没有,未来也不会加入各种除了酷炫,没有多少实际用途的花哨组件,如果你也是技术人员,目的就是为了作为产品文档或者记录经验心得,它应该也会适合你!

预览站点:https://ilaozhu.com

主题特点

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

主题安装

  1. Github下载 WaterDrop 主题压缩包,解压后放到/usr/themes/目录下,将文件夹命名为 WaterDrop,确保index.php文件直接在WaterDrop文件夹下;
  2. 登录博客后台,进入控制台->外观,选择WaterDrop主题;
  3. 启用主题即可。

主题使用

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

1. 友情链接

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

- ![站点名称1](站点图标1) [站点名称1](跳转链接1)
- ![站点名称2](站点图标2) [站点名称2](跳转链接2)

2. 文章归档

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

3. 作品列表

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

- 作品标题1
- 作品链接地址1
- 作品封面图片地址1
- 作品描述1
- 作品标题2
- 作品链接地址2
- 作品封面图片地址2
- 作品描述2

需要特别注意的是:

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

4. 插件依赖

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

5. 额外说明

5.1 侧边栏设置

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

5.2 文章封面

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

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

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

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

这里其实也缓解了前面 通过 Github + jsDelivr + PicGo 配置免费图床 时,由于 jsDelivr不稳定带来的用户体验差的问题,也就是当 jsDelivr 无法访问的时候,临时显示一张默认图片作为封面,而当jsDelivr 恢复之后又立即显示出原图。这么做只是让用户体验好一点而已,并没有从根本上解决问题,但好在不稳定只是少数情况,不能忍受的还是老老实实的用本地图片或付费产品吧,毕竟免费总归还是需要代价的!

最后

最后,本主题采用 GPL 协议开源,您可以自由的修改、使用和传播,但请保留底部版权信息,以表示对作者的支持与尊重,谢谢!

标签:封面,主题,博客,列表,开源,Typecho,文章,模板,页面
From: https://www.cnblogs.com/FindTheWay/p/18276046

相关文章

  • 001:开源交易系统开发实战开篇
    本专栏采用融入【主力思维】的方法学,包含数据抓取、特征模型开发、历史验证回归测试、每日动态风险评估管理等技术,较大的增强股票投资胜率,让IT开发者拥有一套实用的属于自己思路的专用交易软件。先简要介绍下系统运行的成果和项目架构,后续持续更新,努力做出一个精品专栏,感兴趣......
  • 开源语音转文本Speech-to-Text大模型实战之Wav2Vec篇
    前言近年来,语音转文本(Speech-to-Text,STT)技术取得了长足的进步,广泛应用于各种领域,如语音助手、自动字幕生成、智能客服等。本文将详细介绍如何利用开源语音转文本大模型进行实战,从模型选择、环境搭建、模型训练到实际应用,带您一步步实现语音转文本功能。一、模型选择目前,市......
  • 【全球首个开源AI数字人】DUIX数字人-打造你的AI伴侣!
    目录1.引言1.1数字人技术的发展背景1.2DUIX数字人项目的开源意义1.3DUIX数字人技术的独特价值1.4本文目的与结构2.DUIX数字人概述2.1定义与核心概念2.2硅基智能与DUIX的关系2.3技术架构2.4开源优势2.5应用场景2.6安全与合规性3.DUIX数字人技术特点3.1开......
  • 阿里云服务器数据库迁云: 数据从传统到云端的安全之旅(WordPress个人博客实战教学)
    ......
  • 033基于SSM+Jsp的多用户博客个人网站
    开发语言:Java框架:ssm技术:JSPJDK版本:JDK1.8服务器:tomcat7数据库:mysql5.7(一定要5.7版本)数据库工具:Navicat11开发软件:eclipse/myeclipse/ideaMaven包:Maven3.3.9系统展示管理员登录管理员功能界面博文类型管理界面管理员管理我的收藏留言板管理客服聊天管理学生功......
  • 一款.NET开源的i茅台自动预约小助手
    前言今天大姚给大家分享一款.NET开源、基于WPF实现的i茅台APP接口自动化每日自动预约(抢茅台)小助手:HyggeImaotai。项目介绍该项目通过接口自动化模拟i茅台APP实现每日自动预约茅台酒的功能,软件会在指定时间开始对管理的用户进行批量预约。项目功能用户管理预约项目店铺管......
  • 创新实现(九)——博客处理
    博客部分当用户需要针对OJ上的比赛以及题目进行相关讨论的时候,OJ平台给大家一个博客平台供大家交流讨论。博客部分中利用blogs.php文件进行最近前10个博客的显示,用户可以利用右上角的按钮查看自己的博客情况以及自己写一个博客。博客总览blogs.php文件用于生成一个博客总览页......
  • 模拟集成电路设计系列博客——7.3.1 并联比较型ADC基本介绍
    7.3.1并联比较型ADC基本介绍并联比较型ADC(后续都称作FlashADC)是实现超高速转换器的标准方式。FlashADC的输入信号被并行的馈入\(2^N\)个比较器中,如下图所示:每个比较器被连接到电阻串的节点上。任何连接到电阻串节点的比较器,如果\(V_{ri}\)大于\(V_{in}\)有着1的输出,而\(V_{r......
  • 最新源支付系统源码 V7版全开源 免授权 附搭建教程
    简介最新源支付系统源码V7版全开源免授权附详细搭建教程YPay是专为个人站长打造的聚合免签系统,拥有卓越的性能和丰富的功能。它采用全新轻量化的界面UI,让您能更方便快捷地解决知识付费和运营赞助的难题。同时,它基于高性能的thinkphp6.1.4+layui2.9.3+PearAdmin架构......
  • Dash开源框架
    Dash是一个基于Python的开源框架,由Plotly开发,用于构建数据驱动的交互式Web应用程序。它结合了Flask、Plotly和React.js的强大功能,简化了数据可视化应用的开发过程。Dash非常适合需要将数据科学和数据分析结果展示给非技术用户的情况。 Dash的核心组件1.**Dash......