DICK Markdown Guide

Standard Markdown syntax and DICK custom extensions — complete reference

1. Standard Markdown

All standard Markdown syntax is fully supported on the DICK platform. Below is a quick reference.

Syntax Description Rendered Output
# H1 Heading level 1 Heading 1
## H2 Heading level 2 Heading 2
### H3 Heading level 3 Heading 3
**bold** Bold text bold text
*italic* Italic text italic text
***bold italic*** Bold + italic bold italic
~~strikethrough~~ Strikethrough text strikethrough
`inline code` Inline code inline code
```code block``` Fenced code block (multi-line code block)
[link](url) Hyperlink link text
![alt](url) Image (rendered image)
- item Unordered list
  • item
1. item Ordered list
  1. item
> quote Blockquote quoted text
--- Horizontal rule
| col1 | col2 | Table (rendered table)

2. DICK Custom Syntax

The DICK platform extends Markdown with custom directives for metadata, content control, rich media, and interactive widgets. All custom syntax operates within standard Markdown documents and is parsed server-side.

2a. Metadata Headers

Metadata fields placed at the top of the document. Each must appear on its own line.

# Your Article Title
Title. The first # heading defines the article title shown on the post card and page header.
Author: John Doe
Author. Sets the article author display name.
Duration: 5 min 時長: 5 分鐘
Duration / 時長. Estimated reading time. Supports both English and Chinese labels.
YouTube: dQw4w9WgXcQ
YouTube. Embeds a YouTube video at the top of the article. Value is the video ID.
#Coding #Philosophy #Tech
#Tags. Space-separated hashtags define article categories. Must start with #. Used for filtering and search.

2b. Content Control Tags

Tags for hiding or restricting access to specific sections within an article. Each tag wraps content between start and end markers on their own lines.

hidden-post ...content... /hidden-post
Hidden Post. Content hidden by default. Readers must click to reveal.
open-post ...content... /open-post
Open Post. Content always visible. The opposite of hidden-post.
beta-post ...content... /beta-post
Beta Post. Marks content as experimental / beta. Displayed with a beta badge.
undone-post ...content... /undone-post
Undone Post. Marks content as work-in-progress. Shown with an "unfinished" indicator.
restricted-boundary ...content... /restricted-boundary
Restricted Boundary. Content inside this block is only accessible to authenticated users who have accepted the content warning (NSFW gate).

2c. Echo System

Echo blocks let writers insert specially styled callouts — quotes and notes with attribution.

echo-quote Author Name Quote text here... /echo-quote
Echo Quote. A styled quotation block with author attribution. Renders with a distinct background and quote styling.
echo-note Label Note content here... /echo-note
Echo Note. A highlighted note block with a custom label. Useful for asides, tips, and editorial notes.

2d. Phiz Expressions

Inline emoticon images rendered from the DICK character sprites. Syntax: [phiz:id|optional note] — the note text appears as a tooltip on hover.

IDImageDescriptionImageID
viel1 viel1 Confused / 疑惑抓頭 orly1 orly1
viel2 viel2 Writing / 寫筆記 orly2 orly2
viel3 viel3 Coding (dead inside) / 敲電腦 orly3 orly3
viel4 viel4 Praying / 祈禱求過 orly4 orly4
viel5 viel5 Sleeping / 睡覺 orly5 orly5
viel6 viel6 Love / 愛心 orly6 orly6
viel7 viel7 Sad / 難過 orly7 orly7
viel8 viel8 Happy / 開心 orly8 orly8
[phiz:viel6|love this]
Example: Inline phiz with tooltip note. The phiz image renders inline with the text flow.

2e. Chat Blocks

Simulated chat / messenger-style dialog blocks. Up to 6 speakers (me + 1 through 5).

chat-start chat-who-me Hey, what's up? chat-who-1 Nothing much, you? chat-who-2 Working on DICK! chat-end
Chat Block. Renders as a messenger-style chat UI with avatars.
chat-start / chat-end — open / close the chat block.
chat-who-me — message from the current user (right-aligned, blue bubble).
chat-who-1 through chat-who-5 — messages from other speakers (left-aligned, gray bubble).

2f. Status Boxes

Colored status callout boxes for highlighting different types of information. Content between the open and close tag on dedicated lines.

TagDescription
box-topic / /box-topicTopic introduction or section overview box
box-related / /box-relatedRelated content or see-also box
box-question / /box-questionQuestion or FAQ box
box-urgent / /box-urgentUrgent / warning callout (red-tinted)
box-done / /box-doneCompleted / success status box (green-tinted)
box-right / /box-rightCorrect answer or verified information box
box-wrong / /box-wrongIncorrect / deprecated information box
box-dispute / /box-disputeControversial or disputed content box
box-view / /box-viewOpinion / viewpoint box
box-todo / /box-todoTo-do list or action items box
box-question Why is the sky blue? /box-question box-done Migration completed. /box-done
Usage: Place the opening tag, content on the next line(s), then the closing tag on its own line. Each box renders with a distinct color scheme and icon.

2g. Rainbow Text

Animated gradient text using an HTML span element. Supported directly in Markdown since DICK allows inline HTML.

<span class="rainbow-text"> Colorful Text </span>
Rainbow Text. Wraps text in an animated rainbow gradient. The rainbow-text CSS class applies a cycling color animation. Best used sparingly for emphasis.