Markdown for Blogger
Markdown
------
Markdown is wildly used and it's good for blog migration. Yet it's not officially supported by Blogger.
My workaround
------
* Use [marked.js](https://github.com/chjj/marked).
It's a most popular Markdown parser on GitHub. Hense less bug you may encounter.
* Modify Blogger theme/template, compile the inner html to parsed text.
How to
------
1. [blogger.com](blogger.com) > left `template` > `edit html` > under `</body>` tag, append CSS and JS:
```html
<link href='https://cdn.rawgit.com/cryptogun/github-markdown-css/gh-pages/github-markdown.css' rel='stylesheet' type='text/css'/>
<script src='https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.6/marked.min.js'></script>
<script>
document.addEventListener("DOMContentLoaded", function(event) {
document.querySelectorAll(".post-body").forEach(function(element, index, array) {
element.innerHTML = marked(element.innerText);
});
});
</script>
```
1. Add/update blog under Compose Mode.
------
Markdown is wildly used and it's good for blog migration. Yet it's not officially supported by Blogger.
My workaround
------
* Use [marked.js](https://github.com/chjj/marked).
It's a most popular Markdown parser on GitHub. Hense less bug you may encounter.
* Modify Blogger theme/template, compile the inner html to parsed text.
How to
------
1. [blogger.com](blogger.com) > left `template` > `edit html` > under `</body>` tag, append CSS and JS:
```html
<link href='https://cdn.rawgit.com/cryptogun/github-markdown-css/gh-pages/github-markdown.css' rel='stylesheet' type='text/css'/>
<script src='https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.6/marked.min.js'></script>
<script>
document.addEventListener("DOMContentLoaded", function(event) {
document.querySelectorAll(".post-body").forEach(function(element, index, array) {
element.innerHTML = marked(element.innerText);
});
});
</script>
```
1. Add/update blog under Compose Mode.
评论
发表评论