#### [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 URL in your *current* tab.
- **These should be used sparingly. See child nodes for details.
***
#### Note: URLs that do not start with `https://` with be treated as same-site links. For example:
`[Google](https://google.com)` => [Google](https://google.com)
Redirects to https://1cademy.com/google.com when clicked.

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: ####
*Wrap a single `$` or double `$$` USD symbols around a math formula to render it with $\KaTeX$*:

#### Example: ####
$$f{x} = \int_{-\infty}^{\infty}\hat f\xi\ ^\infty L×WM^2+yaw$$

#### Nodes: ####
1. Single `$`  vs Double `$$` Usage ####
2. $\KaTeX$ Symbol and Syntax Reference
3. How to Troubleshoot Katex Parse Errors: $\-+fxyz$  

$\KaTeX$ Math Formulas

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

Learn Before

Related

Learn After