はじめに
bloggerの記事をマークダウンで作成しようといろいろと挑戦しています。
ところが、いままでのところ満足のいく表示結果を得るまでには至っていません。
そのため、時折マークダウンのテストを行っています。
*長い記事を作成した場合などは、目次があると便利ですがStackEditで生成される目次はブログっぽくない気がします。 表示されている感じもちょっと気に入らないです。
センタリングはできないのかな?
1章:markdown表示テスト(H2)
最初にHタグの表示を確認します。
*ここは、サンプルテキストをそのまま使ってH2(章)の表示の違いをStackeditでの表示とbloggerの表示を比べています。
StackEdit1経由でマークダウン・テキスト作成して、bloggerへ送るテスト文章です。
1節:テスト・テキスト(H3)
この節のタイトルは、H3に変換されることを期待しています。
ブログ記事では、章と節の章立てが良いのではないかと思っています。
1項:H4のテスト
項の表示を確認するための文です。
項の表示はボールドだけにしていましたが、本文テキストとの違いがはっきりしませんのでアイコンテキストを追加してみようとおもいます。
H5のテスト
H5の表記をチェックします。
2章 :Footnotesの表示テスト
脚注をつけるテストです。 CSSを追加せずにデフォルのまま脚注をつけると上付き番号となりませんでしたのでCSSを追加して対応しています。
脚注の付け方:2.
3章 :テーブルのテスト
テーブル(表)の表示もデフォルトのままでは綺麗に表示されませんでした。
日本語文と英語文では、表の区切りかたに違いがあり例は英文の表のように横区切りだけで表を作成しています。
日本語文では、四角に区切る表をもちいることが一般的です。
ASCII | HTML | |
---|---|---|
Single backticks | 'Isn't this fun?' |
‘Isn’t this fun?’ |
Quotes | "Isn't this fun?" |
“Isn’t this fun?” |
Dashes | -- is en-dash, --- is em-dash |
– is en-dash, — is em-dash |
4章:数式の表記
LaTeXのように数式を扱う場合には、MathJaxmath.stackexchange.comを導入すると数式を表示することができます:
私は難しい数式はわかりません。 ただ、LaTeXと同じ記述がつかえるのは大変ありがたいです。
The Gamma function satisfying is via the Euler integral
1節:ヘッダに追加するjavascript
下記のスクリプトをヘッダ部に追加すると数式をつかえるようになります:
<script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
5章:スクリプトの表記
スクリプトを表示する場合などに便利.
$ sudo apt-get -y install rbenv
$ rbenv install 2.2.3
...
$ git clone https://...../octopress
$ cd octopress
$ rbenv local 1.9.3-p551
6章:フローチャートのテスト
HarooPadでは全く表示されなかったStackEditのサンプルフローチャートです。
7章:ノートのてすと
ノートを表示できます。
ノート: ノート記事です:
まとめ(というより感想)
ブログをMarkdownで記述できると作成効率は良くなると思います。(イメージの貼り付けや位置合わせなど多少面倒くさい手間は残ります)
ただ、マークダウン→HTML変換→bloggerと記事を作成することになります。
bloggerに保存される記事はHTML変換された記事になりますから、マークダウンで作成した記事はどこかで保存・管理する必要があります。
この管理の手間がとても面倒くさいと思います。
記事数が増えれば増えるほど記事をどのように管理するかを考えなくてはいけませんね。
それから、Markdownテキスト→HTML変換はStackEditに依存していますのでStackEditのサービスが終了すると作成したMarkdownテキストから再生することが難しくなります。
WordPressにプラグインを入れるか、octopressなどを使った方が現実的かもしれませんね。
Written with StackEdit.
- StackEditはマークダウン・テキストを変換してブログサービスへアップロードしてくれるサービスです。 ↩
- ここが脚注で この例では、footnoteが参照文字列として使われます. ↩
- http://bramp.github.io/js-sequence-diagrams/ ↩