Bloggerのマークダウン


21

BloggerにMarkdownを統合することはできますか?可能であればどうすればいいですか?Markdownをサポートするようにテンプレートを変更するために使用できるプラグインまたはJavaScriptのトリックがありますか?

回答:


24

StackEditを使用できます(私は開発者です)。Webベースのマークダウンエディターであり、ドキュメント(マークダウンまたは変換されたHTML)をさまざまなサイトに公開できます。とりわけ、Bloggerに投稿できます。


+1。これは、ブロガーへの投稿プロセスを合理化するのにかなり良いようです。私は通常、投稿をHTMLに変換するためにpandocを使用し、それをブロガーに貼り付けました。それにもかかわらず、既存のブロガーの投稿を編集したい場合に注意が必要です。理想的には、投稿の編集をクリックしてマークダウンを編集するのと同じくらい簡単です。しかし、StackEditと他のオプションはこれをサポートしていないようです。
ジェロミーアングリム

1
ナビゲーションバーの[公開]ボタン(メニューのボタンではありません)をクリックして、ドキュメントを編集し、投稿を更新できます。メニューを使用して再度公開すると、同じドキュメントの2つの異なる投稿があり、[公開の管理]をクリックして一覧表示できます。
ベンウィート

400エラーが原因で機能していないようです。@GianlucaCasatiのブログ投稿へのバックマシンリンク:webapps.stackexchange.com/questions/40737/markdown-for-bloggerこれで、右上のStackEditアイコンの下に[公開]ボタンがあります。
ショーンフェザーリー

1
StackEditのディスクへのエクスポートをクリックしてプレーンHTMLとして保存し、そのHTMLをBloggerに貼り付けるとうまくいきます。
ShawnFeatherly

@ShawnFeatherlyこの記事とコメントも削除しました。フィードバックをありがとう。
Gianlucaさんカザーティ

2

Markdownオーサリングを正確にどこで利用したいですか?

作成する投稿用の場合、変更はテンプレートではなくBloggerのエディターに対して行う必要があります:作成モードではなくHTMLモードで作成しても、Bloggerは投稿を公開する前にHTMLを検証します。

投稿の代替手段は、mail2Postを介して公開する場合です。その場合、提供するMarkdown形式のコンテンツを受け入れ、HTMLに変換してから、提供する電子メールアドレス(「シークレットワード」アドレスから)に送信するオンラインサービスを探すのが妥当です。 Blogger)。

別の選択肢はWindows Live Writerです-しかし、Markdownをサポートするかどうかはわかりません。また、たとえそうであっても、Bloggerの投稿がWLWで作成されると、WLWでのみ編集でき、Bloggerの通常のポストエディターでは編集できません。

一方、Markdown形式をコメントに使用できるようにしたい場合、はい、サードパーティのコメントシステムを統合できると思いますが、それらが何であるかはわかりません-おそらくDisqus(間違いなくBloggerで動作します) ?


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>

次に、javascriptマークダウンライブラリを取得し、直前にテンプレートの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


これは理論的には質問に回答するかもしれませんが、回答の重要な部分をここに含め、参照用のリンクを提供することが望ましいでしょう
サティアジスバート

読めると思います。私はここであなたを助けようとしましたが、あなたも投票しますか?Stackoverflowは、あなたのような人々のために、別のトロール場所のようになっています。
パジュ

7
私は以前あなたに下票しなかったので、それを証明するためにここに下票があります。これはスタックオーバーフローではなく、Webアプリケーションです。それは「読書」の問題ではありません。そのブログがダウン/削除された場合、あなたのいわゆる答えは価値がありません。そして、この答えは、どのようにあなたはそれを改善することができますと間違って何を指摘することは、建設的な批判と呼ばれる、「トローリング」ではありません
Sathyajith Bhatさん
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.