blog-creation

 7th August 2022 at 7:15pm

blog-creation

  1. Install Node.js
  2. Install TiddlyWiki
    1. npm i -g tiddlywiki
      • To update: npm update -g
  3. Create a new wiki
    1. tiddlywiki mywiki --init server
  4. Start server
    1. tiddlywiki mywiki/ --listen port=8080
  5. Go to https://giffmex.org/gifts/tiddlyblink.html#TiddlyBlink%20home and drag the "tb" tag over and import
  6. Go to https://giffmex.org/gifts/transclusioninpopups.html and drag the three links over and import
  7. Add the following to $:/core/templates/static.tiddler.html under the body tag
    • <div class="tc-sidebar-scrollable" style="overflow: auto;">
      <div class="tc-sidebar-header"><h1 class="tc-site-title">Site Title</h1></div>
      
      <div class="tc-site-subtitle">Site subtitle</div>
      </div>
  8. Add the following to $:/core/templates/static.template.css at the bottom
    • .tc-tiddler-controls {
         display: none;
      }
      
      .tc-tab-buttons {
         display: none;
      }
  9. Go to $:/ControlPanel and do the following
    1. In Info –> Basics –> Default tiddlers, click retain story ordering
    2. In Appearance –> Theme Tweaks
      1. Story left position, 5%
      2. Story right, 66%
      3. Story width, 61%
      4. Tiddler width, 100%
  10. Build static assets
    1. tiddlywiki mywiki/ --build


References:

index

asperw.github.io

Site subtitle :)