. : : ClassiClub ForuM : : .

会员中心 论坛帮助 日历事件 标记论坛已读
返回   精品技术论坛 » 技术论坛 » 『软件使用』

『软件使用』: 电脑软件推荐, 电脑软件使用, 经验分享



发表新主题 回复
 
主题工具
foxme
 
foxme 的头像
核心会员
 
资 料:
注册日期: Mar 2001
帖子: 4,041 声望值: 3
精华: 0,解答: 29
#1 旧 2013-12-21, 19:18:06 默认 【讨论】在精品论坛第一帖讨论关于神器:TiddlyWiki
foxme 当前离线  

我本来想在精品看看有没有人使用tiddlywiki, 并且学习一下. 可是没想到搜索tiddlywiki返回的结果是0, 为了弥补这个缺憾, 我打算将我学习新版tiddlywiki的过程帖放在这里, 一是向大家介绍这个优美的工具, 另外也希望能找到爱好者一同学习.

如果你不愿意看很多前期介绍, 可以直接到第4步直接上手学习.



1. 什么是tiddlywiki (简称tw)

TiddlyWiki是一个基于html+javascript技术的可重用的、非线性的互联网个人笔记软件。仅仅一个开源的html文件,就可以拥有主要的WiKi功能,大概是目前唯一的不需要服务器的WiKi系统。当然也能和C/S结构整合起来,也能用于搭建类似博客的网站.

tw2.x (也叫tiddlywiki classic)官方网站: http://classic.tiddlywiki.com/, 在http://tiddlywiki.org/, 有很多的tw2.x的使用方法.

tw2.x版本是建立在js+html的基础上, 开发了很久(从04年开始), 有着众多的插件支持, 将这个html单文件变成了一个非常灵活的生态系统, tw在mod和插件的帮助下, 产生了很多衍生工具:

比如todo工具: http://tbgtd.tiddlyspot.com/#desk
比如定制增强版: http://mptw.tiddlyspot.com/
gtd工具: http://www.dcubed.ca/Welcome_to_d-cubed.html
定制版: http://aasted.org/wiki/

由于tiddlywiki的可迁徙性, 所以很多的tw网站都不大稳定. 过去一些优秀的tw网站, 现在似乎大多都404了.

更多的阅读:
https://www.google.co.uk/search?q=%E...8%AFtiddlywiki




2. tiddlywiki5, 令人激动的升级版

新版的tiddlywiki是tiddlywiki5, 简称tw5. 用官方网站的话说是代表了接下来20年的趋势. 使用html5规范重新编码. 目前只是alpha/beta级别的测试, 还有很多功能有待完善, 官方说在14年初会出正式版, 目前正在完善的功能有: http://tiddlywiki.com/static/RoadMap.html, 目前对于tw5来说, 大多数tw2.x的插件都不能使用, 官方已经有了插件开发指引, 等tw5正式版出来后, 慢慢的会丰富起来. 不过即便目前没有插件的支持, tw5内置的功能就已经足够绚丽了:

支持所有支持html5的主流的浏览器
用通用的方式解决了保存的问题(这个其实是tw不大方便的问题, 这是因为浏览器的一些限制, 以至于无法简单的点击按钮来保存tw的更改, 所以tw5采用了下载的方式)
内置了图片的支持, 这个很牛, 你甚至可以自己画图.
wikitext是tw的格式定义, 简单有效, tw会自动将wikitext转化为html
内置的加密功能, 加上密码, 这个tw就成为一个私人日记了.
内置了强大的过滤工具, 这个也是我要重点学习的东西.
多种提示消息的方式
通过拖拽来导入tw, 或者图片等.
支持非常大的文件和内容, 这点很给力.
支持全屏浏览
通过D3.js插件来制作图表?
通过插件来支持代码显示和markdown语句
内置支持node.js(不明觉厉)
优化的插件机制
tw5可以直接输出不同版本(如tw2.x)




3. 基本的概念

这篇文字的学习, 主要是针对tw5.

tw中基本的组成是tiddler, 就是一篇一篇的文章, 类似于blog里面的每一篇blog, wiki里面的每一篇page. 但是tiddler没有准确的翻译概念, 所以我就泛泛称作"文章"把, 或者简称td. tw中几乎所有的的结构都是建立在不同属性的td上. 比如整个tw的标题, 其实就是一个名字是: SiteTitle的内容, 再比如所有的插件, 其实就是tags为systemConfig的td而已(在tw2.x是如此, tw5中可能是一些标题以$打头的td). 所以基本上td分作两个类别: 1, 是文章性质的td, 2, 是系统属性的td, 前者是呈现文字或者富媒体, 后者是作为系统的一部分.



