#### Headers ####
* `# Large Title #` => Large Title
* `## Medium Title ##` => Medium Title
* `### Small Title ###` => Small Title
* `#### Smallest Title ####` => Smallest Title

#### Text Formatting ####
* `**Bold**` => **Bold** (Shortcut: `Ctrl+B`)
* `*Italics*` => *Italics* (Shortcut: `Ctrl+I`)
* `~~strikethrough~~` => ~~strikethrough~~ (Shortcut: `Ctrl+D`)

#### Other Elements ####
* `***` => Horizontal Rule
* `Footnotes[^1]` => Footnotes[^1]

#### Combining Styles ####
Markdown formatting styles can be *`nested`* and *~~combined*~~.

University of Michigan - Ann Arbor

Google

1. Regular (*GitHub Flavored*) Markdown 2. `Language-Specific Code blocks` 3. $$\KaTeX$$ Math Formulas 4. Emojis: ![:gift:](https://cdn.jsdelivr.net/emojione/assets/3.1/png/32/1f381.png) ![:fire:](https://cdn.jsdelivr.net/emojione/assets/3.1/png/32/1f525.png) ![:eggplant:](https://cdn.jsdelivr.net/emojione/assets/3.1/png/32/1f346.png) 5. [Link Expanders](https://1cademy.com/) and $$\href{https://1cademy.com/}\textsf{Clickable\space Text/URLs}$$ 6. Images: ![image](https://laobubu.net/HyperMD/demo/logo.png)

1Cademy HyperMD Markdown Guide

#### Basic Usage: ####
*Type **3** backticks followed by the name of a programming language to create code blocks / code editors with syntax highlighting for a given language.* 

#### For example a Python code block can be created like this: ####
```python
class PyCodeEditorDemo(object):
  
  def __init__(self, var=3.7):
    self.var = str("function and var are not a python keywords but def, str and return are.")
  
  def function(self) -> str:
    return self.var
```

#### Another example using Javascript this time: ####
```js
function jsCodeEditorDemo(editor) => {
  var str = "str is not a Javascript keyword but function and var are"
  console.log(str)
  return <div>{str}<div/>
} 
```
#### Note: use "js" to highlight Javascript syntax 

Language-Specific Code Blocks / Code Editors

#### Basic Usage: ####
*Type `:<emoji-name>:` to render emojis in text.*

#### Examples: ####
`:gift:` => ![:gift:](https://cdn.jsdelivr.net/emojione/assets/3.1/png/32/1f381.png)
`:fire:` => ![:fire:](https://cdn.jsdelivr.net/emojione/assets/3.1/png/32/1f525.png) 
`:eggplant:` => ![:eggplant:](https://cdn.jsdelivr.net/emojione/assets/3.1/png/32/1f346.png) 

Emojis

Link Expanders and Clickable URLs

To render a mathematical formula with $$\KaTeX$$, wrap the expression in double dollar signs ($$...$$). Single dollar signs must not be used, as they can cause parse errors when multiple expressions appear in the same paragraph.

Example:
$$f(x) = x^2 + 1$$ renders as:
$$f(x) = x^2 + 1$$

$$\KaTeX$$ Math Formulas

To insert an image into a node's text using 1Cademy's HyperMD editor:

*   **From your computer:** Click the image logo in the bottom right corner of the node editor.
*   **From the internet:** Use the Markdown syntax `![<image_name>](<image_url>)`. For example, `![HyperMD logo](https://laobubu.net/HyperMD/demo/logo.png)`.

Inserting Images in 1Cademy HyperMD

GitHub Flavored Markdown Syntax

To write mathematical formulas in 1Cademy, use MathJax or $$\KaTeX$$ syntax, which is similar to LaTeX. Formulas must be wrapped in double dollar signs ($$...$$). Do not use single dollar signs. This formatting can be applied in node titles, proposal summaries, reasonings, and comments.

Learn Before

Headers

Text Formatting

Other Elements

Combining Styles

Related