HackMD介紹

簡介

HackMD 是個跨平台的 Markdown 即時協作筆記
可以在電腦、平板、手機與其他人做筆記！

筆記是由 Markdown 語法寫成

Image Not Showing Possible Reasons

The image file may be corrupted
The server hosting the image is unavailable
The image path is incorrect
The image format is not supported

Learn More →

共同編輯、擴充語法、簡報模式

Image Not Showing Possible Reasons

The image file may be corrupted
The server hosting the image is unavailable
The image path is incorrect
The image format is not supported

Learn More →

共同編輯/快速分享

編輯=複製網址
分享=按右上角的發表

擴充語法

像是可以使用 MathJax 語法來產生 LaTeX 數學表達式，如同 math.stackexchange.com：

The Gamma function satisfying

Γ (n) = (n - 1)! \forall n \in N

is via the Euler integral

x = \frac{- b \pm \sqrt{b^{2} - 4 a c}}{2 a} .

Γ (z) = \int_{0}^{\infty} t^{z - 1} e^{- t} d t .

更多關於 LaTeX 數學表達式請至這裡

程式碼區塊

支援多個程式語言，可以使用自動完成來看支援哪些語言

import System.IO
 
main = do putStr "請輸入你的名稱："
          hFlush stdout
          name <- getLine
          putStrLn ("哈囉！" ++ name ++ "！")

簡報模式

可以使用一些語法將筆記分成投影片
然後用 簡報模式 來展示

簡報模式說明

PS:我這次投影片就是用這個做的啦~~

可以在首頁透過 Facebook、Twitter、GitHub、Dropbox、Google 登入

Image Not Showing Possible Reasons

The image file may be corrupted
The server hosting the image is unavailable
The image path is incorrect
The image format is not supported

Learn More →

快速方便共同編輯(電腦、平板、手機)

電腦 & 平板

編輯：只看到編輯器
檢視：只看到結果
同時：同時看到兩邊

手機

檢視：只看到結果
編輯：只看到編輯器

有權限控管

檢視右上方有個小按鈕，您可以透過以下選項來更改權限：

隨意：任何人都可以更改這份筆記
可編輯：已登入使用者可以更改這份筆記
鎖定：只有擁有者可以更改這份筆記
私有：只有擁有者可以更改與檢視這份筆記

只有筆記的擁有者可以更改權限

增加功能，讓筆記更易於使用

上傳圖片

只要按下這個按鈕
或是拖放圖片到編輯器，甚至貼上圖片也可以喔！
這會自動上傳圖片至 imgur，啥都不必煩惱了

UML 圖表

循序圖

流程圖

Graphviz

Mermaid

更多關於 循序圖 語法在這裡.
更多關於 流程圖 語法在這裡.
更多關於 Graphviz 語法在這裡
更多關於 Mermaid 語法在這裡

Youtube

Image Not Showing Possible Reasons

The image file may be corrupted
The server hosting the image is unavailable
The image path is incorrect
The image format is not supported

Learn More →

Gist


    
      
        
  
    
    

        


  


  
        
          
          require 'net/http'
        
        
          
          require 'uri'
        
        
          
          

        
        
          
          # /api/v1/:format/new
        
        
          
          # /api/v1/:format/gists/:user
        
        
          
          # /api/v1/:format/:gist_id
        
        
          
                                                           
        
        
          
          res = Net::HTTP.post_form(URI.parse('http://gist.github.com/api/v1/xml/new'),
        
        
          
          		      { 'files[file1.ab]' => 'CONTNETS', 
        
        
          
          		        'files[file2.ab]' => 'contents' })
        
        
          
          puts res.body
        
  



    

  


      
      
        view raw
        
          example_gist_create.rb
        
        hosted with ❤ by GitHub
      
    
    
      
        
  
    
    

        


  


  
        
          
          <?xml version="1.0" encoding="UTF-8"?>
        
        
          
          <gists type="array">
        
        
          
            <gist>
        
        
          
              <public type="boolean">true</public>
        
        
          
              <description nil="true"></description>
        
        
          
              <repo>4278</repo>
        
        
          
              <created-at type="datetime">2008-08-06T13:30:32-07:00</created-at>
        
        
          
            </gist>
        
        
          
          </gists>
        
  



    

  


      
      
        view raw
        
          output.xml
        
        hosted with ❤ by GitHub

SlideShare

26 Disruptive & Technology Trends 2016 - 2018 from Brian Solis

待辦清單

待辦
- 買些沙拉
- 刷牙
- 喝水

題外話

HackMD也有open source到github上，可以用nodejs/docker自己架一個來玩玩看

https://github.com/hackmdio/hackmd/
https://github.com/hackmdio/docker-hackmd

Reference

HackMD首頁
 HackMD功能介紹

投影片簡報版
 投影片MD版

	require 'net/http'
	require 'uri'

	# /api/v1/:format/new
	# /api/v1/:format/gists/:user
	# /api/v1/:format/:gist_id

	res = Net::HTTP.post_form(URI.parse('http://gist.github.com/api/v1/xml/new'),
	{ 'files[file1.ab]' => 'CONTNETS',
	'files[file2.ab]' => 'contents' })
	puts res.body

	<?xml version="1.0" encoding="UTF-8"?>
	<gists type="array">
	<gist>
	<public type="boolean">true</public>
	<description nil="true"></description>
	<repo>4278</repo>
	<created-at type="datetime">2008-08-06T13:30:32-07:00</created-at>
	</gist>
	</gists>