4. 一步一步学习

===============基础动作==================

如何安装?
* 到http://tiddlywiki.com/, 找到一个绿色的大按钮: downoad empty, 点击下载一个空的tw5
* 用你的浏览器打开这个文件即可. (当然你可以随意的命名这个文件, 随意的保存在任何地方, 但最好保持扩展名是html)


如何新建?
* 打开tw5文件后, 右侧栏有个"+"图标, 单击.
* 在标题"new tiddler"中填写标题, 在下面的"type the text for this tiddler"中填写内容即可.
* 可以在tag中填写你想要的标签
* type中空白
* 完成后点击这篇文字右上角的对勾就完成了新建文章的过程.
注意: 此时tw5并未保存, 保存请看下面


如何保存?
tw5限制于浏览器, 保存不想我们通常习惯的样子, 而是需要另存. 下面介绍一个通用的方法:
* 在编辑完成后, 请选择右边栏中的那个"类似下载的"的按钮
* 在提示框中选择要保存的地方, 或者直接替换现有的tw5文件.
一些浏览器没有保存路径的选择, 你可以通过改变浏览器的设置来启动路径保存框的显示.


如何升级?
tw5目前进入了比较频繁的升级过程, 如何将已有的tw5文件升级到最新版呢?
* 确认自己的版本: 查看tw5的源代码, 在head标签中有: <meta name="tiddlywiki-version" content="5.0.4-beta" />, 说明是5.0.4版本
* 在这里看最新的版本号: https://github.com/Jermolene/TiddlyWiki5/releases, 如果发现这里的最新版本高于自己的版本, 那么走下面的步骤:
* 备份! 备份! (你可以设置一些脚本自动化这个过程)
* 打开这个链接: http://tiddlywiki.com/empty.html
* 然后将你目前的tw5文件拖动到这个empty.html上, empty自动从你过去的文档中导入所有的设置和文字内容.
* 保存empty. (参照上面保存的步骤)


如何加入内部图片?
内部图片就是将图片写入tw5文件中.
* 打开tw5文件
* 将需要加入的图片拖入tw5中, 这时会自动生成一个tiddler, 名字是图片文件名(可修改), type是image/jpeg
* 保存该tiddler
* 在需要引用这个图片的地方, 比如另外一个tiddler中, 加入如下代码{{刚才图片tiddler的名称}}即可.


如何加入外部链接图片?
目前tw5还在完善外部图片的语句, 但是大家可以通过html代码实现:
* 在需要一引用外部图片的地方加入: <img src="website.com/blabla.jpg">


如何绘图?
tw5是支持直接绘图的, 目前还比较简单, 将来会有完善, 方法是:
* 新建一个tiddler
* 将type设置为: image/jpeg
* 选择对勾确定编辑完成. 这时这个tiddler会显示一个无法显示的图片icon
* 再编辑这个tiddler. (按那个笔的图标)
* 你会看到一个空白的画图区域和下方定义大小的输入框. 你尝试在空白区域画图, 目前笔刷的颜色是黄色的, 我不知道如何换成别的颜色.
* 编辑完后给tiddler命名, 保存. 就可以在其他地方引用了.


tw5的格式
在tw5中, 编辑格式是一种类似于wiki的markdown语句, 叫做wikiText, 但是我个人觉着比wiki要方便多了. 具体的格式请参考下面, 挨个儿体验一下, 很快就上手了. 我这里就不赘述了, 大家体会体会.
* http://tiddlywiki.com/static/WikiText.html



================设置美化=================

如何改变默认初始打开的tiddlers
* 初始的tw5的第一页就有一个连接: DefaultTiddlers , 其实就是一个名称为: $:/DefaultTiddlers的tiddler
* 在这里写上你需要在打开tw时候要展示的tiddler的title即可. 每个tiddler占一行, 先后顺序也是打开的先后顺序.
* 保存
这时再刷新tw, 你会发现刚才的设置已经生效了.

如何改变tw的标题和描述
* 这两个分别是名称为: SiteTitle 和SiteSubtitle的两个tiddler.
* 很简单的, 将需要的内容填写进去即可.

