はじめに~マークダウンエディタの使い方(非公開 - IP向け記事)
就活対策コンテンツのエディタは
マークダウンに対応しているので、
簡単にhtmlの装飾ができます。
ここではそのサンプルを紹介します。
なお、↑にある目マークをおすと、Htmlに変換された時のプレビューが確認できます。
日を横にしたマークを押すと、変換前と変換後が同時に表示され
リアルタイムで確認しながら記事を作成できますので
以下のサンプルで確認してみてください。
マークダウンの説明
最初にシャープをつけると
数によって
その行の文字サイズが変わります
段落ごとのタイトルに利用してください
htmlではh1~h5タグに置換されています。
本文はそのまま記入してください
改行がそのまま反映されます。
複数回改行をすると段落が分かれます。
記事を読む要件を満たしていないユーザーには
最初の数段落しか読めません。
稀に、外部からそのままコピペした際に
段落区切りがうまくいかず
全て一段落に入れられてしまうことがあります。
ご注意ください。
アスタリスクは文中の装飾を表します。
一つだとイタリック(斜体)
二つだと太字+影
三つだとイタリック+太字 +影になります。
文章の途中でも装飾はつかえます。
また、段落単位でも
装飾表示を使えます。
**このように段落が変わってしまうと(複数改行が含まれると)
うまく変換できません。
段落ごとに
設定をしてください。**
リストは２種類あります。
アスタリスクを使うと中黒が左に
- Generic list item
- Generic list item
- Generic list item
半角数字とピリオドをつなげると、数字のリストになります.
- Numbered list item
- Numbered list item
- Numbered list item
Html上ではliタグで置換されますが、
見栄えとしてはベタで中黒など書いてもよいでしょう。
リンクは角括弧に続けて丸括弧を記述します
URLリンクにしたい文字列
画像はリンクの最初に!をつけます。
最大で記事の幅になります。小さい画像は拡大されません。
リストも作ることができます。
| Column 1 | Column 2 | Column 3 |
|---|---|---|
| John | Doe | Male |
| Mary | Smith | Female |
ハイフンやスペースを大量に入れて整えなくても大丈夫です。
| Column 1 | Column 2 | Column 3 |
|---|---|---|
| John | Doe | Male |
| Mary | Smith | Female |
ただし、リストの一つ上の行は空欄にしてください。
段落を区切らないと文章とみなされてしまいます。
| Column 1 | Column 2 | Column 3 |
| ------------- | ------------- | -------------- |
| John | Doe | Male |
| Mary | Smith | Female |
枠でくくるには、バッククオート(Shift + @)3つを入力します。
var example = "hello!";
alert(example);
一行だけの場合は、バッククオート一つでも変換されます。
var example = "hello!";
これは、文中に挿入することも可能です。
上にある？アイコンを押すと、マークダウンのガイドに飛びます。
なお、ガイドにあるQuotesは今の所実装していませんので悪しからず。
とりあえず公開したらwww.passion-navi.com/ip_blogsで確認すると良いでしょう。
以上、何か質問・要望があれば個別にご連絡ください。
2画面表示から戻るには、↑の最大化(Xみたいなアイコン)を解除してください。
