Blogger에 대한 마크 다운


21

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

답변:


24

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


+1. 이것은 블로거에 게시하는 과정을 간소화하는 데 아주 좋습니다. 나는 일반적으로 pandoc을 사용하여 게시물을 HTML로 변환 한 다음 블로거에 붙여 넣었습니다. 그럼에도 불구하고 기존 블로거 게시물을 편집하려고 할 때 까다로운 부분이 있습니다. 이상적으로는 게시물에서 편집을 클릭하고 마크 다운을 편집하는 것만 큼 간단합니다. 그러나 다른 옵션과 함께 StackEdit은 이것을 지원하지 않는 것 같습니다.
Jeromy Anglim

1
네비게이션 바 (메뉴가 아닌)에서 "게시"버튼을 클릭하여 문서를 편집하고 게시물을 업데이트 할 수 있습니다. 메뉴를 사용하여 다시 게시하면 동일한 문서에 대해 서로 다른 두 개의 게시물이 있으며 "게시 관리"를 클릭하여 나열 할 수 있습니다.
benweet

400 오류로 인해 더 이상 작동하지 않는 것 같습니다. @GianlucaCasati의 블로그 게시물에 대한 머신 백 링크 : webapps.stackexchange.com/questions/40737/markdown-for-blogger 이제 게시 버튼은 오른쪽 상단의 StackEdit 아이콘 아래에 있습니다.
ShawnFeatherly

1
StackEdit의 디스크로 내보내기를 클릭하고 일반 HTML로 저장 한 다음 해당 HTML을 Blogger에 붙여 넣는 것이 좋습니다.
ShawnFeatherly

@ShawnFeatherly 의견을 보내 주셔서 감사합니다.
지안루카 카사 티

2

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

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

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

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

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


2

@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는 괜찮은 것처럼 보이기 위해 약간의 작업이 필요할 것입니다.


-3

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

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


이 이론적으로 질문에 대답 할 수 있습니다 동안, 바람직 할 것이다 여기에 대한 대답의 본질적인 부분을 포함하고 참조 할 수 있도록 링크를 제공합니다.
Sathyajith Bhat

나는 당신이 읽을 수 있다고 생각합니다. 방금 당신을 도와 주려고했는데 당신도 투표를 했나요? Stackoverflow는 당신과 같은 사람들 때문에 다른 트롤 장소처럼되고 있습니다.
pajju

7
나는 당신을 일찍 투표하지 않았으므로 여기에 그것을 증명하기위한 투표가 있습니다. 이 아닌 스택 오버플로 이이며, 웹 응용 프로그램 . '읽기'의 문제는 아닙니다. 블로그가 다운되거나 제거되면 소위 답변은 가치가 없습니다. 그리고이 대답하고 개선 방법 뭐가 잘못을 지적하는 것은 건설적인 비판이라고, '건지'아니다
Sathyajith 바트
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.