• Stars
    star
    101
  • Rank 336,186 (Top 7 %)
  • Language
    Shell
  • License
    MIT License
  • Created almost 9 years ago
  • Updated about 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Host your tiddlywikis in GitHub pages without any git knowledge or installing any software

We all love Github pages. They are an easy,reliable and cheap way to host static sites. TiddlyWiki is a single page web application wiki that can be hosted as a single html file. It is an awesome unique application, and I strongly recommend you to check it out at TiddlyWiki.com. The problem with it is that there is not an easy fast way to host a tiddlywiki file on github pages... until now.

This repository is both a template and a set of instructions to host a tiddlywiki on your own Github pages repository. Following this instructions you will be able to have your own wiki up and running in less than 10 minutes without any git or Github Knowledge and without installing any software on your computer.

Using this work-flow has several advantages:

  1. Github pages are absolutely free and reliable
  2. Tiddlers are built from individual .tid files
  3. Built in changes history and diff
  4. Github allows you to edit and add files directly from their web interface, so you don't have to install anything in your computer.
  5. No git or Github Knowledge required

Table of Contents

Requisites

The list of pre-requisites is quite small, and you only need to fit them once

First time setup

This are the steps required for the first time setup. Once you have completed all the steps listed here for the first time it will be much faster to just add new wikis.

Github setup

  1. We have to create a Personal access token to allow our publish scripts to push to our github account. This is only needed on the first time setup. Go to Github's tokens management page
  2. Create a new token clicking on Generate new token
  3. Provide a meaningful token description. This is very important because it will be the only clue you will have to identify the token usage.
  4. Make sure repo and public_repo options are selected
  5. Click on Generate token. Here is an overview of this step: Generate token
  6. Github will generate an unique token. Take note of it now because you will not have any other opportunity!!

Creating the first wiki

  1. Fork this repository. This step will be necessary on every new wiki. As I have promised you can do this directly from Github, just click the Fork button on the top righ corner of this repository page: Fork button
  2. Once you have forked the repository, you can rename it to fit your needs.
  3. Go to Travis-ci and sign in using your github account.
  4. If this is the first time you are using Travis just authorize the application to access your github account.
  5. Once you have accessed your Travis account you will be directed to your dashboard.
  6. On the left side of your dashboard you should have a list of the repositories under Travis management. At the first time this list should be empty.
  7. Click the plus sign next to My Repositories to put the forked repository under Travis management: Add Repository
  8. You will be redirected to your profile. Here you have to locate the repository you have just forked and activate the "switch" to put it under Travis management. This should be easy because Travis provides an explanatory screen shot.
  9. If you don't find the repository you are looking for, click the Sync button to refresh the list of repositories: Add Repository
  10. In our example we are activating this Github repository: Activate Repository
  11. Now it's time to setup the global variables required by our build scripts. To do so click on the gear icon next to the "activate" switch: config Repository
  12. You should be now at the Settings page of the repository. Leave the General settings as they are by default.
  13. On the Environment Variables section We are going to add the required variables.
    1. First add GH_REF, which is the url of **your forked repository without the https prefix and with a .git extension. For this variable you can set to on the Display value in build log, so you can check that it is correct on every build. Click add first variable
    2. Follow the same process to add the GH_TOKEN variable, but this time make sure that Display value in build log is set to off for security reasons. Paste here the Github token we have generated previously: Token variable
    3. Follow the exact same process to add GH_EMAIL variable. This should be the email you have used to register your account on github. After this process you should see something like this: Variables Setup
    4. Changes are saved automatically so at this point we are done with configuration and can switch to current tab.
  14. Switch to current tab to see what is going on during build process. The build process happens every time you push a change to your repository and not before. An ongoing build looks like this: Building
  15. Now you are ready to go. Edit any file or create any new file your forked repository and push the changes to trigger a build. You can do this directly from Github. For more details about this process see the Editing tiddlers section
  16. Once the build has finished successfully you can just visit <your-git-username>.github.io/your-repo-name to see the results of your build

Creating another wiki

Once you have completed the first time setup, it is much easier to setup another wiki. Here is a summary of the required Steps:

  1. Fork this repository: Fork button
  2. Rename the repository to fit your needs.
  3. Go to Travis-ci and sign in using your github account.
  4. On the left side of your dashboard click the plus sign next to My Repositories to put the forked repository under Travis management: Add Repository
  5. Locate the repository you have just forked and activate the "switch" to put it under Travis management.
  6. If you don't find the repository you are looking for, click the Sync button to refresh the list of repositories: Add Repository
  7. Setup the global variables
  8. Edit/add the required tiddlers and make a push. This can be done directly on github.

Editing tiddlers

You can just edit or add new tiddlers directly on github, which is quite comfortable, or you can use a markdown editor. Tiddlywiki syntax is not exactly markdown, but it is close enough to use it as a small reference and markdown editors usually helps you completing lists and provide preview.

I recommend you to use prose, which is the tool I have used to edit this README:

