---
title: "[Theme Preview] Dracula"
description: Preview of theme 'Dracula'. Use `{%hackmd @Hsins/theme-orangeheart %}` syntax to include this theme.
image: https://user-images.githubusercontent.com/26391143/156984539-606601e9-ad2c-48d6-a783-f6a95bf0bd44.png
tags: HackMD-Theme-Demo
breaks: false
GA:
disqus: hsins-hackmd
---

{%hackmd @themes/dracula %}

<div style="text-align:right;">
<a href="https://github.com/Hsins/hackmd-themes">
<img src="https://img.shields.io/badge/GitHub-%23.svg?style=flat-square&logo=github&color=24292f&logoColor=white">
</a>
</div>

<div style="text-align:center;">

# Theme: Dracula

</div>

> Colorful and pretty themes for [HackMD](https://hackmd.io/). Most of thems are inspired and ported from [Typora Themes](https://theme.typora.io/).

## 使用方式

{%hackmd @themes/dracula %}

## 文字樣式

一般 **粗體** *斜體* ==重點== `代碼` <kbd>鍵盤</kbd>

## 摺疊區塊

<details>
<summary>展開</summary>

朋友買了一件衣料，綠色的底子帶白色方格，當她拿給我們看時，一位對圍棋十分感與趣的同學說：

「啊，好像棋盤似的。」

「我看倒有點像稿紙。」我說。

「真像一塊塊綠豆糕。」一位外號叫「大食客」的同學緊接著說。

我們不禁哄堂大笑，同樣的一件衣料，每個人卻有不同的感覺。那位朋友連忙把衣料用紙包好，她覺得衣料就是衣料，不是棋盤，也不是稿紙，更不是綠豆糕。

</details>

## 表格區塊

| Syntax | Description |
| ----------- | ----------- |
| Header | Title |
| Paragraph | Text |

## 程式區塊

#include <iostream>

int main() {
  std::cout << "Hello World!";
  return 0;
}