はじめに~マークダウンエディタの使い方(非公開 - IP向け記事)

就活対策コンテンツのエディタは マークダウンに対応しているので、 簡単にhtmlの装飾ができます。 ここではそのサンプルを紹介します。 なお、↑にある目マークをおすと、Htmlに変換された時のプレビューが確認できます。 日を横にしたマークを押すと、変換前と変換後が同時に表示され リアルタイムで確認しながら記事を作成できますので 以下のサンプルで確認してみてください。 ## マークダウンの説明 # 最初にシャープをつけると ## 数によって ### その行の文字サイズが変わります #### 段落ごとのタイトルに利用してください ##### htmlではh1~h5タグに置換されています。 本文はそのまま記入してください 改行がそのまま反映されます。 複数回改行をすると段落が分かれます。 記事を読む要件を満たしていないユーザーには 最初の数段落しか読めません。 稀に、**外部からそのままコピペした際に 段落区切りがうまくいかず 全て一段落に入れられてしまう**ことがあります。 ご注意ください。 アスタリスクは文中の装飾を表します。 *一つだとイタリック(斜体) * **二つだと太字+影** ***三つだとイタリック+太字 +影になります。*** 文章の途中でも**装飾**はつかえます。 **また、段落単位でも 装飾表示を使えます。** **このように段落が変わってしまうと(複数改行が含まれると) うまく変換できません。 段落ごとに 設定をしてください。** リストは２種類あります。 アスタリスクを使うと中黒が左に * Generic list item * Generic list item * Generic list item 半角数字とピリオドをつなげると、数字のリストになります. 1. Numbered list item 2. Numbered list item 3. Numbered list item Html上ではliタグで置換されますが、 見栄えとしてはベタで中黒など書いてもよいでしょう。 リンクは角括弧に続けて丸括弧を記述します [URLリンクにしたい文字列](http://www.example.com) 画像はリンクの最初に!をつけます。 最大で記事の幅になります。小さい画像は拡大されません。  リストも作ることができます。 | 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](www.passion-navi.com/ip_blogs)で確認すると良いでしょう。 以上、何か質問・要望があれば個別にご連絡ください。 2画面表示から戻るには、↑の最大化(Xみたいなアイコン)を解除してください。