---
title: "HackMD 筆記"
path: "HackMD 筆記"
---

# HackMD 筆記

[Book](https://hackmd.io/s/how-to-create-book-tw)

## Graphviz

    digraph {
    graph [bgcolor=transparent];
node[fontcolor="#888888";color="#888888"];
edge [color="#888800"];
      a->b;
      a->c;
      a->d;
      a->e;
      a->f;
      b->c;
      b->e;
      b->d;
      b->f;
    }

更多在 [Graphviz 筆記](@RintarouTW/Graphviz_筆記)

## 圖片調整大小

在圖片連結中加入 =50%x 即可為原來 50% 寬度(路徑與寬度中間必須加上空格)

[](圖片路徑 =50%x)

## 有限支援的 Javascript Tag
iframe, font, style, span

<iframe src="..."></iframe>

<font color="#f00">text</font>

<style>
.blue { color: blue}
</style>

<span class=blue>Text in blue</span>

## 加入 Twitch 聊天室

<iframe frameborder="0"
        scrolling="yes"
        id="RintarouTW"
        src="https://www.twitch.tv/embed/RintarouTW/chat"
        height="500"
        width="700">
</iframe>

<iframe frameborder="0"
scrolling="yes"
id="RintarouTW"
src="https://www.twitch.tv/embed/RintarouTW/chat"
height="500"
width="700">
</iframe>

## 加入 GeoGeBra

<iframe scrolling="no" title="" src="https://www.geogebra.org/material/iframe/id/mrpwfspx/width/800/height/800/border/888888/sfsb/false/smb/false/stb/false/stbh/false/ai/false/asb/false/sri/false/rc/false/ld/false/sdz/true/ctl/false" width="600px" height="600px" style="border:0px;"> </iframe>

<iframe scrolling="no" src="https://www.geogebra.org/material/iframe/id/mrpwfspx/width/800/height/800/border/888888/sfsb/false/smb/false/stb/false/stbh/false/ai/false/asb/false/sri/false/rc/false/ld/false/sdz/true/ctl/false" width="600px" height="600px" style="border:0px;"> </iframe>

## CodiMD

Rebrand HackMD

- [GitHub](https://github.com/hackmdio/codimd)
- [Documentation](https://hackmd.io/c/codimd-documentation/%2Fs%2Fcodimd-documentation)

###### tags: `HackMD`