https://github.com/javaducky/scratches

Collection of notes and hacks.
https://github.com/javaducky/scratches

Last synced: 10 days ago
JSON representation

Collection of notes and hacks.

• Host: GitHub
• URL: https://github.com/javaducky/scratches
• Owner: javaducky
• Created: 2020-09-09T01:29:08.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-09-09T01:39:31.000Z (over 4 years ago)
• Last Synced: 2024-11-06T00:30:47.940Z (about 2 months ago)
• Size: 1.95 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# My first HackMD note (change me!)

[![hackmd-github-sync-badge](https://hackmd.io/aXD4FqZaTO6jcj3vp79wEA/badge)](https://hackmd.io/aXD4FqZaTO6jcj3vp79wEA)

###### tags: `Tag(change me!)`

> This note is yours, feel free to play around.  :video_game: 

> Type on the left :arrow_left: and see the rendered result on the right. :arrow_right: 

## :memo: Where do I start?

### Step 1: Change the title and add a tag

- [x] Create my first HackMD note (this one!)

- [ ] Change its title

- [ ] Add a tag

:rocket: 

### Step 2: Write something in Markdown

Let's try it out!

Apply different styling to this paragraph:

**HackMD gets everyone on the same page with Markdown.** ==Real-time collaborate on any documentation in markdown.== Capture fleeting ideas and formalize tribal knowledge.

- [x] **Bold**

- [ ] *Italic*

- [ ] Super^script^

- [ ] Sub~script~

- [ ] ~~Crossed~~

- [x] ==Highlight==

:::info

:bulb: **Hint:** You can also apply styling from the toolbar at the top :arrow_upper_left: of the editing area.

![](https://i.imgur.com/Cnle9f9.png)

:::

> Drag-n-drop image from your file system to the editor to paste it!

### Step 3: Invite your team to collaborate!

Click on the  **Sharing** menu :arrow_upper_right: and invite your team to collaborate on this note!

![permalink setting demo](https://i.imgur.com/PjUhQBB.gif)

- [ ] Register and sign-in to HackMD (to use advanced features :tada: ) 

- [ ] Set Permalink for this note

- [ ] Copy and share the link with your team

:::info

:pushpin: Want to learn more? ➜ [HackMD Tutorials](https://hackmd.io/c/tutorials) 

:::

---

## BONUS: More cool ways to HackMD!

- Table

| Features          | Tutorials               |

| ----------------- |:----------------------- |

| GitHub Sync       | [:link:][GitHub-Sync]   |

| Browser Extension | [:link:][HackMD-it]     |

| Book Mode         | [:link:][Book-mode]     |

| Slide Mode        | [:link:][Slide-mode]    | 

| Share & Publish   | [:link:][Share-Publish] |

[GitHub-Sync]: https://hackmd.io/c/tutorials/%2Fs%2Flink-with-github

[HackMD-it]: https://hackmd.io/c/tutorials/%2Fs%2Fhackmd-it

[Book-mode]: https://hackmd.io/c/tutorials/%2Fs%2Fhow-to-create-book

[Slide-mode]: https://hackmd.io/c/tutorials/%2Fs%2Fhow-to-create-slide-deck

[Share-Publish]: https://hackmd.io/c/tutorials/%2Fs%2Fhow-to-publish-note

- LaTeX for formulas

$$

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

$$

- Code block with color and line numbers：

```javascript=16

var s = "JavaScript syntax highlighting";

alert(s);

```

- UML diagrams

```sequence

Alice->Bob: Hello Bob, how are you?

Note right of Bob: Bob thinks

Bob-->Alice: I am good thanks!

Note left of Alice: Alice responds

Alice->Bob: Where have you been?

```

- Auto-generated Table of Content

[ToC]

> Leave in-line comments! [color=#3b75c6]

- Embed YouTube Videos

{%youtube PJuNmlE74BQ %}

> Put your cursor right behind an empty bracket {} :arrow_left: and see all your choices.

- And MORE ➜ [HackMD Tutorials](https://hackmd.io/c/tutorials)