DokuWiki is a mostly PHP-based¹⁾ wiki software that began around June 2004.²⁾ It's a lightweight engine, that doesn't require a database for their core features, and maintains some popularity.³⁾ I do not expect anyone reading this to be interested in its history, so let's skip to the details.

Upon installation, you will 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 uses the latest stable version of DokuWiki, at the time of this writing, and makes use of numerous configurations and extension. In this section, I've included all the relevant extensions, minus the bundled or pre-packaged ones, and configurations for anyone who finds it useful. There's also some personal explanations, if you're privy to those sorts of minor details.

• Attribute Plugin - A plugin for user-associated data that is required for…
  • 2FA Plugin (Core) - The two-factor authentication plugin.
  • 2FA Plugin (Google) - Despite its name, any 2FA/MFA app (e.g. Raivo, Tofu, etc.) should work.
• CAPTCHA Plugin - Bots are fun, but they do get tiring after a while. :(
• Cleanup Plugin - Deletes old files. I mostly use this before making a backup to save space.
• CMSMode Plugin - Disables some actions from non-logged in users, namely bots.
• Color Plugin - A basic tool for highlighting and colored text.
• HTMLOK Plugin - Some articles use this, namely the articles with badges and page-specific CSS.
  • 🛑 Warning: Do NOT use this for public wikis. Look into CSS and the Wrap plugin.
• IP Banning Plugin - This is mostly used against bots, cheap VPNs, and some underage kids.
• Folded Plugin - Hides text behind a toggle.
• Mermaid Plugin - Mermaid is a diagram and charting tool. Helps add a little flair.
  • 📝 Note: Requires PHP 8.0+.⁵⁾ You may want 11.2 or older, if you want PHP 7.3 compatibility.
• Move Plugin - For moving pages. Watch the backlinks. Disabled, due to loops and log spam.
  • 📝 Note: I only recommend using this for short periods of time, and immediately disabling it after.
• 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 use cases.
• 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 - Removes all of the 'recently visited pages' (trace) junk.
• dformat: %Y-%m-%d %H:%M:%S - ISO 8601 format, UTC time.
• macseclevel: 5 - Enables editing of smaller subsections. Makes it easier to edit from my end.
• usewordblock: 0 - It's a personal wiki. I'm going to write what I want to write.
• dnslookups: 0 - This wiki does not currently use a DNS server.

This wiki's dark theme is the base DokuWiki Template, with a custom style.ini.⁶⁾ If you want these 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, do make sure that the darkTpl configuration is actually 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 and code boxes (two are tied together unfortunately)
__background_site__ = "#222"            ; @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 template, which used an 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. After December 2022, the wiki now uses the above settings, cutting the aforementioned 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_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_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