Prose

  1. visit https://prose.io/
  2. You have to link it to github, so you can edit and save the files on your repository
  3. Click on Authorize aplication and authorize it on Github
  4. Once you have authorized the application you can start creating and editing tiddlers:
    1. Select the repository of your wiki
    2. Navigate to wiki>tiddlers directory
    3. Select the tiddler you want to edit or create a new file. If you create a new file make sure you give it a .tid extension.
    4. Once you have your "tiddler ready" click the save icon. You can provide a commit message if you want.

Dilinger

To edit markdown files you have a better alternative which is dillinger. The drawback of dilinger is that it only recognizes .md files:

  1. visit https://dillinger.io/
  2. You can link it to github, so you can edit and save the files on your repository
  3. To be able to save to github, you have to first import the tiddler you want to edit from there. The first time you will have to authorize the application:
    1. Click on IMPORT FROM
    2. On the drop down select Github
    3. Authorize the application if needed
    4. Select the repository you want to edit, and select the master branch
    5. Navigate to wiki>tiddlers directory
    6. Select the tiddler you want to edit
  4. Once you have your "tiddler ready" click SAVE TO and select github

More Repositories

1

obsidian-modal-form

Define forms for filling data that you will be able to open from anywhere you can run JS
TypeScript
202
star
2

haxe-nvim

Configure NeoVim in Haxe!!! Lua externs for the neovim lua API
Haxe
32
star
3

TW5-contextPlugin

A plugin to allow preview with word highlight within searches but not limited to that
HTML
21
star
4

tiddlypouch

JavaScript
20
star
5

TW5-EncryptTiddlerPlugin

A widget that adds the hability to encrypt single tiddlers
JavaScript
18
star
6

haxe-nvim-example-plugin

Lua
13
star
7

generator-tw5-plugin

Create new plugins for tiddlywiki 5 easily
JavaScript
11
star
8

TW5-2click2edit

Plugin that adds the ability to edit tiddlers by double clicking on its body.
Shell
9
star
9

openhasp-designer

TypeScript
8
star
10

babel-fp-plugins

A playground to find the best babel-plugins for functional programming
JavaScript
7
star
11

photoprism_face_recognition

Python
6
star
12

JSONTools

A web app that provides a visual interface to interact with collections of javascript objects
JavaScript
6
star
13

TiddlyDrive

Plugin that syncs with Google apps compatible script
JavaScript
5
star
14

reason-ls

Build a simple command line utility in reason/Ocaml
Reason
5
star
15

TW5-AutoTag

JavaScript
5
star
16

tw5-pouchdb

Pouchdb library ready to be embedded into tiddlywiki
JavaScript
4
star
17

generator-hapi-swagger-es6

Yeoman generator for modern hapi servers with automatic documentation
JavaScript
4
star
18

dotfiles

My personal dotifles, whatevher that means
Lua
4
star
19

report-builder

Complex JSON reports made easy
JavaScript
4
star
20

tree-sitter-reason

JavaScript
4
star
21

gulp-tw

JavaScript
4
star
22

object-translate

Easily turn objects into other objects. Easy and composable
JavaScript
4
star
23

packages

A monorepo for managing easier all my npm packages
JavaScript
3
star
24

TW5-KeyboardSnippets

Adding functionalitys to the TW5 text widgets for faster editing such as simple key snippets
HTML
3
star
25

node-debugging-in-docker

Small exercise to learn how to debug node-js docker images. It is on Spanish
JavaScript
3
star
26

ElectronicProjectsSpreadsheet

OCaml
2
star
27

vscode-node-snippets

My favorite node snippets packed as a plugin for convenience
JavaScript
2
star
28

hammerspoon-hx

Haxe
2
star
29

TW5-searchNreplace

Search and Replace plugin for Tiddlywiki5 (tiddlywiki.com)
HTML
1
star
30

nodejs-benchmarks

A framework for easy benchmarking NodeJs code
HTML
1
star
31

tiddlywiki5-Plugins-infoToolbar

A plugin to add extra functionality to the info toolbar within each tiddler
Shell
1
star
32

old-tiddlywiki5-importPlugin

Plugin as workaround to give user more control while importing TW files
JavaScript
1
star
33

TW5-TagSearch

A plugin that lets you search based on tags in a visual way
JavaScript
1
star
34

curso-javascript-avanzado-elgc

Repositorio con los ejemplos que iremos viendo en el curso del canal
JavaScript
1
star
35

transducers

1
star
36

TW5-revealNoOffset

A small modification of the reveal widget of tiddlywiki
JavaScript
1
star
37

Columnator

Join columns of data using templates
AutoHotkey
1
star
38

Tasker-JScripts

HTML
1
star
39

ergodox-configurator

A non official layout configurator for the ergodox. It may support more layouts on the future
HTML
1
star
40

import-tools

a plugin to add more functionality to the current tiddlywiki importing mechanism
JavaScript
1
star
41

TW5-sample-plugin

A skeleton plugin to use as template for creating new plugins.
HTML
1
star
42

OctoWiki

An online application to edit your github hosted TiddlyWikis
JavaScript
1
star