日记与数据库模板列使用分享 v2.0 版本

本贴最后更新于 428 天前,其中的信息可能已经时移世异

通过一段时间的自我使用,在原先日记与数据库模板列的结合使用分享 - 链滴 (ld246.com)的基础上进行了一些小优化。具体怎么玩大家可以看上面这个帖子。

主要是对一些判断处理逻辑进行了小优化。对关键字列可以通过感叹号来对当天的重点事件进行强调,因为普通事件目前做的太花哨了,不强调的话容易看花眼。对样式加上了更骚气的随机渐变色

这个是带渐变色版本的

因为颜色是随机取的思源默认支持的 13 种颜色,而不同主题对这 13 种颜色会有改写,所以展示效果可能会有差异性,我这花哨的展示效果是在 Asri 主题下呈现的,供大家参考,有基础的也可自行对颜色进行改写。

ce3c1af2b8842f92b67f9c882431f16b.jpeg

渐变色的缺点是比不带渐变色的加载稍微慢一丢丢

.action{$key := "关键词:"} .action{$ret := queryBlocks "SELECT * FROM blocks WHERE root_id = '?' AND type = 'p' AND content LIKE '?%' LIMIT 1" .id $key} .action{if len $ret} .action{$val := first $ret} .action{$str := trimPrefix $key $val.Content} .action{if empty $str} <span class="b3-chip" style="background-color:#C5E1A5;color:#000000">^.^ 今日安康</span> .action{else} .action{$str = replace "!" "!" $str | replace "," ","} .action{$list := splitList "," $str} .action{ $one := list } .action{ $two := list } .action{ $three := list } .action{ $four := list } .action{ range $v := $list } .action{ if hasPrefix "!!!" $v } .action{ $one = append $one $v } .action{ else if hasPrefix "!!" $v } .action{ $two = append $two $v } .action{ else if hasPrefix "!" $v } .action{ $three = append $three $v } .action{ else } .action{ $four = append $four $v } .action{ end } .action{end} .action{ if and (empty $one) (empty $two) (empty $three)} .action{ range $v := $four} .action{$a := randInt 2 13} .action{$b := randInt 1 13} <span class="b3-chip" style="background: linear-gradient(120deg, var(--b3-font-background.action{$a}) 0%, var(--b3-font-background.action{$b}) 100%);color:var(--b3-font-color.action{$a})">.action{$v}</span> .action{ end } .action{ else } .action{ $list := concat $one $two $three $four } .action{ range $v := $list } .action{if hasPrefix "!!!" $v} .action{ $v:= trimAll "!" $v } <span class="b3-chip" style="background-color:red;color:yellow">!.action{$v}</span> .action{else if hasPrefix "!!" $v} .action{ $v:= trimAll "!" $v } <span class="b3-chip" style="background-color:#FFD700;color:#000000">!.action{$v}</span> .action{else if hasPrefix "!" $v} <span class="b3-chip" style="background-color:#007BFF;color:#FFFFFF">.action{$v}</span> .action{else} .action{$a := randInt 2 13} .action{$b := randInt 1 13} <span class="b3-chip" style="background: linear-gradient(120deg, var(--b3-font-background.action{$a}) 0%, var(--b3-font-background.action{$b}) 100%);color:var(--b3-font-color.action{$a})">.action{$v}</span> .action{end} .action{ end } .action{ end } .action{ end } .action{ end }

上述代码只是为了方便大家看下怎么写的,真正填入模板列的时候是需要把所有换行都去掉的,可以直接复制下面的内容或者自行换成一行

.action{$key := "关键词:"}.action{$ret := queryBlocks "SELECT * FROM blocks WHERE root_id = '?' AND type = 'p' AND content LIKE '?%' LIMIT 1" .id $key}.action{if len $ret}.action{$val := first $ret}.action{$str := trimPrefix $key $val.Content}.action{if empty $str}<span class="b3-chip" style="background-color:#C5E1A5;color:#000000">^.^ 今日安康</span>.action{else}.action{$str = replace "!" "!" $str | replace "," ","}.action{$list := splitList "," $str}.action{ $one := list }.action{ $two := list }.action{ $three := list }.action{ $four := list }.action{ range $v := $list }.action{ if hasPrefix "!!!" $v }.action{ $one = append $one $v }.action{ else if hasPrefix "!!" $v }.action{ $two = append $two $v }.action{ else if hasPrefix "!" $v }.action{ $three = append $three $v }.action{ else }.action{ $four = append $four $v }.action{ end }.action{end}.action{ if and (empty $one) (empty $two) (empty $three)}.action{ range $v := $four}.action{$a := randInt 2 13}.action{$b := randInt 1 13}<span class="b3-chip" style="background: linear-gradient(120deg, var(--b3-font-background.action{$a}) 0%, var(--b3-font-background.action{$b}) 100%);color:var(--b3-font-color.action{$a})">.action{$v}</span>.action{ end }.action{ else }.action{ $list := concat $one $two $three $four }.action{ range $v := $list }.action{if hasPrefix "!!!" $v}.action{ $v:= trimAll "!" $v }<span class="b3-chip" style="background-color:red;color:yellow">!.action{$v}</span>.action{else if hasPrefix "!!" $v}.action{ $v:= trimAll "!" $v }<span class="b3-chip" style="background-color:#FFD700;color:#000000">!.action{$v}</span>.action{else if hasPrefix "!" $v}<span class="b3-chip" style="background-color:#007BFF;color:#FFFFFF">.action{$v}</span>.action{else}.action{$a := randInt 2 13}.action{$b := randInt 1 13}<span class="b3-chip" style="background: linear-gradient(120deg, var(--b3-font-background.action{$a}) 0%, var(--b3-font-background.action{$b}) 100%);color:var(--b3-font-color.action{$a})">.action{$v}</span>.action{end}.action{ end }.action{ end }.action{ end }.action{ end }

