登录 注册

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

通过一段时间的自我使用，在原先日记与数据库模板列的结合使用分享 - 链滴 (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

  • 思源笔记

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

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

    23126 引用 • 93126 回帖 • 1 关注
1 操作
jihui 在 2024-07-18 10:55:44 更新了该帖
1 感谢
7 收藏
1 赞同
1 操作
2 回帖
445 371 73 1

相关帖子

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

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • chenhao396 •
    订阅者 付费者 捐赠者

    爱了爱了

  • 其他回帖
  • jihui •
    付费者 作者

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

jihui
可是，现在是春天，一切的好事都应该有权利发生。
回帖
49
 帖子
17
 积分
4083

近期热议

推荐标签 标签

  • PWA

    PWA（Progressive Web App）是 Google 在 2015 年提出、2016 年 6 月开始推广的项目。它结合了一系列现代 Web 技术，在网页应用中实现和原生应用相近的用户体验。

    14 引用 • 69 回帖 • 159 关注
  • Kotlin

    Kotlin 是一种在 Java 虚拟机上运行的静态类型编程语言，由 JetBrains 设计开发并开源。Kotlin 可以编译成 Java 字节码，也可以编译成 JavaScript，方便在没有 JVM 的设备上运行。在 Google I/O 2017 中，Google 宣布 Kotlin 成为 Android 官方开发语言。

    19 引用 • 33 回帖 • 65 关注
  • 支付宝

    支付宝是全球领先的独立第三方支付平台，致力于为广大用户提供安全快速的电子支付/网上支付/安全支付/手机支付体验，及转账收款/水电煤缴费/信用卡还款/AA 收款等生活服务应用。

    29 引用 • 347 回帖 • 2 关注
  • Markdown

    Markdown 是一种轻量级标记语言，用户可使用纯文本编辑器来排版文档，最终通过 Markdown 引擎将文档转换为所需格式（比如 HTML、PDF 等）。

    167 引用 • 1521 回帖
  • Electron

    Electron 基于 Chromium 和 Node.js，让你可以使用 HTML、CSS 和 JavaScript 构建应用。它是一个由 GitHub 及众多贡献者组成的活跃社区共同维护的开源项目，兼容 Mac、Windows 和 Linux，它构建的应用可在这三个操作系统上面运行。

    15 引用 • 136 回帖 • 1 关注
  • JSON

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

    52 引用 • 190 回帖
  • 创业

    你比 99% 的人都优秀么？

    82 引用 • 1395 回帖
  • iOS

    iOS 是由苹果公司开发的移动操作系统，最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统，最初是设计给 iPhone 使用的，后来陆续套用到 iPod touch、iPad 以及 Apple TV 等产品上。iOS 与苹果的 Mac OS X 操作系统一样，属于类 Unix 的商业操作系统。

    85 引用 • 139 回帖
  • FreeMarker

    FreeMarker 是一款好用且功能强大的 Java 模版引擎。

    23 引用 • 20 回帖 • 464 关注
  • 新人

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

    52 引用 • 228 回帖
  • Mobi.css

    Mobi.css is a lightweight, flexible CSS framework that focus on mobile.

    1 引用 • 6 回帖 • 748 关注
  • SendCloud

    SendCloud 由搜狐武汉研发中心孵化的项目，是致力于为开发者提供高质量的触发邮件服务的云端邮件发送平台，为开发者提供便利的 API 接口来调用服务，让邮件准确迅速到达用户收件箱并获得强大的追踪数据。

    2 引用 • 8 回帖 • 487 关注
  • Node.js

    Node.js 是一个基于 Chrome JavaScript 运行时建立的平台， 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动， 非阻塞 I/O 模型而得以轻量和高效。

    139 引用 • 269 回帖 • 26 关注
  • 笔记

    好记性不如烂笔头。

    308 引用 • 793 回帖
  • Bootstrap

    Bootstrap 是 Twitter 推出的一个用于前端开发的开源工具包。它由 Twitter 的设计师 Mark Otto 和 Jacob Thornton 合作开发，是一个 CSS / HTML 框架。

    18 引用 • 33 回帖 • 667 关注
  • 快应用

    快应用 是基于手机硬件平台的新型应用形态；标准是由主流手机厂商组成的快应用联盟联合制定；快应用标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台；以平台化的生态模式对个人开发者和企业开发者全品类开放。

    15 引用 • 127 回帖 • 2 关注
  • 大数据

    大数据（big data）是指无法在一定时间范围内用常规软件工具进行捕捉、管理和处理的数据集合，是需要新处理模式才能具有更强的决策力、洞察发现力和流程优化能力的海量、高增长率和多样化的信息资产。

    93 引用 • 113 回帖
  • CSDN

    CSDN (Chinese Software Developer Network) 创立于 1999 年，是中国的 IT 社区和服务平台，为中国的软件开发者和 IT 从业者提供知识传播、职业发展、软件开发等全生命周期服务，满足他们在职业发展中学习及共享知识和信息、建立职业发展社交圈、通过软件开发实现技术商业化等刚性需求。

    14 引用 • 155 回帖
  • DNSPod

    DNSPod 建立于 2006 年 3 月份，是一款免费智能 DNS 产品。 DNSPod 可以为同时有电信、网通、教育网服务器的网站提供智能的解析，让电信用户访问电信的服务器，网通的用户访问网通的服务器，教育网的用户访问教育网的服务器，达到互联互通的效果。

    6 引用 • 26 回帖 • 519 关注
  • 链书

    链书（Chainbook）是 B3log 开源社区提供的区块链纸质书交易平台，通过 B3T 实现共享激励与价值链。可将你的闲置书籍上架到链书，我们共同构建这个全新的交易平台，让闲置书籍继续发挥它的价值。

    链书社

    链书目前已经下线，也许以后还有计划重制上线。

    14 引用 • 257 回帖
  • Java

    Java 是一种可以撰写跨平台应用软件的面向对象的程序设计语言，是由 Sun Microsystems 公司于 1995 年 5 月推出的。Java 技术具有卓越的通用性、高效性、平台移植性和安全性。

    3190 引用 • 8214 回帖 • 1 关注
  • Redis

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

    286 引用 • 248 回帖 • 45 关注
  • 房星科技

    房星网，我们不和没有钱的程序员谈理想，我们要让程序员又有理想又有钱。我们有雄厚的房地产行业线下资源，遍布昆明全城的 100 家门店、四千地产经纪人是我们坚实的后盾。

    6 引用 • 141 回帖 • 588 关注
  • 又拍云

    又拍云是国内领先的 CDN 服务提供商,国家工信部认证通过的“可信云”，乌云众测平台认证的“安全云”，为移动时代的创业者提供新一代的 CDN 加速服务。

    21 引用 • 37 回帖 • 549 关注
  • WebComponents

    Web Components 是 W3C 定义的标准，它给了前端开发者扩展浏览器标签的能力，可以方便地定制可复用组件，更好的进行模块化开发，解放了前端开发者的生产力。

    1 引用 • 1 关注
  • Gzip

    gzip （GNU zip）是 GNU 自由软件的文件压缩程序。我们在 Linux 中经常会用到后缀为 .gz 的文件，它们就是 Gzip 格式的。现今已经成为互联网上使用非常普遍的一种数据压缩格式，或者说一种文件格式。

    9 引用 • 12 回帖 • 150 关注
  • Kubernetes

    Kubernetes 是 Google 开源的一个容器编排引擎，它支持自动化部署、大规模可伸缩、应用容器化管理。

    110 引用 • 54 回帖 • 4 关注

最新标签