---
tags: toolchain, hackmd, mobile
disqus: colliand
---

# Test editing on iOS

Thia is kinda working. Can I select and cut/paste? seems no...

# HackMD Toolchain

Many of the things in this file are pasted from the Hackmd [features document](https://hackmd.io/features).

### HackMD-it Browser Extension and "edit on HackMD" button on GitHub

> Notes can be edited using the HackMD-it browser extension directly from GitHub.

+ Notes can be edited using the HackMD-it browser extension directly from GitHub.
+ Clicking the button in GitHub launched files with .md extension in HackMD. The file in HackMD is an orphaned copy that can be saved (using dialoge under the HackMD-it button on Firefox) to GitHub. You then `commit` using GitHub. The updated version can then be pulled into HackMD using the "versions" dialogue under the ellipses.

Another edit made using the "edit on HackMD" button launched from GitHub.

### Mermaid

gantt
    title A Gantt Diagram

    section Section
    A task           :a1, 2014-02-01, 30d
    Another task     :after a1  , 20d
    section Another
    Task in sec      :2014-01-12  , 12d
    anther task      : 24d

### Flow Charts

Flow charts can be specified like this:

st=>start: Start
e=>end: End
op=>operation: My Operation
op2=>operation: lalala
cond=>condition: Yes or No?

st->op->op2->cond
cond(yes)->e
cond(no)->op2

### abc

X:1
T:Speed the Plough
M:4/4
C:Trad.
K:G
|:GCABc dedB|dedB dedB|c2ec B2dB|c2A2 A2BA|
GABc dedB|dedB dedB|c2ec B2dB|A2F2 G4:|
|:g2gf gdBd|g2f2 e2d2|c2ec B2dB|c2A2 A2df|
g2gf g2Bd|g2f2 e2d2|c2ec B2dB|A2F2 G4:|

> More information about **sequence diagrams** syntax [here](http://bramp.github.io/js-sequence-diagrams/).
> More information about **flow charts** syntax [here](http://adrai.github.io/flowchart.js/).
> More information about **graphviz** syntax [here](http://www.tonyballantyne.com/graphs.html)
> More information about **mermaid** syntax [here](http://knsv.github.io/mermaid)
> More information about **abc** syntax [here](http://abcnotation.com/learn)

Alert Area
---
:::success
Yes :tada:
:::

:::info
This is a message :mega:
:::

:::warning
Watch out :zap:
:::

:::danger
Oh No! :fire:
:::

### Footnotes

Footnote 1 link[^first].
Footnote 2 link[^second].
Inline footnote^[Text of inline footnote] definition.
Duplicated footnote reference[^second].

[^first]: Footnote **can have markup**
and multiple paragraphs.
[^second]: Footnote text.

## Embed a Note:
Notes can be embedded as follows:

<iframe width="100%" height="500" src="https://hackmd.io/features" frameborder="0"></iframe>

## [YAML Metadata](/yaml-metadata)
You can provide advanced note information to set the browser behavior (visit above link for details):
- title: set note title
- description: set note description
- image: set note default image (for link preview)
- tags: set note tags
- robots: set web robots meta
- lang: set browser language
- dir: set text direction
- breaks: set to use line breaks
- GA: set to use Google Analytics
- disqus: set to use Disqus
- slideOptions: setup slide mode options

## Externals

### YouTube
{%youtube 1G4isv_Fylg %}

### Vimeo
{%vimeo 124148255 %}

### Gist
{%gist schacon/4277%}

### SlideShare
{%slideshare briansolis/26-disruptive-technology-trends-2016-2018-56796196 %}

### Speakerdeck
{%speakerdeck sugarenia/xxlcss-how-to-scale-css-and-keep-your-sanity %}

### PDF
**Caution: this might be blocked by your browser if not using an `https` URL.**
{%pdf https://papers.nips.cc/paper/5346-sequence-to-sequence-learning-with-neural-networks.pdf %}

## MathJax

You can render *LaTeX* mathematical expressions using **MathJax**, as on [math.stackexchange.com](http://math.stackexchange.com/), except the space after the start `$` and the space before the end `$` are not allowed in the inline math:

The *Gamma function* satisfying $\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$ is via the Euler integral

$$
x = {-b \pm \sqrt{b^2-4ac} \over 2a}.
$$

$$
\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.
$$

> More information about **LaTeX** mathematical expressions [here](http://meta.math.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference).