太微中文论坛

dyp1121054136

在cpl搜索 novel 即可找到插件 $:/plugins/dyp/novel-collection，目前有表格视图和画廊视图

dyp1121054136

想要什么配色改这个css就好了，实测是可以完美替换的

dyp1121054136

官方插件 $:/plugins/tiddlywiki/highlight
我让ai帮我写了黑色主题的配色
$:/plugins/tiddlywiki/highlight/highlight.css

/*!
  Theme: Default
  Description: Original highlight.js style
  Author: (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
  Maintainer: @highlightjs/core-team
  Website: https://highlightjs.org/
  License: see project LICENSE
  Touched: 2021
*/

/* 修改版 适配黑色主题 */

/* 设置代码块的样式，使用黑色背景 */
.hljs {
/*   background-color: #1E1E1E;
  color: #D4D4D4; */
  display: block;            /* 块级元素 */
  overflow-x: auto;          /* 横向滚动 */
  padding: 1em;              /* 内边距 */
}

/* 代码行的内边距 */
code.hljs {
  padding: 3px 5px;
}

/* 注释颜色 */
.hljs-comment {
  color: #6A6A6A;  /* 浅灰色注释 */
}

/* 标点符号、标签等 */
.hljs-punctuation,
.hljs-tag {
  color: #D4D4D4;  /* 默认代码颜色 */
}

/* 标签内的属性或名称 */
.hljs-tag .hljs-attr,
.hljs-tag .hljs-name {
  color: #D4D4D4;  /* 默认代码颜色 */
}

/* 属性名、关键字、选择器等 */
.hljs-attribute,
.hljs-doctag,
.hljs-keyword,
.hljs-meta .hljs-keyword,
.hljs-name,
.hljs-selector-tag {
  font-weight: 700;  /* 加粗显示 */
  color: #569CD6;    /* 蓝色 */
}

/* 删除内容、数字、字符串、类选择器等 */
.hljs-deletion,
.hljs-number,
.hljs-quote,
.hljs-selector-class,
.hljs-selector-id,
.hljs-string,
.hljs-template-tag,
.hljs-type {
  color: #CE9178;  /* 橙色 */
}

/* 标题、部分标题等 */
.hljs-section,
.hljs-title {
  color: #D16969;  /* 红色 */
  font-weight: 700;  /* 加粗 */
}

/* 链接、操作符、正则表达式、变量等 */
.hljs-link,
.hljs-operator,
.hljs-regexp,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-symbol,
.hljs-template-variable,
.hljs-variable {
  color: #C586C0;  /* 紫色 */
}

/* 字面量（如 true、false、null） */
.hljs-literal {
  color: #608B4E;  /* 绿色 */
}

/* 新增内容、内置函数、代码块等 */
.hljs-addition,
.hljs-builtin,
.hljs-bullet,
.hljs-code {
  color: #608B4E;  /* 绿色 */
}

/* 元数据（如 @import、@media 等） */
.hljs-meta {
  color: #9CDCFE;  /* 青色 */
}

/* 元数据中的字符串 */
.hljs-meta .hljs-string {
  color: #CE9178;  /* 橙色 */
}

/* 强调文本（斜体） */
.hljs-emphasis {
  font-style: italic;  /* 斜体 */
}

/* 加粗文本 */
.hljs-strong {
  font-weight: 700;  /* 加粗 */
}

dyp1121054136

不需要那么麻烦，不是有个wikitext高亮工具吗，我已经整理成插件了 $:/plugins/dyp/WikiText-highlight

https://dyp1121054136.github.io/dyp-plugins-library/

dyp1121054136

@机杼 $:/plugins/dyp/mulu，在https://dyp1121054136.github.io/dyp-plugins-library/中有示例，条目名叫“目录测试”

dyp1121054136

我不是写了一个目录插件吗，可以加前缀序号，加在标题或者caption都可以，按序号排序，而且在浏览的时候序号是隐藏的

dyp1121054136

新增了自动用uri引用github仓库在线图片的功能

tiddlywiki.info