这是不带渐变色的,流畅性稍微好点,使用时最好也是把换行都去掉:

.action{$key := "关键词:"} .action{$ret := queryBlocks "SELECT * FROM blocks WHERE root_id = '?' AND type = 'p' AND content LIKE '?%' LIMIT 1" .id $key} .action{if len $ret} .action{$val := first $ret} .action{$str := trimPrefix $key $val.Content} .action{if empty $str} <span class="b3-chip" style="background-color:#C5E1A5;color:#000000">^.^ 今日安康</span> .action{else} .action{$str = replace "!" "!" $str | replace "," ","} .action{$list := splitList "," $str} .action{ $one := list } .action{ $two := list } .action{ $three := list } .action{ $four := list } .action{ range $v := $list } .action{ if hasPrefix "!!!" $v } .action{ $one = append $one $v } .action{ else if hasPrefix "!!" $v } .action{ $two = append $two $v } .action{ else if hasPrefix "!" $v } .action{ $three = append $three $v } .action{ else } .action{ $four = append $four $v } .action{ end } .action{end} .action{ if and (empty $one) (empty $two) (empty $three)} .action{ range $v := $four} .action{$a := randInt 1 13} <span class="b3-chip" style="background-color:var(--b3-font-background.action{$a});color:var(--b3-font-color.action{$a})">.action{$v}</span> .action{ end } .action{ else } .action{ $list := concat $one $two $three $four } .action{ range $v := $list } .action{if hasPrefix "!!!" $v} .action{ $v:= trimAll "!" $v } <span class="b3-chip" style="background-color:red;color:yellow">!.action{$v}</span> .action{else if hasPrefix "!!" $v} .action{ $v:= trimAll "!" $v } <span class="b3-chip" style="background-color:#FFD700;color:#000000">!.action{$v}</span> .action{else if hasPrefix "!" $v} <span class="b3-chip" style="background-color:#007BFF;color:#FFFFFF">.action{$v}</span> .action{else} .action{$a := randInt 1 13} <span class="b3-chip" style="background-color:var(--b3-font-background.action{$a});color:var(--b3-font-color.action{$a})">.action{$v}</span> .action{end} .action{ end } .action{ end } .action{ end } .action{ end }

还是要额外说明下,在我的例子中,日记模板中的 关键字: 后面可以通过一到三个感叹号表示三种强调级别,比如Clip20240718105446.jpg

Clip20240718105501.jpg

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    27193 引用 • 113805 回帖
1 操作
jihui 在 2024-07-18 10:55:44 更新了该帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • jihui

    另外最新数据库模板是能兼容日记模版中对于中英文逗号的区分的,不管你使用哪种逗号都能分割,这在上一版是不行的,感叹号强调级别也同时支持中英文的使用。

jihui
可是,现在是春天,一切的好事都应该有权利发生。

