Static Site from Tiddlywiki

Mohammad

unread,

Mar 29, 2020, 5:14:15 AM3/29/20

to TiddlyWiki

How one can export a permview (like 10 tiddlers) with a small TOC and sidebar (right sidebar with one tab)

as static site?

Please note that the sidebar with TOC (simple link to tiddlers) is required! Is there any way to do that?

--Mohammad

Mat

unread,

Mar 29, 2020, 11:06:03 AM3/29/20

to TiddlyWiki

I'm afraid I don't have much time to engage in things right now but I made the attached file some time back.

It is an experiment with the aim to make a static variant of a kind of TW where it is still possible to open/close tiddlers from a sidebar or menu. While it was first "exported from TW" it was subsequently manipulated, including clearing out unnecessary stuff.

The idea for closing/opening tids is based on the principle illustrated in these sites:

https://codyhouse.co/demo/content-filter/index.html#0

https://webdevtrick.com/pure-css-content-filter/

https://webdesign.tutsplus.com/tutorials/how-to-build-a-filtering-component-in-pure-css--cms-33111

https://www.cssscript.com/demo/smooth-pure-html-css-content-filter/

Also had some ideas to show sets of tids but instead using this principle (not implemented)

https://www.cssscript.com/demo/pure-css-full-window-page-slider-with-folder-tab-navigation/

Note that the attached file is not polished and will likely cause some "huh? what was he thinking here..?"

<:-)

static.html

Mohammad

unread,

Mar 29, 2020, 1:30:11 PM3/29/20

to TiddlyWiki

Hi Mat,

Many thanks for the example and description you provided. I did some tests and it works.

I will share my findings later here.

To be able to create small static site with minimum functionality like a sidebar TOC is very demanding! I see there is alot of static site generators.

I have used recently Grav and zola (https://www.getzola.org/), but if we can create a functional static site using TW, it will be absolutely much simpler comparing to such site generators.

--Mohammad

TonyM

unread,

Mar 29, 2020, 7:47:43 PM3/29/20

to TiddlyWiki

Mohammad

I am keen to do similar things myself. Have you played with the page controls export as static html?

If you do something in your own button and filter the saved tiddlers. You could be on your way.

In my own experiments I was happy to export every tiddler as static html page but the default as on tiddlywikis.com/static pages the link from one tiddler to another goes to other static pages.

As I result I played with the template used for static pages with some success.

I am keen to have a parallelle html static site internet facing to support seo that loads quickly but on click loads the interactive wiki with a splash screen.

Later I would just like to exportchanges only.

Regards
Tony

Mohammad

unread,

Mar 30, 2020, 1:33:14 AM3/30/20

to TiddlyWiki

Tony,

I was only successful to export single tiddler. The page controls use Javascripts and what Mat proposed is to use pure CSS to simulate those interactive things!