DokuWiki is a lightweight wiki engine, mostly written in PHP,¹⁾ that was created in July 2004²⁾ and has significant popularity.³⁾ It does not require a database setting up⁴⁾ and mostly works with text files. However, I don't think anyone here is interested about its history.

Upon installation, you'll be asked to select a public copyright license or not have one. This might be a bit intimidating since it's not really explained to you, so I've provided a somewhat useful chart below:

This personal wiki, at the time of this writing, uses the latest stable version of DokuWiki and makes use of numerous configurations and extensions. I've provided the relevant extensions, excluding all the bundled plugins that come with the wiki, and configurations that people may be interested in the following sections with a brief explanation on how they're being used or why they're changed.

• Attribute Plugin - A plugin for user-associated data that's required for…
  • 2FA Plugin (Core) - The two-factor authentication plugin.
  • 2FA Plugin (Google) - Despite the name, any 2FA app (e.g. Raivo, Tofu, etc.) will work.
• CAPTCHA Plugin - Bots are fun, but they do get tiring after a while.
• Cleanup Plugin - Deletes old files. Run this before making backups to free up space.
• CMSMode Plugin - Disables some actions from non-logged in users.
• Color Plugin - Basic tool for highlighting and colored text.
• HTMLOK Plugin - Removed in the latest DokuWiki update. This will, sadly, generate a <div> tag. :V
  • ⚠️ Security risk! Do not use this if you're running a public wiki!
• IP Banning Plugin - It's just nice to have, but seriously, this wiki gets a lot of bots and crawlers.
• Folded Plugin - For hiding text behind a toggle.
• Mermaid Plugin - Mermaid diagrams! Currently testing.
• Move Plugin - For moving pages. Watch the backlinks. Disabled, since it can get stuck in a loop.
  • ⚠️ Do not forget to turn this back off once you're done with it.
• Pagelist Plugin - This will allow you to generate a list of articles if you have…
  • Tag Plugin - A plugin for adding tags to articles, seen at the bottom of certain pages.
• Ruby Plugin - Ruby is for CJK pronunciation, but I've found other uses for it.
• Upgrade Plugin - A simple tool for upgrading the wiki software. It may try to install every language.
  • LangDelete Plugin - For removing the languages that you don't need.
• Wrap Plugin - An all-in-one plugin with pretty basic features. I mostly use the columns, note boxes, and spoilers on this wiki, but it offers a bunch of other neat little things as well.

• breadcrumbs: 0 - This was dumb, so I got rid of it. It told you what pages you visited.
• dformat: %Y-%m-%d %H:%M:%S - ISO 8601 format, UTC time.
• macseclevel: 5 - Allows more sections to be edited. Generally easier on my end.
• usewordblock: 0 - This is a personal wiki, so this isn't needed here.
• htmlok: 1 - Enables HTML editing. This is no longer needed for AA, but it's kept on for fun.
  • ⚠️ Security risk! Do not enable this if you're running a public wiki!
• dnslookups: 0 - This wiki does not currently use a DNS server. Yet.

This wiki's dark theme is the base DokuWiki Template with a custom style.ini file.⁶⁾ If you want the exact colors, replace the values in “style.ini” using the code shown below, then go into “Template Style Settings” under the Admin window and click “Revert styles back to template's default” to use said values. If you have the Wrap plugin, make sure that “Optimise colours for dark templates” is checked.

;--------------------------------------------------------------------------
;------ guaranteed dokuwiki color placeholders that every plugin can use

; main text and background colors (main text and inner window)
__text__            = "#EEE"            ; @ini_text
__background__      = "#222"            ; @ini_background
; alternative text and background colors (inner text and chart header)
__text_alt__        = "#DDD"            ; @ini_text_alt
__background_alt__  = "#444"            ; @ini_background_alt
; neutral text and background colors (numbered list and media thumbs idk)
__text_neu__        = "#CCC"            ; @ini_text_neu
__background_neu__  = "#444"            ; @ini_background_neu
; border color
__border__          = "#777"            ; @ini_border

; highlighted text (e.g. search snippets)
__highlight__       = "#FF9"            ; @ini_highlight

; default link color
__link__            = "#499"            ; @ini_link

;--------------------------------------------------------------------------
 
__background_site__ = "#111"            ; @ini_background_site

; these are used for wiki links
__existing__        = "#6C0"            ; @ini_existing
__missing__         = "#D30"            ; @ini_missing

