Trace: gjl_quick_start

Dokuwiki Quick Start

This is an old revision of the document!


Dokuwiki Quick Start

This page is a reference and demonstration on the basics on how to use dokuwiki. For a more comprehensive how-to, you can also take a look at the manual here, or some tutorial screencasts made by the (dokuwiki) community here. To see how this page is formatted using dokuwiki's syntax, click on the edit page link to the right (note that only users with appropriate permissions will be able to see the edit page link. Right now that is Danni, Kai, and myself ).

Sectioning and Headlines

A dokuwiki page is divided into sections by the headlines on a page. If there are more than 3 headlines a Table of Contents will be generated automatically. Headlines are created by wrapping text in progressive '=' signs, like so:

==== Headline 1 ====

will look like this:

Headline 1

and so on:

=== Headline 2===

Headline 2

== Headline 3 ==
Headline 3

Formatting Text

DokuWiki supports bold, italic, underlined and monospaced texts. and you can combine all these. The formatting syntax to achieve this looks like so:

DokuWiki supports **bold**, //italic//, __underlined__ and ''monospaced'' texts.
Of course you can **__//''combine''//__** all these. 

Dokuwiki also supports subscript and superscript, like so:

Dokuwiki also supports <sub>subscript</sub> and <sup>superscript</sup>

Tables and Lists

To create an unordered list (bulleted) you indent the text with 2 spaces and then a '*' like so:

Unordered list

  * First item
  * Second Item
      * Sub item
  * Third item

becomes:

  • First item
  • Second Item
    • Sub item
  • Third item

To make an ordered list, you do the same thing but use a '-' instead of a '*'

Ordered List

  - First item
  - Second item
    - Sub item
  - Third Item

becomes:

  1. First item
  2. Second item
    1. Sub item
  3. Third Item

Tables

To create tables you begin a line with either ^ for headings or | for rows. Each new ^ or | character creates a new column. So, for example take a look at the following:

^ Heading 1      ^ Heading 2       ^ Heading 3          ^
| Row 1 Col 1    | Row 1 Col 2     | Row 1 Col 3        |
| Row 2 Col 1    | Row 2 Col 2     | Row 2 Col 3        |
| Row 3 Col 1    | Row 3 Col 2     | Row 3 Col 3        |

This will result in a table that looks like so when published (saved):

Heading 1 Heading 2 Heading 3
Row 1 Col 1 Row 1 Col 2 Row 1 Col 3
Row 2 Col 1 Row 2 Col 2 Row 2 Col 3
Row 3 Col 1 Row 3 Col 2 Row 3 Col 3

If you want to connect cells horizontally (column span), leave the cell empty (not even whitespace) like so (but make sure to maintain the same number of cell separators per line or the table will break):

^ Heading 1      ^ Heading 2       ^ Heading 3          ^
| Row 1 Col 1    | Row 1 Col 2     | Row 1 Col 3        |
| Row 2 Col 1    | Row 2 Col 2 and Row 2 Col 3 are now merged ||
| Row 3 Col 1    | Row 3 Col 2     | Row 3 Col 3        |

results in:

Heading 1 Heading 2 Heading 3
Row 1 Col 1 Row 1 Col 2 Row 1 Col 3
Row 2 Col 1 Row 2 Col 2 and Row 2 Col 3 are now merged
Row 3 Col 1 Row 3 Col 2 Row 3 Col 3

Vertical span, or row spans, can be accomplished by filling the cell with ':::' like so:

^ Heading 1      ^ Heading 2                  ^ Heading 3                          ^
| Row 1 Col 1    | this cell spans vertically | Row 1 Col 3                    |
| Row 2 Col 1    | :::                                    | Row 2 Col 3                    |
| Row 3 Col 1    | :::                                    | Row 2 Col 3                    |

looks like:

Heading 1 Heading 2 Heading 3
Row 1 Col 1 this cell spans vertically Row 1 Col 3
Row 2 Col 1 Row 2 Col 3
Row 3 Col 1 Row 2 Col 3

You can also have vertical headings (headings on rows) like so:

|                      ^ Heading 1            ^ Heading 2          ^
^ Heading 3    | Row 1 Col 2          | Row 1 Col 3        |
^ Heading 4    | Row 1 Col 2          |                            |
^ Heading 5    | Row 2 Col 2          | Row 2 Col 3        |

Will look like this:

Heading 1 Heading 2
Heading 3 Row 1 Col 2 Row 1 Col 3
Heading 4 Row 1 Col 2
Heading 5 Row 2 Col 2 Row 2 Col 3

Note that Row 2 Col 3 is empty but since it has whitespace, the columns are not merged as in the previous example. This way you can denote an empty field / cell.

Table Alignment

To align the content in cells use at least 2 spaces on the left, right, or both sides of the content in the cell like so:

^           Table with alignment           ^^^
| xxxxxxxxxxxx | xxxxxxxxxxxx | xxxxxxxxxxxx |
|         right|    center    |left          |
|left          |         right|    center    |
| xxxxxxxxxxxx | xxxxxxxxxxxx | xxxxxxxxxxxx |

becomes:

Table with alignment
right center left
left right center
xxxxxxxxxxxx xxxxxxxxxxxx xxxxxxxxxxxx

Image, Video, and Audio Files

Dokuwiki allows embedding image, video, and audio files on pages. To do this, you first upload your media file using the Media Manager (covered in a screencast here). Once your file is uploaded, you then use the dokuwiki embed syntax to embed the file on the page. For example, I already have uploaded an image of the GJL logo, and now I use the following syntax to embed it on this page like so:

{{wiki:gjl-star.png}}

will then look like so:

Alignment

To align an embedded media file, add whitespace to the beginning, end, or both sides of the reference to the file in media manager 1) (the wiki:gjl-star.png part). So this:

{{wiki:gjl-star.png  }}
{{  wiki:gjl-star.png}}
{{  wiki:gjl-star.png  }}

Will look like this when published:

And here's a video example, aligned to the center of the page :

{{ samplevideo_1280x720_5mb.mp4  }}



Note that in this example, there is no colon before the filename. That is because when I uploaded this sample file to with the Media Manager I uploaded it to the root namespace (see the footnote on the bottom of the page about namespaces), whereas with the logo, I uploaded it to the wiki namespace. If I had uploaded the video to the wiki namespace like the logo, the embed syntax would look like this instead:

{{ wiki:samplevideo_1280x720_5mb.mp4  }}

Creating (and Deleting) Pages

To create a page, just add a new link to a page. If that page does not exist, dokuwiki will automatically create the page. The syntax to create a link looks like so:

[[namespace:page|link text]]

If you leave the namespace out, the page will be created in the root namespace To delete a page, navigate to the page you would like to delete, edit the page, and remove all of the content and then press save. Super easy! and finally, to add a comments section to any page add the following :

~~DISCUSSION~~
1)
A note on namespaces. colons are used like in this example to denote namespaces namespaces are how files and pages are structured in dokuwiki. For more on namespaces take a look here

Discussion

Avery, 2024/08/06 11:15

Wow what a great wiki ^_^

Enter your comment. Wiki syntax is allowed:
 
wiki/gjl_quick_start.1727903373.txt.gz · Last modified: 2024/10/02 21:09