如何改变tw的favicon?
这个是在5.0.5-beta版本才新加入的. 所以你如果想定义favicon, 那么要升级到这个版本.
* 准备好一个ico文件 16x16
* 将这个文件拖动到tw中, tw会自动生成一个tiddler. 这时你可以看到这个tiddler的正文部分就是这个ico
* 将这个tiddler命名为: $:/favicon.ico
* 保存即可.

如何改变theme?
在tw5中, 是支持theme的, 目前tw5还是初始阶段, 所以对应的theme还比较少.
大家在: https://github.com/Jermolene/TiddlyW.../master/themes 可以找到一些目前被官方维护的theme.
* 如果发现有的tw5的theme你喜欢, 那么首先在tw右边栏中选择tools, 然后记录下在current theme后面显示的当前theme的名称
* 然后再选择右边栏的more标签, 然后选择其中的system类别.
* 在其中找以$:/themes/tiddlywiki/开头, 后面紧跟着current theme的名称的那个tiddler, 然后点选他. 这时会显示这个tiddler.
* 点击编辑按钮(那支笔), 进入这个tiddler的编辑状态.
* 回到自己的tw中, 新建一个tiddler. 然后将上面的那个theme tiddler的所有内容拷贝到自己tw中的tiddler中, 拷贝的内容包括: title, 内容, 还有type以及下面的field. 确认无误后, 保存自己的tw.
* 然后再自己的tw的右边栏中的tools中, 选择新建的这个theme, 查看没有问题后, 保存即可.

加密tw
在tw5中是支持加密的. 方法如下:
* 右边栏>tools>set password按钮
* 设置你的password
* 保存即可

================更多高级应用=================

看样子tiddlywiki使用的人实在是太少了. 关注的人也不多. 我就留此存照吧.
更多深入的学习, 大家随时这里留言, 我不定期的回顾此帖. 尽我所能和大家分享.

这里集中看我的解答: https://bbs.et8.net/bbs/showthread.p...045762&u=11860

此帖于 2021-07-21 15:38:19 被 foxme 编辑. .
回复时引用此帖
neoboy
 
neoboy 的头像
超级会员
 
资 料:
注册日期: Jan 2008
帖子: 1,362 声望值: 3
精华: 0,解答: 15
#2 旧 2013-12-21, 19:55:06 默认
neoboy 当前离线  

一个很不错的轻量级个人笔记软件。
订阅了,谢谢楼主。


清风自来……
回复时引用此帖
foxme
 
foxme 的头像
核心会员
 
资 料:
注册日期: Mar 2001
帖子: 4,041 声望值: 3
精华: 0,解答: 29
#3 旧 2013-12-21, 21:04:46 默认
foxme 当前离线  

增加了一些说明文字.
回复时引用此帖
zxf
 
zxf 的头像
核心会员
 
资 料:
注册日期: Apr 2002
帖子: 2,378 声望值: 3
精华: 0
#4 旧 2013-12-23, 12:22:56 默认
zxf 当前离线  

不错,关注。


If the idea was obvious, so were the obstacles.
回复时引用此帖
ShingU
 
ShingU 的头像
终极会员
 
资 料:
注册日期: Jul 2002
帖子: 16,651 声望值: 4
精华: 2,解答: 18
#5 旧 2013-12-23, 13:05:01 默认
ShingU 当前离线  

有没有演示的案例啊?


这家伙很懒,什么都没留下。
回复时引用此帖
xieyi
 
xieyi 的头像
热心会员
 
资 料:
注册日期: Oct 2002
帖子: 3,339 声望值: 5
精华: 4,解答: 7
#6 旧 2013-12-23, 14:28:29 默认
xieyi 当前离线  

单文件的话,内容多的时候加载会比较慢吧.

当然,比起桌面一堆的.txt,这个应该算是比较好的工具了.


..2021..
回复时引用此帖
dooling
 
dooling 的头像
高级会员
 
资 料:
注册日期: Jul 2010
帖子: 935 声望值: 3
精华: 0
#7 旧 2013-12-23, 14:31:48 默认
dooling 当前离线  

8年前用过,不过没坚持几天,呵呵。


V66
回复时引用此帖
foxme
 
foxme 的头像
核心会员
 
资 料:
注册日期: Mar 2001
帖子: 4,041 声望值: 3
精华: 0,解答: 29
#8 旧 2013-12-23, 22:10:47 默认
foxme 当前离线  