In the past, this wiki used to have the Adora Dark theme which used this awful orange,⁷⁾ then I decided to switch back to the base template and coded a bloated “userstyle.css” file since I wasn't going to mess with “Template Style Settings” or figure out what the “style.ini” file did. As of December 2022, the wiki now uses the above settings, slashing the “userstyle.css” file in half.

This wiki's userstyle.css file is mostly filled with CSS rules that adds more styles to the Wrap plugin, as well as fallback fonts and very minor tweaks to the theme that isn't covered by the dark theme section. I will only be showing the CSS rules below, since this is what people are mostly interested in anyways, and provide a list of explanations if my self-explanatory comments aren't clear enough.

• .wrap_hatnote: This just imitates the Wikipedia hatnote by adding an indent.
• .wrap_spoiler: Replaces the default spoiler with a mobile-friendly blurry spoiler (example).
• .wrap_round: Reduces the Corner Radii on boxes and notes to be less 'modern' or obnoxious.
• .wrap_jascii: This allows usage of the Japanese ASCII font, not always used for ASCII. (・∀・ )
• .wrap_twatts: This allows a text block to be formatted like Twitter, only used for one specific page.
• .wrap_narrow: This allows usage of a condensed or narrow font. On a wiki that already tries to condense information.
• .wrap_shake: This creates a weird shaking effect (example), not currently used.
• .wrap_tick: This creates a weird TikTok-like outline (example). Why is this even here?
• .wrap_cs: This allows usage of the infamous Comic Sans font (example).
• .wrap_mspa: A shortcut to use dark monospace text on a light background (example).
• .wrap_big: This just makes the CJK characters bigger, only used for one specific page so far.

Toggle code block.

.dokuwiki .wrap_hatnote { /* Fake Hatnote */
    font-style: italic;
    padding-left: 1.6em;
}
.dokuwiki .wrap_spoiler { /* Spoiler */
    transition: all .1s ease-in;
    filter: blur(3px);
    background-color: inherit !important;
    color: inherit !important;
    border: 0px !important;
}
.dokuwiki .wrap_spoiler:hover { /* Unspoiler */
    filter: none;
}
.dokuwiki .wrap_round { /* All my homies hate Corner Radii */
    border-radius: 0.5em !important;
}
.dokuwiki .wrap_jascii, .dokuwiki .wrap_jascii pre { /* Inline and Multiline AA */
    font-family: MS PGothic, Mona, IPAMonaPGothic, "giko2", sans-serif;
    font-size: 16px;
    line-height: 18px;
}
.dokuwiki .wrap_jascii pre, .dokuwiki .wrap_twatts pre { /* Multiline AA, Overrides Code */
    background: initial;
    border: initial;
    border-radius: initial;
    box-shadow: initial;
    padding: initial;
}
.dokuwiki .wrap_twatts, .dokuwiki .wrap_twatts pre { /* Force Twitter Font */
    font-family: BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 18px;
}
.dokuwiki .wrap_twatts pre { /* Force Twitter Font, Bonus */
    overflow: unset;
}
.dokuwiki .wrap_narrow { /* Narrow Text */
    font-family: Arial Narrow, Avenir Next Condensed, MS UI Gothic, Arial, sans-serif !important;
}
.dokuwiki .wrap_shake { /* Shaky Effect */
    text-shadow: 2px 2px 0 rgba(187, 187, 187, 0.5), -2px -2px 0 rgba(187, 187, 187, 0.4); 
}
.dokuwiki .wrap_tick { /* Tick-Tock Clock */
    text-shadow: -1px -2px 0 rgba(0, 255, 255, 0.4), 1px 2px 0 rgba(255, 0, 255, 0.4);
}
.dokuwiki .wrap_cs { /* Comic Sans */
    font-family: 'Comic Sans MS', 'Comic Sans', Arial, sans-serif;
}
.dokuwiki .wrap_mspa { /* MSPA Quote */
    background-color: #EEEEEE;
    color: #000000;
    font-family: Courier, monospace; font-weight: bold;
}
.dokuwiki .wrap_big { /* Large CJK */
    font-size: 200%;
}

• /conf/ and /data/ are the only relevant folders when importing.

• DokuWiki - The official website for DokuWiki.
  • DokuWiki Popularity Info - Results of the Popularity plugin.
• DokuWiki on Wikipedia