{
	"description": "TiddlyWiki Plugin Library",
	"plugins": [
		"tiddlywiki/pluginlibrary",
		"tiddlywiki/highlight",
		"tiddlywiki/jszip"
	],
	"themes": [
                "tiddlywiki/vanilla",
                "tiddlywiki/snowwhite"
	],
	"languages": [
                "zh-Hans"
	],
	"includeWikis": [
	],
	"build": {
                "externalimages": [    
                        "--save", "[is[image]]", "images",  
                        "--setfield", "[is[image]]", "_canonical_uri", "$:/core/templates/canonical-uri-external-image", "text/plain",  
                        "--setfield", "[is[image]]", "text", "", "text/plain",  
                        "--render", "$:/core/save/all", "index.html", "text/plain"],
		"library": [
			"--makelibrary","$:/UpgradeLibrary",
   			"--savelibrarytiddlers","$:/UpgradeLibrary","[prefix[$:/]] -[prefix[$:/plugins/tiddlywiki/]] -[prefix[$:/themes/tiddlywiki/]] -[prefix[$:/languages/]] -[[$:/plugins/tiddlywiki/upgrade]] -[[$:/plugins/tiddlywiki/translators]] -[[$:/plugins/tiddlywiki/pluginlibrary]] -[[$:/plugins/tiddlywiki/jasmine]]","recipes/library/tiddlers/","$:/UpgradeLibrary/List",
   			"--savetiddler","$:/UpgradeLibrary/List","recipes/library/tiddlers.json",
			"--rendertiddler","$:/plugins/tiddlywiki/pluginlibrary/library.template.html","index.html","text/plain"],
		"gui": ["--load","gui/",
			"--rendertiddler","$:/core/save/all","index.html","text/plain"]
	}
}

记得修改图片uri指向路径前缀到自己仓库
tiddlers/external/tiddlywiki.files

{  
    "directories": [  
        {  
            "path": "../../files/images/",  
            "filesRegExp": "^.*\\.(?:jpg|jpeg|png|gif)$",  
            "isTiddlerFile": false,  
            "searchSubdirectories": true,  
            "fields": {  
                "title": {"source": "basename-uri-decoded"},  
                "created": {"source": "created"},  
                "modified": {"source": "modified"},  
                "type": "image/jpeg",  
                "tags": {"source": "subdirectories"},  
                "text": "",  
                "_canonical_uri": {"source": "filepath", "prefix": "https://raw.githubusercontent.com/dyp1121054136/dyp-plugins-library/refs/heads/master/files/images/"}  
            }  
        }  
    ]  
}

.github/workflows/main.yml

name: Node.js CI  
  
on:  
  # push:  
  #   branches: [ master ]  
  workflow_dispatch:  # 添加手动触发事件

jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
        with:
          submodules: 'recursive'
      - name: Setup Node.js
        uses: actions/setup-node@v4
        with:
          node-version: '22'
      - run: npm install tiddlywiki
      - run: mkdir -p node_modules/tiddlywiki/plugins/dyp/
      - run: cp -r plugins/* node_modules/tiddlywiki/plugins/dyp/
      - run: ./node_modules/.bin/tiddlywiki .  --output output --build externalimages
      - run: ./node_modules/.bin/tiddlywiki .  --output output/library --build library
      - run: ./node_modules/.bin/tiddlywiki .  --output output --build gui
      - name: Deploy to GitHub Pages
        if: success()
        uses: crazy-max/ghaction-github-pages@v2
        with:
          target_branch: gh-pages
          build_dir: output
        env:
          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

dyp1121054136

关于字体

woff2字体条目类型已修改为 application/octet-stream (一种MIME类型，通用的二进制文件类型)；

为了加快网站响应速度，部分不常用的字体已禁用，前缀为“引用字体-”的条目 $:/tags/Stylesheet 标签已移除，可重新加上 $:/tags/Stylesheet 标签使之生效

dyp1121054136

我也遇到了类似的情况，css和筛选器对被打包成插件的影子条目不生效了

dyp1121054136

以上方法不知为什么失效了，自建了一个新的tiddlywiki中文版空白模板：

https://github.com/dyp1121054136/tw-online-template

示例：

https://dyp1121054136.github.io/tw-online-template/

不需要下载任何软件，写几条命令就能发布github pages了，而且会自动更新到最新版本的核心。

dyp1121054136

@机杼这是一个插件库，不是网站，是让别人下载插件的，cpl也能搜索到我制作的插件了。字体还是制作为本地的好，手机端也能用，在线引用css每次打开wiki都要重新下载一遍很麻烦。

dyp1121054136

字体插件有未知bug，如果字体不生效，可能是安装的时候woff2文件打包状态被破坏了，修改条目类型为 application/font-woff2 或 font/woff2，可使字体重新生效

dyp1121054136

功能：

放置在“plugins”插件文件夹中的tiddlywiki插件将自动托管在此仓库的 GitHub Pages 站点上，提交到 master 分支将自动更新tiddlywiki插件库。

步骤：

1、复制此模板并新建仓库
https://github.com/mklauber/tw5-plugins-template

点击："Use this template"-"Create a new repository"，填写仓库名 Repository name-点击"Create repository"

2、gui/Library.tid 修改链接指向自己的仓库

url: https://{github 用户名}.github.io/{仓库名}/library/index.html

示例：https://dyp1121054136.github.io/dyp-plugins-library/library/index.html

3、新建github动作配置文件.github/workflows/main.yml

name: Node.js CI

on:
  push:
    branches: [ master ]
  workflow_dispatch:  # 添加手动触发事件

jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
        with:
          submodules: 'recursive'
      - name: Setup Node.js
        uses: actions/setup-node@v4
        with:
          node-version: '22'
      - run: npm install tiddlywiki
      - run: mkdir -p node_modules/tiddlywiki/plugins/dyp/
      - run: cp -r plugins/* node_modules/tiddlywiki/plugins/dyp/
      - run: ./node_modules/.bin/tiddlywiki .  --output output/library --build library
      - run: ./node_modules/.bin/tiddlywiki .  --output output --build gui
      - name: Deploy to GitHub Pages
        if: success()
        uses: crazy-max/ghaction-github-pages@v2
        with:
          target_branch: gh-pages
          build_dir: output
        env:
          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

4、修改仓库权限

"Settings"-"Actions"-"General"-"Workflow permissions"，勾选"Read and write permissions"，工作流在所有范围的存储库中均具有读写权限。

5、设置为中文

tiddlywiki.info 中增加

	"languages": [
                "zh-Hans"
	],

新建文件gui/$__language.json

[{"created":"20250508112256704","text":"$:/languages/zh-Hans","title":"$:/language","modified":"20250508112643825"}]

6、修改master分支中的内容会自动部署gh-pages分支，如果没有，可以手动部署

"Actions"-"Node.js CI"-"Run workflow"-"Branch: master"-"Run workflow"

7、GitHub Pages指向gh-pages分支

"Settings"-"Pages"，选"Deploy from a branch"，"gh-pages"-"/ (root)"-"Save"

8、部署成功后访问：
{github 用户名}.github.io/{仓库名}

示例：dyp1121054136.github.io/dyp-plugins-library

其他技巧：

1、想要预装tiddlywiki官方插件，可以修改tiddlywiki.info文件，插件名格式为"tiddlywiki/插件名"，用英文逗号隔开多个插件

示例：

	"plugins": [
		"tiddlywiki/pluginlibrary",
		"tiddlywiki/highlight"
	],

tiddlywiki官方插件库：https://github.com/TiddlyWiki/TiddlyWiki5/tree/master/plugins/tiddlywiki

2、个人常用配置和新条目可以上传到 gui 文件夹

可以直接上传json文件

例如：
网站标题、网站副标题

$__SiteTitle.json、$__SiteSubtitle.json

3、禁用自动部署，只需注释掉 push 触发器，只保留 workflow_dispatch 手动触发器，避免文件修改或上传到一半的时候就自动部署了

  # push:  
  #   branches: [ master ]

Deepwiki AI 分析本仓库：

https://deepwiki.com/dyp1121054136/dyp-plugins-library

dyp1121054136

github tiddlywiki插件库示例：

源代码：

https://github.com/dyp1121054136/dyp-plugins-library

在线演示

https://dyp1121054136.github.io/dyp-plugins-library/

dyp1121054136

确实是收不到的，默认已经有权限发贴的了，无功能限制

dyp1121054136

在使用node命令转换前需先安装TiddlyWiki

win+R，输入npm或powershell打开终端，输入：

npm install -g tiddlywiki

检查TiddlyWiki是否安装成功，输入：

tiddlywiki --version

tiddlywiki源代码：
https://github.com/Jermolene/TiddlyWiki5

dyp1121054136

用node构建本地服务器重新打开wiki（也可以导入文件夹到太记直接编辑）

示例代码：

tiddlywiki "D:\TidGi\TidGi备份\TidGi-Reading" --listen

在浏览器打开 http://127.0.0.1:8080/

太微中文论坛

dyp1121054136

帖子

功能：

步骤：

其他技巧：

Deepwiki AI 分析本仓库：