Achuan-2

支持大佬，插件好好用！

✨ Add internal kernel API `/api/icon` by Achuan-2 · Pull Request #12939 · siyuan-note/siyuan

成了！已提交 pr

hhhh ，可以的

好滴，我在搭建了

打算试试了，尝试之前，想问问 api 支持这样调用吗

http://127.0.0.1:6806/api/system/dynamicIcon?type=1&color=blue&date=2023-05-20&locale=en

ai 给的代码, 这样就能获取 URL 里的 type 了吗

func getDynamicIcon(c *gin.Context) {
    iconType := c.Query("type")
  
    var svgContent string
    switch iconType {
    case "1":
        // 这里是一个简单的SVG图标示例
        svgContent = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
            <circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="2"/>
            <path d="M12 8v8M8 12h8" stroke="currentColor" stroke-width="2"/>
        </svg>`
    default:
        c.String(400, "Invalid icon type")
        return
    }
  
    // 设置响应头
    c.Header("Content-Type", "image/svg+xml")
    c.String(200, svgContent)
}

设计完成了，设计了 8 种 type，8 种配色

源码见：Achuan-2/siyuan-plugin-dynamic-calendar-icon: 思源笔记动态图片设计

内核我晚点再折腾

参数

• type：图标类型，默认为 1

  1. type=1：显示年月日星期
  2. type=2 ： 显示年月日
  3. type=3 ： 仅显示年月
  4. type=4 ： 仅显示年
  5. type=5 ： 当前周数
  6. type=6：仅返回星期
  7. type=7：倒数日
  8. type=8：汉字字母数字图标

• locale：中英文切换，默认为 cn，仅在 type=1、2、3、5、6、7 时有效

  • locale=cn：显示中文
  • locale=en：显示英文

• color：设置配色，一共八种配色

  • color=red
  • color=blue
  • color=yellow
  • color=green
  • color=purple
  • color=pink
  • color=orange
  • color=grey

  

• date: 设置日期，默认为当前日期，日期设置格式为 yyyy-mm-dd，仅在 type=1-6 时有效

• content：设置文字图标的内容，默认为空，仅在 type=8 时有效

示例

type=1：显示年月日星期

默认显示今天的日期。

可通过 date=2024-10-26 指定显示的日期

type=2：显示年月日

type=3：仅显示年月

type=4：仅显示年

type=5：当前周数

type=6：仅返回星期

不输入 color 的话，默认星期一到星期五为红色，星期六和星期日为蓝色

指定 color

type=7：倒数日

该图标会显示当前日期与指定日期之间的天数。

支持 locale=en 修改为英文：

• 已过 用 Past 表示。
• 还有 用 Left 表示。

type=8：文字图标

该图标可以显示一个指定的汉字、字母、数字组合。

模板是没问题的，我这边可以直接调用你的模板

其他问题，你需要自己确认下

你直接新建一个文档，调用日记模板，看看有没有报错

另外 go 实现，如果 D 大可以告诉我在哪个 go 文件搞，参考哪个函数实现，我可以试试

内核可以实现 http://127.0.0.1:6806/api/icon?type=1 这种方式渲染 svg，还是其他什么方式呢

D 大看看这种程度上的修改可以不
参考 2018 年 Terence Eden 开源的动态日历图标：edent/Dynamic-SVG-Calendar-Icon: Here it is, an SVG calendar which always display's today's date.（wolai 的动态日历图标是 2020.09.04 才出的，见 wolai 2020.9 更新）

Terence Eden 的

修改：

• 把孔洞补上
• 英文和数字字体改为 Arial
• 灰色背景调亮

添加年份（wolai 没有同时显示年月日星期的图标）

wolai 的

重新设计好办，我可以用 adobe illustrator 设计，导出 svg，然后参考 wolai，替换文本和支持修改配色

这个我可以帮忙搞

不过内核我估计就得靠其他大佬贡献了

svg 可以直接指定字体类别和字体大小的，国际化肯定没问题，就是麻烦，月份和星期的英文是通用的，感觉没太必要纠结国际化，年份和日期就用阿拉伯数字

GitHub - Achuan-2/siyuan-plugin-dynamic-calendar-icon: 思源笔记动态图片设计 思源笔记动态图片设计. Contribute to Achuan-2/siyuan-plugin-dynamic-calendar-icon development by creating an account on GitHub. GitHub - github.com

生成动态图标逻辑我基本已经写好了，把 wolai 的 9 种样式都 copy 了（没有 type2，因为 wolai type1 和 type2 貌似就是一样的），也加了中英文切换（通过 locale=cn，locale=en 切换）

但是不知道内核内置这个功能怎么加，是需要用 go 写吗

调用也是调 api 的形式生成 svg 吗

如果官方要集成这个功能，直接用 wolai 的样式会有侵权风险吗，是不是得修改下，wolai 本身的设计是真的好看，我目前只对 type6 倒数日图标进行了修改，添加了天/days 的文字显示

我其实之前已经写了一个倒数日挂件块了

wolai 动态图标，也用挂件的方式写了个 demo

之所以想用 url 返回 svg，是考虑思源万一支持在线的文档图标的话，就可以使用

js 动态替换，确实是目前能想到的一个方案了

谢谢，原来安卓没有 electron runtime。

可能得类似你在思源渲染 tif 的方案，动态替换

不过这样有点麻烦了，我再想想

需要行内的，可以用图片链接语法显示，之后如果思源支持文档图标用链接，就可以用动态图标了

只要能根据参数动态返回 svg 就行，因为比如当天日历图标和倒数日就需要每天更新

wolai 是用 api 实现的

哦哦，用反链的话也是一个思路，不过只用反链来做评论的话，行内评论不方便看评论吧。所以行内评论用正链实现吗

type7-type10 搬运完毕，但是目前还是不知道安卓怎么用

看起来就是备注增强插件的功能，用块引当备注

我最近也写了一个脚注插件，把所有脚注内容放在一个文档里

之所以要改备注增强插件，是因为只能加一个备注，不能加多条，这样我想用来文献引用就不方便

另外把所有脚注内容放在一个文档，是因为思源导出块引为脚注时，如果块本身就在文档，就会重复导出

目前有一个问题，貌似安卓端和 mac 端不能用

Type 3- Type 5 实现

倒数日实现

还得思源支持文档图标用网络链接

不然只能放在笔记里

哈哈哈哈哈哈

看到这个插件 taotaochen86/siyuan-plugin-jsrunner: Run jscode from post request and return the result to the client-side

输入给 ai，竟然写成功了，无敌哈哈哈哈

期待下，两个插件就是强强联合了

最新的 dev 版本有 bug，用 3.1.10 就可以正常加载模板

没法关闭

另外搜索面板如果默认显示最近更新的文档会更有意义，希望能改进下

日记模板能加载吗，还是只是图标没自动弄上?

注意思源笔记的版本 v3.1.6 才支持的

下面是我的模板

## <span data-type="text">✅ Anticipation</span>{: style="background-color: var(--b3-font-background1); color: var(--b3-font-color1);"}
{: id="20240507174827-ngyzns0"}

* {: id="20240522173039-px8nt9y"}
  {: id="20240522173039-x2vopsz"}
{: id="20240522173029-qu7w7c0"}

## <span data-type="text">🗑Inbox</span>{: style="background-color: var(--b3-font-background5); color: var(--b3-font-color5);"}
{: id="20240913235735-nvycpsw"}

* {: id="20240913235759-fakd5pu"}
  {: id="20240913235759-cuwh5d1"}
{: id="20240913235758-wmu5f93"}

## <span data-type="text">🚀 </span>{: style="background-color: var(--b3-card-warning-background); color: var(--b3-font-color2);"}<span data-type="text block-ref" data-subtype="s" data-id="20240111110403-d7pl49p">Project</span>{: style="background-color: var(--b3-card-warning-background); color: var(--b3-font-color2);"}
{: id="20240507174827-ggl33t4"}

* {: id="20240522173042-zhdbl5z"}
  {: id="20240522173042-5za43s0"}
{: id="20240522173041-gumqpfx"}

## <span data-type="text">🔧 Areas</span>{: style="background-color: var(--b3-font-background3); color: var(--b3-font-color3);"}
{: id="20240507174827-jux1qpt" memo="碎碎念与如何变得更好"}

{: id="20240913235715-mro5g0y"}

## <span data-type="text">🍔Resource</span>{: style="background-color: var(--b3-font-background6); color: var(--b3-font-color6);"}
{: id="20240914121549-yhks3fa"}

{: id="20240914121645-euj3h81"}

## <span data-type="text">🍉 Life</span>{: style="background-color: var(--b3-font-background4); color: var(--b3-font-color4);"}
{: id="20240911001239-68vdveu"}

* {: id="20240913235717-h4xbr02"}
  {: id="20240913235717-yfhvggr"}
{: id="20240913235716-w4oqmwv"}

## <span data-type="text">🤔 Reflection</span>{: style="background-color: var(--b3-font-background8); color: var(--b3-font-color8);"}
{: id="20240913235729-wvxihi2"}

.action{ $weekday := now | date "Mon" }

.action{$docIconDict := dict "Mon" "day_Today_1_Monday.png" "Tue" "day_Today_2_Tuesday.png" "Wed" "day_Today_3_Wednesday.png" "Thu" "day_Today_4_Thursday.png" "Fri" "day_Today_5_Friday.png" "Sat" "day_Today_6_Saturday.png" "Sun" "day_Today_7_Sunday.png"} 
.action{$docIconUrl := get $docIconDict $weekday}


{: icon="time/.action{$docIconUrl}"   type="doc"}

通过网盘分享的文件：思源笔记日期图标.zip
链接: https://pan.baidu.com/s/1PuptZONuXm3NpeCE_OK7pA?pwd=9ym5 提取码: 9ym5
--来自百度网盘超级会员 v3 的分享