引用:
作者: ShingU 查看帖子
有没有演示的案例啊?
演示案例可以看官方的网站: http://tiddlywiki.com/
一个深度挖掘的教学案例: http://www.giffmex.org/tw5mall.htm

引用:
作者: xieyi 查看帖子
单文件的话,内容多的时候加载会比较慢吧.
当然,比起桌面一堆的.txt,这个应该算是比较好的工具了.
在我看到的资料, tw5的性能是非常优秀的. 有人在其中加载了800多m的图片, 却没有感到有滞后的问题. 况且tw5更多的是作为文字呈现的, 所以你就尽可能放心吧.

不过我建议你使用比较新的主流浏览器, 这样才能更好的支持tw5的基础, html5.
回复时引用此帖
foxme
 
foxme 的头像
核心会员
 
资 料:
注册日期: Mar 2001
帖子: 4,041 声望值: 3
精华: 0,解答: 29
#9 旧 2013-12-23, 22:45:54 默认
foxme 当前离线  

更新了: 加入了一堆上手step by step
回复时引用此帖
balder
 
balder 的头像
超级会员
 
资 料:
注册日期: Jan 2002
帖子: 1,610 声望值: 3
精华: 0,解答: 15
#10 旧 2013-12-23, 22:46:17 默认
balder 当前离线  

用手机浏览的效果也很不错,收藏跟进


携书弹剑走黄沙,瀚海天山处处家,
大漠西风飞翠羽,江南八月看桂花。
回复时引用此帖
foxme
 
foxme 的头像
核心会员
 
资 料:
注册日期: Mar 2001
帖子: 4,041 声望值: 3
精华: 0,解答: 29
#11 旧 2013-12-23, 22:52:19 默认
foxme 当前离线  

引用:
作者: balder 查看帖子
用手机浏览的效果也很不错,收藏跟进
tw5是在11年底开始, 所以手机端浏览一定是必须的. 但是需要注意的是, 手机端编辑受制于手机端浏览器, 只能使用在"下载"标记上另存为的方式, 可是手机端往往没有这个功能, 这就导致在手机端编辑不大现实了.

所以结论是: tw5(目前)在手机端, 浏览体验很好, 编辑体验为0.
回复时引用此帖
foxme
 
foxme 的头像
核心会员
 
资 料:
注册日期: Mar 2001
帖子: 4,041 声望值: 3
精华: 0,解答: 29
#12 旧 2013-12-27, 19:48:48 默认
foxme 当前离线  

增加了设置美化基础教学.
回复时引用此帖
popeking
 
popeking 的头像
热心会员
 
资 料:
注册日期: Sep 2001
帖子: 3,302 声望值: 18
精华: 0
#13 旧 2013-12-27, 23:05:01 默认
popeking 当前离线  

支持下lz,虽然暂时不用。


qq:608090
提供WiFi硬件和网关
回复时引用此帖
twodays
 
twodays 的头像
超级会员
 
资 料:
注册日期: Sep 2001
帖子: 1,041 声望值: 1
精华: 0,解答: 1
#14 旧 2013-12-28, 15:36:44 默认
twodays 当前离线  

用了两年了. 非线性信息管理非常好, 比如我常用它来整理方案和需求, 它可以很方便的查看词条引用和被引用, 手机上有iTW修改版, android上装个AndTidWiki就能直接编辑并保存, 结合dropbox, pc和手机两不误
回复时引用此帖
huweiqi
 
huweiqi 的头像
超级会员
 
资 料:
注册日期: Mar 2000
帖子: 1,776 声望值: 3
精华: 0,解答: 2
#15 旧 2013-12-28, 15:47:52 默认
huweiqi 当前离线  

以后学习!


sites.google.com/site/simpledotnet
回复时引用此帖
发表新主题 回复

主题工具

论坛规则  发帖规则
不可以发表主题
不可以回复帖子
不可以上传附件
不可以编辑自己的帖子
论坛启用 vB 代码
版面启用 表情符号
版面启用 [IMG] 代码
版面禁用 HTML 代码


所有时间均为北京时间, 现在的时间是 06:30:28.

本论坛带宽由迅通网络提供
SSL证书由TrustAsia提供

Copyright © 2000 - 2019 ClassiClub Forum All Rights Reserved.
粤ICP备09123456号