created: 20260726051257984
modified: 20260726102329635
tags: 资料 🍀
title: tiddlywiki
type: text/vnd.tiddlywiki

! 新增一个语法高亮

源码位于 [[plugins/utilities/highlight-tiddlywiki.tid|$:/plugins/local/highlight-languages/tiddlywiki.js]]，由 `$:/plugins/local/utilities` 插件统一打包。

<details>
<summary>点击展开文件内容</summary>

{{$:/plugins/local/highlight-languages/tiddlywiki.js}}

</details>

! 在侧边增加一个新的 tab

```tid
title: $:/plugins/local/sidebar/starred
type: text/vnd.tiddlywiki
tags: $:/tags/SideBar
caption: 🍀
list-after: $:/core/ui/SideBar/More

<div class="tc-sidebar-tab-open">

<$list
  filter="[tag[🍀]!has[draft.of]sort[title]]"
  emptyMessage="还没有设置 🍀 标签的条目。"
>
<div class="tc-sidebar-tab-open-item">
<$link/>
</div>
</$list>

</div>
```

! 插件 - github-fork-ribbon

在页面角落显示一个类似 GitHub “Fork me” 的斜角丝带，并链接到指定网址

编辑 [[$:/github-ribbon]] 并添加标签 {{$:/tags/PageTemplate||$:/core/ui/TagTemplate}}

填写内容

```tid
<$transclude
  $tiddler="$:/plugins/tiddlywiki/github-fork-ribbon/template"
  position="right"
  url="https://github.com/你的账号/你的仓库"
  text="在 GitHub 查看"
  color="#24292f"
  top="30px"
  fixed="fixed"
/>
```

! 插件 - 代码复制

在代码块右上角展示一个复制按钮，源码位于 [[plugins/utilities/copy-codeblock-widget.tid|$:/plugins/local/copy-codeblock/copy-codeblock.js]]。

<details>
<summary>点击展开文件内容</summary>

{{$:/plugins/local/copy-codeblock/copy-codeblock.js}}

</details>

! 资源文件管理

图片文件可以和条目文件分开保存，也可以和 HTML 分开加载。

资源文件可以放在 `files/` 文件夹中，通过 `./files/...` 引用。