Try   HackMD

English version
中文版
日本語版
Magyar verzió

Ellenőrizd a jegyzet forrását
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 →

Ne módosítsd ezt a megjegyzést! Nagyon köszönöm

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 →

Ha szeretne köszönetet mondani vagy játszani valamivel, kérjük, menjen a Játszótérre

A HackMD ismertetője

Bevezetés

A Markdown egy szövegszerkesztési módszer, amely külön nyelvezettel rendelkezik.

A HackMD egy valós idejű, többplatformos együttműködésre alkalmas Markdown szerkesztő. Ez azt jelenti, hogy jegyzeteket írhat másokkal közösen asztali és táblagépeken vagy akár a telefonon.
A kezdőlapon több hitelesítő szolgáltatóval is bejelentkezhet mint például a Facebook, Twitter, GitHub.

Kérjük, az új problémákat a GitHub-on jelentse.
Ha azonnali segítségre van szüksége, küldjön nekünk egy Facebook üzenetet.
Nagyon szépen köszönjük!

A munkafelületek

A munkafelület az üzemmódoktól függően változik

Üzemmódok

Asztali és táblagépeken

Szerkesztés: Lásd csak a szerkesztőt.
Nézet: Lásd csak az eredményt.
Mindkettő: mindkettőt megosztott nézetben láthatja.

Mobilokon

Nézet: Lásd csak az eredményt.
Szerkesztés: Lásd csak a szerkesztőt.

A jegyzetek megosztása:

Ha meg szeretné osztani egy szerkeszt-hető jegyzetet, akkor csak másolja be az URL-t az üzenetbe.

Ha csak olvasható jegyzetet szeretne megosztani, akkor egyszerűen nyomja meg a közzététel gombot és küldje el az URL-t.

A jegyzetek mentése:

Jelenleg menthet a Dropbox-ba vagy mentheti a .md fájlt helyileg.

A jegyzetek betöltése:

A mentési funkcióhoz hasonlóan importálhat egy .md fájlt a Dropbox-ból , vagy betölltheti a vágólap tartalmát , és elemezhet néhány html oldalt amit hasznosnak talál

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 →

Engedélyek:

Lehetőség van egy jegyzethez való hozzáférési engedély módosítására a nézet jobb felső részén található kis gomb segítségével.
Hat lehetősége van:

Tulajdonos read/write Bejelentkezett read Bejelentkezett write Vendég read Vendég write
Szabad
Szerkeszthető
Korlátozott
Zárolt
Védett
Magán

Csak a jegyzet tulajdonosa módosíthatja a jegyzet engedélyeit

A jegyzetek weblapba ágyazása:

A jegyzetek a következőképpen ágyazhatók be:

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

Dia Mód:

Speciális szintaxis segítségével jegyzetét diákra rendezheti.
Ezután a prezentáció készítéséhez használja a a felső jobboldali menűsoron Dia Mód-ot .
A részletekért keresse fel a felső baloldali menűsoron a segítséget.

Könyv Mód:

You can make your notes into a book.
List your links in order or nest them.
Then use the Book Mode to make a collection.
A részletekért keresd fel ezt a linket.

Nézet üzemmód

Tartalomjegyzék:

A Nézetterület jobb alsó részén van egy ToC gomb, there is a ToC button .
Ha megnyomja ezt a gombot, megjelenik egy aktuális Tartalomjegyzék, és kiemeli, hogy melyik részen tartózkodik.
A TOC-k legfeljebb három fejlécszintet támogatnak.

Hivatkozás

Minden fejléc automatikusan hozzáad egy hivatkozást a jobb oldalon.
Vigye az egeret az ikonhoz és kattintson rajta.

Szerkesztő üzemmód:

Gyorsbillentyűk:

Csakúgy, mint az Automatikus-kiegészítés, gyors és kényelmes.

További információ itt olvasható.

Automatikus-kiegészítés:

Ez a szerkesztő teljes automatikus kiegészítést ad a markdown-ben.
A következő jelek és plusz egy karakter begépelése tippeket mutat:

Jelek Leírás
: Hangulatjelek
``` Kódblokkok
# Fejlécek
[] Idézetek
{} Külső alkalmazások
! Képek

Cím:

Az első szintű fejlécet veszi fel a jegyzet címeként.

Címke:

Az alábbiak szerint a címkék használatával a megadott címkék az Ön történelmében láthatók lesznek.

címkék: jellemzők menő frissitett

YAML Metaadat

A böngésző viselkedését beállíthatja hozzáadott megjegyzésekkel (a részletekért lásd a fenti linket):

  • title: a jegyzet címének a megadása
  • description: a jegyzet leírása
  • image: az alapértelmezett képe megadása (link az előnézethez)
  • tags: a cimkék beállítása
  • robots: webes robotok beállítása
  • lang: a böngészõ nyelvének a megadása
  • dir: a szöveg irásírányának megadása
  • breaks: a sortörések beállítása
  • GA: a Google Analytic használat beállítása
  • disqus: a Disqus használatának beállítása
  • slideOptions: dia mód opciók beállítása

Tartalomjegyzék:

A jegyzetbe a [TOC] segitségével tudod a tartalomjegyzéket beilleszteni.

Hangulatjelek

Írd be az ilyen emojikat, mint ez

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 →
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 →

Lásd a teljes emoji listát itt.

ToDo (tennivaló) Lista:

  • Teendők
    • Kell egy salátát venni
    • Fogmosás
    • Igyál egy kis vizet

Kód Blokk:

Számos programozási nyelvet támogatunk, használjuk az automatikus kiegészítés funkciót az teljes lista megtekintéséhez.

var s = "JavaScript syntax highlighting"; alert(s); function $initHighlight(block, cls) { try { if (cls.search(/\bno\-highlight\b/) != -1) return process(block, true, 0x0F) + ' class=""'; } catch (e) { /* handle exception */ } for (var i = 0 / 2; i < classes.length; i++) { if (checkCondition(classes[i]) === undefined) return /\d+[\s/]/g; } }

Ha más sorszámtól szeretnéd a listát indítani írd be az egyenlőség jel után: javascript=101

var s = "JavaScript syntax highlighting"; alert(s); function $initHighlight(block, cls) { try { if (cls.search(/\bno\-highlight\b/) != -1) return process(block, true, 0x0F) + ' class=""'; } catch (e) { /* handle exception */ } for (var i = 0 / 2; i < classes.length; i++) { if (checkCondition(classes[i]) === undefined) return /\d+[\s/]/g; } }

Ha folytatni akarod az előző kódblokk sorszámát: javascript=+

var s = "JavaScript syntax highlighting"; alert(s);

Néha hosszú szöveget kell csinálnod megszakítás nélkül. Itt az ideje, hogy használd erre is a kódblokkot: ```! abc... ```.

Ha te asztalosként gyönyörű fiókos szekrényeket készítesz, akkor nem fogsz rétegelt lemezeket használni a hátoldalon.

Idézetblokk szerkesztése:

Az alábbi szintaxis segítségével adja meg nevét, idejét és színét a idézetblokk alakításához.
ChengHan WuSun, Jun 28, 2015 9:59 PM

Támogatja a beágyazást is!
ChengHan WuSun, Jun 28, 2015 10:00 PM

Külvilág

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 →

Vimeo

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
<?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

Speakerdeck

PDF

Figyelem: ez a böngésző letiltja, ha nem használja a https https URL-t.

MathJax

A LaTeX matematikai kifejezéseket a MathJax használatával lehet megjeleníteni, mint például a math.stackexchange.com portálon.
A soron belüli megjelenítésnél a kezdő $ karakter után és a záró $ karakter elé nem szabad szóközt tenni.

A Gamma függvény megoldása

Γ(n)=(n1)!nN az Euler integrállal

A sorok között középre igazitva:

  • A másodfokú egyenlet megoldó képlete:

    x=b±b24ac2a.

  • A Gamma függvény:

    Γ(z)=0tz1etdt.

További információ a LaTeX matematikai kifejezésekről itt.

UML diagramok

Sorrendi Diagramok

Így tudsz szekvenciákat ábrázolni:

Created with Raphaël 2.2.0AliceAliceBobBobSzia Bob, hogy vagy?Bob gondolkozikJól vagyok, köszi!Alice válaszolHol voltál?

Folyamat Ábrák

Folyamat Ábrákat így lehet megadni:

Created with Raphaël 2.2.0StartFordítom a leírástLefordítok egy résztElkészültem?igen vagy nem?Endyesno

Graphviz







hierarchy



Iskolaigazgató

Iskolaigazgató



Helyettes_1

Helyettes_1



Iskolaigazgató->Helyettes_1





Helyettes_2

Helyettes_2



Iskolaigazgató->Helyettes_2





Üzleti_menedzser

Üzleti_menedzser



Iskolaigazgató->Üzleti_menedzser





Tanár_1

Tanár_1



Helyettes_1->Tanár_1





Tanár_2

Tanár_2



Helyettes_1->Tanár_2





IT_menedzser

IT_menedzser



Üzleti_menedzser->IT_menedzser





Mermaid

2014-01-052014-01-122014-01-192014-01-262014-02-022014-02-092014-02-16A task           Task in sec      anther task      Another task     SectionAnotherA Gantt Diagram

Abc

Created with Raphaël 2.1.2Speed the PloughTrad.

További információ: sequence diagrams.
További információ: flow charts.
További információ: graphviz
További információ: mermaid
További információ: abc

Üzenetek

Siker

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 →

Ez egy üzenet

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 →

Vigyázz

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 →

Veszély!

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 →

Tipográfia

Fejlécek

# h1 Főcím
## h2 Alcím
### h3 Alcímsor
#### h4 Alcímsor
##### h5 Alcímsor
###### h6 Alcímsor

Vízszintes vonal




Tipográfiai jelek

Az írásjelek választéka.
© © ® ® § § ±
teszt.. teszt teszt teszt?.. teszt!..
!!! ??? ,
Gondolatjel az elválasztó jelnél hosszabb
"Idézőjelek, dupla"
'Idézőjelek, szimpla'

Karakter stílusok

Félkövér
Félkövér
Dölt
Dölt
Áthúzott
Alsóindex
Felsőindex
Aláhúzott
Kiemelt

Idézett blokkok

Idézett blokkok beágyazhatóak egymásba

ha további, nagyobb jeleket használnak egymás mellett

vagy szóközzel egymást között.

Listák

Rendezetlen

  • Létrehozhat egy listát a következő karakterek használatával a sor elején: +, -, or *
  • Az al-listák 2 szóköz behúzással készíthetők
    • Többszintű listák szintjeit a színekkel

      • különböztetik meg és
        • szintről-szintre változik
          • a szinezése a szerkesztő
            • nézetben.
    • A listaindító karakterek szabadon váltogathatók:

      • Ac tristique libero volutpat at
      • Facilisis in pretium nisl aliquet
      • Nulla volutpat aliquam velit
  • Nagyon könnyű!
  • Ez már egy új lista
    • másik lista indító jellel.

      • 4 szóköz a lista 3. szintjét jelenti egy üres bekezdés után is

Rendezett

  1. A sorszám hatására indul a sorszámozott lista

  2. A töltelék szöveggel készített többsoros - Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet - bekezdésen látszik, hogy a bekezdéseket számolja, nem a sorokat.

  3. A számozás azonban nem szünik meg új bekez-

  4. dések, vagy más sorszámok hatására

  5. hiába írod a sor elejére az 1. számot

  6. a sorszámozás folytatódik

  7. 2583

  8. Lorem ipsum dolor sit amet

Számozás egy üres bekezdést követően indítható újra akár eltolással:

  1. Az 57 után jön a
  2. , nem a sorkezdő 1.-es, hanem az 58.-as
  • A számozás nem szünik meg új bekezd
    • Vigyázzunk a behúzásokkal, mert négy db szóköz hatására
    • ​​​​​​​​... kezdhetünk program kódot irogatni amin belül ismét indithatunk ...
      
    • ​​​​​​​​... a listaelemekbe ...
      ​​​​​​​​* ... és ezen belül is indithatunk ...
      ​​​​​​​​  * új listákat. 
      

Programkód

Soron belül for i=1

Sorkezdő tabulátorral

​​​​// Megjegyzés
​​​​   1 code
​​​​   2 code
​​​​   3 code

Több soros kód AltGr+7 "keritésben"

Sample text here...

Szintaxis kiemelés

var foo = function (bar) {
  return bar++;
};

console.log(foo(5));

Táblázatok

Sorszám Leírás
1 A szerkesztő nézetben a második sorban használt
2 : és - karakterek használatával
3 tudom az oszlopok igazítását beállítani

Jobbra igazított oszlopok

Sorszám Leírás
1 A szerkesztő nézetben a második sorban használt
2 : és - karakter használatával
3 tudom az oszlopok igazítását beállítani
: -:

Középre igazított oszlopok

Sorszám Leírás
1 A szerkesztő nézetben a második sorban használt
2 : és - karakter használatával
3 tudom az oszlopok igazítását beállítani
:: :-:

Akár vegyesen is lehet az oszlopokat igazítani

Sorszám Leírás
1 A szerkesztő nézetben a második sorban használt
2 : és - karakter használatával
3 tudom az oszlopok igazítását beállítani
-: :-

Linkek

A beírt link automatikusan átalakul kattinthatóvá: 
https://github.com/nodeca/pica
Ha címkézni akarjuk: 
[link cimkézve](http://dev.nodeca.com)
Egérmutatóra megjelenő felugró szöveg:
[címkével és felugró szöveggel]
   (http://nodeca.github.io/pica/demo/ "a felugró szöveg!")

Képek

Oszlop 1 Oszlop 2 Oszlop 3
Minion
Stormtroopocat
Alt text
Kép méretekkel. Felugró szöveggel Hivatkozása az URL-re a dokumentum későbbi helyén

Lábjegyzet

Lábjegyzet1[1].
Lábjegyzet2[2].
Soron belüli lábjegyzet[3] készítése.

Többszörös lábjegyzet hivatkozás[2:1].

Ez a 3. hivatkozás a [^second] szövegére[2:2].
És negyedszerre: [^second] [2:3].

Definició Listák

Kifejezés 1

Definició 1
with lazy continuation.

Kifejezés 2 with inline markup

Definició 2

​​​​​​  { some code, part of Definition 2 }

A 2. fogalom harmadik bekezdése.

Kompakt stílus:

Kifejezés 1
Definició 1
Kifejezés 2
Definició 2a
Definició 2b

Rövidítések

Támogatott az egérmutató alatti üzenetek amik pihentetésre felbukkannak. Pl a rövidítések feloldására jól lehet használni. Ezeket előre vagy utólag is lehet definiálni.
Vidd az egeret a röviditések fölé: HTML, "HTML", HTML, XML.
A szövegbe ágyazott röviditések esetén pl "xxxHTMLyyy" nem működik.


  1. Többsoros lábjegyzetet is készíthetsz több bekezdésből. ↩︎

  2. A második Lábjegyzet szövege. ↩︎ ↩︎ ↩︎ ↩︎

  3. Ha jól számolom akkor ez a 3. lábjegyzet szövege ↩︎