ラベル Github の投稿を表示しています。 すべての投稿を表示
ラベル Github の投稿を表示しています。 すべての投稿を表示

2014年12月27日土曜日

GFMのようにコードがハイライトされない

GFMのようにコードがハイライトされない

StackEditを使う理由として、Markdownを書いてGFM(GitHub Flavored Markdown)になることを期待してました。プレビューはちゃんとなってましたし。。
enter image description here

その状態でBloggerに投稿すると以下のように反映されてません。
enter image description here

StackEditのExport to diskでAs HTMLを実施しても同様の結果に。。。

Using templateでExportすると期待通りの結果になりました。
enter image description here

試しにPublishの時もFormatをTemplateにしてみたら意図通りにGFMっぽくなりました。

これで課題がまた1つクリア!

.

StackEditからBloggerに投稿したら画像とソースコード部分が本文領域からはみでた

StackEditからBloggerに投稿したら画像とソースコード部分が本文領域からはみでた
枠の幅

Formatをtemplateにして、投稿したら枠の部分が画面右のプロフィールのところも突き抜けておりました。

enter image description here

この解決方法をググってみました。

  1. FormatをTemplateして投稿
  2. FormatをHTMLにして投稿
  3. 1回目に投稿したものを削除

参考
StackEditを使ってMarkdown記法の投稿を書いてみた

でもこれだと面倒なので、FormatをTemplate、HTMLそれぞれでExportし、テキストエディタでdiffをとって、確認しました。

その結果、Publishする際に以下のようにCustom templateにして以下のように修正することで一発で画像もコードも本文の枠内に入りました。 めでたし。めでたし
enter image description here

[修正前]

<body><div class="container"><%= documentHTML %></div></body>

[修正後]

<body><%= documentHTML %></body>