remark.js의 HTML에 markdown 파일 내용을 포함하십시오.

markdown 파일의 원시 내용을 HTML 형식으로 포함 할 수 있습니까?remark.js의 HTML에 markdown 파일 내용을 포함하십시오.

나는 슬라이드 쇼를 만들 수 remark.js을 사용하고 있는데 나는 HTML은 매우 간단 있도록 HTML는 별도로 가격 인하 파일을 유지하고 싶습니다 (변경되지 않음)

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8" /> 
    <title>Test</title> 
    <link rel="stylesheet" href="style.css"> 
    <script src="https://gnab.github.io/remark/downloads/remark-latest.min.js"></script> 
    </head> 
    <body> 
    <textarea id="source"> 
     >>'paste' markdown file test.md<< 
    </textarea> 
     <script> 
     var slideshow = remark.create({ 
      highlightStyle: 'darkula', 
      highlightLines: true 
     }); 
     </script> 
    </body> 
</html>

웹 서버를 실행하지 않고 오프라인 및 로컬 컴퓨터에서 실행하는 것이 가장 이상적입니다. '붙여 넣기'markdown 파일 test.md '비트 분명히 작동하지 않습니다 (따라서 내 질문). 나는 시도했다 :

object data="test.md"하지만 못생긴 iframe을
This solution를 생성하지만, 난 그냥 빈 페이지를 (내가 jQuery를위한 CDN을 사용) 얻었다.

출처

2017-01-12 Ian

이 remarkjs wiki에 따르면 당신이 당신의 인하 파일 아래

var slideshow = remark.create({ 
    sourceUrl: 'markdown.md' 
});

를 포함하는 라인 아래에 추가해야하는 것은 완전한 예를

<!DOCTYPE html> 
<html> 
    <head> 
    <title>A title</title> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
    <style type="text/css"> 
     @import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz); 
     @import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic); 
     @import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic); 

     body { font-family: 'Droid Serif'; } 
     h1, h2, h3 { 
     font-family: 'Yanone Kaffeesatz'; 
     font-weight: normal; 
     } 
     .remark-code, .remark-inline-code { font-family: 'Ubuntu Mono'; } 
    </style> 
    </head> 
    <body> 
    <script src="https://remarkjs.com/downloads/remark-latest.min.js" type="text/javascript"> 
    </script> 
    <script type="text/javascript"> 
     var slideshow = remark.create({ 
     sourceUrl: 'your_file.md' 
     }); 
    </script> 
    </body> 
</html>

입니다

출처

2017-05-12 16:32:13 hungptit

remark.js의 HTML에 markdown 파일 내용을 포함하십시오.

답변

관련 문제