Blogger에 대한 마크 다운

Blogger에 Markdown 통합이 가능합니까? 가능한 경우 어떻게해야합니까? Markdown을 지원하도록 템플릿을 수정하는 데 사용할 수있는 플러그인 또는 JavaScript 트릭이 있습니까?

StackEdit을 사용할 수 있습니다 (개발자입니다). 웹 기반 마크 다운 편집기이며 다른 사이트에 문서 (마크 다운 또는 변환 된 HTML)를 게시 할 수 있습니다. 그중에서도 Blogger에 게시 할 수 있습니다.

Markdown 저작을 정확히 어디서 사용할 수 있습니까?

작성하는 게시물의 경우 템플릿이 아닌 Blogger의 편집기를 수정해야합니다. 작성 모드가 아닌 HTML 모드로 작성하더라도 Blogger는 게시물을 게시하기 전에 여전히 HTML의 유효성을 검사합니다.

mail2Post를 통해 게시하려는 경우 게시물의 대안이 될 수 있습니다. 이 경우 제공 한 Markdown 형식의 콘텐츠를 수락하고 HTML로 변환 한 다음 제공 한 전자 메일 주소 ( "비밀번호"주소)로 보내는 온라인 서비스를 찾는 것이 합리적입니다. 블로거).

또 다른 대안은 Windows Live Writer이지만 Markdown을 지원하는지 확실하지 않습니다. 블로거 게시물을 WLW로 만든 후에는 AFAIK를 사용하더라도 블로거의 일반 포스트 편집자가 아닌 WLW로만 편집 할 수 있습니다.

반면에 마크 다운 형식을 주석에 사용할 수있게하려면 예를 들어 일부 타사 주석 시스템이 통합 될 수 있다고 생각할 수는 있지만 Disqus (Blogger와 확실히 작동 함)는 Markdown을 허용합니다. ?

@pajju의 답변을 다시 쓰겠습니다. 왜냐하면 이것이 선택한 경로 였고 예제가 포함되어 있지만 잘 작동한다고 생각합니다. 소스 페이지는 다음과 같습니다. http://dvdotsenko.blogspot.in/2012/08/markdown-with-blogspotcom-and-bloggercom.html

기본 아이디어는 스크립트 모드에서 마크 다운을 HTML 모드로 작성하는 것입니다.

<script type="text/x-markdown">
#markdown supported post

even with some `code`:

    > rm -rf /

</script>

그런 다음 자바 스크립트 마크 다운 라이브러리를 가져 와서 템플릿 HTML에 바로 포함 시키십시오 </body>. 예를 들면 다음과 같습니다. https://code.google.com/p/pagedown/source/browse/Markdown.Converter.js CDATA 태그가 필요하거나 블로거의 유효성 검사기가 불평합니다.

<script type="text/javascript">//<![CDATA[
... paste markdown js inline here
//]]>
</script> <!-- end markdown -->

또한 위의 블로그의 방법과 달리 Google의 code-prettify 링크에 직접 연결했습니다.

<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>

그런 다음 작은 스크립트를 포함시켜 모든 것을 활성화하십시오.

<script type="text/javascript">//<![CDATA[
(function(){
//from the above post  
var scripttags = document.getElementsByTagName('script')
, i, l
, s, d
for (i = 0, l = scripttags.length; i !== l; i++){
    if (scripttags[i].type === 'text/x-markdown') {
        s = scripttags[i]
        d = document.createElement('div')
        d.innerHTML = (new Markdown.Converter()).makeHtml(s.innerHTML)
        s.parentNode.insertBefore(d, s)
    }
}

//a little extra for syntax highlighting
var codetags = document.getElementsByTagName('code')
for (i = 0; i < codetags.length; ++i)
{
    codetags[i].className += ' prettyprint';
}

})()
//]]>
</script>

작은 게시물을 작성하고 개발자 콘솔을 연 상태에서 미리보기를 수행하여 디버깅해야했습니다. 템플릿의 커스텀 CSS는 괜찮은 것처럼 보이기 위해 약간의 작업이 필요할 것입니다.

이 링크를 따라 가면 가능합니다. 잘 작동합니다.

http://dvdotsenko.blogspot.in/2012/08/markdown-with-blogspotcom-and-bloggercom.html