#### [Link Expanders](https://someurl.com):
`[Google](https://google.com)` => [Google](https://google.com)
- **Hold down Option Key + Click to open link in a *new* tab.
- **Click the link icon to expand and view the URL.


Link Expanders

#### $$\KaTeX$$ Clickable URLs

`$$\url{https://google.com}$$` => $$\url{https://google.com}$$

- Click to open the URL in your **current** tab.
- These should be used sparingly; see child nodes for details.

**Note:** URLs that do not start with `https://` will be treated as same-site links. For example, `[Google](google.com)` redirects to `https://1cademy.com/google.com` when clicked.

$$\KaTeX$$ Clickable URLs

University of Michigan - Ann Arbor

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

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

`***\n` => 
***
`**Bold**` => **Bold**                                                    (shortcut: `CRTL+B`)
`*Italics*` => *Italics*                                                (shortcut: `CRTL+I`)
`~~strikethrough~~`  => ~~strikethrough~~                  (shortcut: `CRTL+D`)
`Footnotes[^1]` => Footnotes[^1]

#### Note: Markdown can be *`nested`* and *~~combined*~~ 

Regular (*GitHub Flavored*) Markdown

#### 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

#### Images on your Computer:
*Click the image logo in the bottom right corner node editor*

#### Images from the internet:
*Type `![<image_name>](<image_url>)` *

`![HyperMD logo](https://laobubu.net/HyperMD/demo/logo.png)` =>
![image](https://laobubu.net/HyperMD/demo/logo.png) 

Images

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$$

Learn Before

Related

Learn After