推荐标签 标签

  • Kafka

    Kafka 是一种高吞吐量的分布式发布订阅消息系统,它可以处理消费者规模的网站中的所有动作流数据。 这种动作(网页浏览,搜索和其他用户的行动)是现代系统中许多功能的基础。 这些数据通常是由于吞吐量的要求而通过处理日志和日志聚合来解决。

    36 引用 • 35 回帖 • 4 关注
  • Quicker

    Quicker 您的指尖工具箱!操作更少,收获更多!

    39 引用 • 167 回帖 • 2 关注
  • WebSocket

    WebSocket 是 HTML5 中定义的一种新协议,它实现了浏览器与服务器之间的全双工通信(full-duplex)。

    48 引用 • 206 回帖 • 281 关注
  • Excel
    31 引用 • 28 回帖
  • C++

    C++ 是在 C 语言的基础上开发的一种通用编程语言,应用广泛。C++ 支持多种编程范式,面向对象编程、泛型编程和过程化编程。

    108 引用 • 153 回帖 • 1 关注
  • 前端

    前端技术一般分为前端设计和前端开发,前端设计可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括 HTML、CSS 以及 JavaScript 等。

    247 引用 • 1340 回帖 • 1 关注
  • Vim

    Vim 是类 UNIX 系统文本编辑器 Vi 的加强版本,加入了更多特性来帮助编辑源代码。Vim 的部分增强功能包括文件比较(vimdiff)、语法高亮、全面的帮助系统、本地脚本(Vimscript)和便于选择的可视化模式。

    29 引用 • 66 回帖 • 1 关注
  • Google

    Google(Google Inc.,NASDAQ:GOOG)是一家美国上市公司(公有股份公司),于 1998 年 9 月 7 日以私有股份公司的形式创立,设计并管理一个互联网搜索引擎。Google 公司的总部称作“Googleplex”,它位于加利福尼亚山景城。Google 目前被公认为是全球规模最大的搜索引擎,它提供了简单易用的免费服务。不作恶(Don't be evil)是谷歌公司的一项非正式的公司口号。

    50 引用 • 192 回帖
  • Redis

    Redis 是一个开源的使用 ANSI C 语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value 数据库,并提供多种语言的 API。从 2010 年 3 月 15 日起,Redis 的开发工作由 VMware 主持。从 2013 年 5 月开始,Redis 的开发由 Pivotal 赞助。

    284 引用 • 248 回帖
  • Typecho

    Typecho 是一款博客程序,它在 GPLv2 许可证下发行,基于 PHP 构建,可以运行在各种平台上,支持多种数据库(MySQL、PostgreSQL、SQLite)。

    12 引用 • 67 回帖 • 446 关注
  • Ruby

    Ruby 是一种开源的面向对象程序设计的服务器端脚本语言,在 20 世纪 90 年代中期由日本的松本行弘(まつもとゆきひろ/Yukihiro Matsumoto)设计并开发。在 Ruby 社区,松本也被称为马茨(Matz)。

    7 引用 • 31 回帖 • 277 关注
  • Chrome

    Chrome 又称 Google 浏览器,是一个由谷歌公司开发的网页浏览器。该浏览器是基于其他开源软件所编写,包括 WebKit,目标是提升稳定性、速度和安全性,并创造出简单且有效率的使用者界面。

    63 引用 • 289 回帖
  • 游戏

    沉迷游戏伤身,强撸灰飞烟灭。

    188 引用 • 832 回帖
  • Python

    Python 是一种面向对象、直译式电脑编程语言,具有近二十年的发展历史,成熟且稳定。它包含了一组完善而且容易理解的标准库,能够轻松完成很多常见的任务。它的语法简捷和清晰,尽量使用无异义的英语单词,与其它大多数程序设计语言使用大括号不一样,它使用缩进来定义语句块。

    558 引用 • 676 回帖
  • SMTP

    SMTP(Simple Mail Transfer Protocol)即简单邮件传输协议,它是一组用于由源地址到目的地址传送邮件的规则,由它来控制信件的中转方式。SMTP 协议属于 TCP/IP 协议簇,它帮助每台计算机在发送或中转信件时找到下一个目的地。

    4 引用 • 18 回帖 • 651 关注
  • MySQL

    MySQL 是一个关系型数据库管理系统,由瑞典 MySQL AB 公司开发,目前属于 Oracle 公司。MySQL 是最流行的关系型数据库管理系统之一。

    694 引用 • 537 回帖
  • 以太坊

    以太坊(Ethereum)并不是一个机构,而是一款能够在区块链上实现智能合约、开源的底层系统。以太坊是一个平台和一种编程语言 Solidity,使开发人员能够建立和发布下一代去中心化应用。 以太坊可以用来编程、分散、担保和交易任何事物:投票、域名、金融交易所、众筹、公司管理、合同和知识产权等等。

    34 引用 • 367 回帖 • 1 关注
  • 书籍

    宋真宗赵恒曾经说过:“书中自有黄金屋,书中自有颜如玉。”

    84 引用 • 414 回帖
  • JSON

    JSON (JavaScript Object Notation)是一种轻量级的数据交换格式。易于人类阅读和编写。同时也易于机器解析和生成。

    53 引用 • 190 回帖
  • abitmean

    有点意思就行了

    39 关注
  • TGIF

    Thank God It's Friday! 感谢老天,总算到星期五啦!

    293 引用 • 4496 回帖 • 664 关注
  • RIP

    愿逝者安息!

    8 引用 • 92 回帖 • 420 关注
  • 新人

    让我们欢迎这对新人。哦,不好意思说错了,让我们欢迎这位新人!
    新手上路,请谨慎驾驶!

    52 引用 • 228 回帖
  • 服务

    提供一个服务绝不仅仅是简单的把硬件和软件累加在一起,它包括了服务的可靠性、服务的标准化、以及对服务的监控、维护、技术支持等。

    41 引用 • 24 回帖
  • Git

    Git 是 Linux Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。

    212 引用 • 358 回帖
  • Dubbo

    Dubbo 是一个分布式服务框架,致力于提供高性能和透明化的 RPC 远程服务调用方案,是 [阿里巴巴] SOA 服务化治理方案的核心框架,每天为 2,000+ 个服务提供 3,000,000,000+ 次访问量支持,并被广泛应用于阿里巴巴集团的各成员站点。

    60 引用 • 82 回帖 • 624 关注
  • Webswing

    Webswing 是一个能将任何 Swing 应用通过纯 HTML5 运行在浏览器中的 Web 服务器,详细介绍请看 将 Java Swing 应用变成 Web 应用

    1 引用 • 15 回帖 • 649 关注