この記事では、デザイン確認用のサンプルエントリーと注意点についてご案内します。
サンプルエントリーの注意点(必ずご確認ください)
- サンプルエントリーはMarkdownで書かれています。 サンプルエントリーで記事を作成する前に、必ず編集モードをMarkdownに変更してください。変更方法は編集モードの「編集モードの設定」をご確認ください。
- 編集モードが見たまま/はてな記法では h1 /h2 /h6 が表現できません。Markdown / HTML / 見たままのHTML編集では h1 /h2 /h6 が表現できます。
はてな記法 / 見たまま Markdown / HTML / 見たままのHTML編集 h1 × ○ h2 × ○ h3〜h5 ○ ○ h6 × ○
- 「はてなブログMedia」の本文内の見出しはh3以降の利用を想定しているため、h3を大見出し*1として扱ってください。ただし、Markdown / HTML / 見たままのHTML編集では h1 / h2 / h6 が利用可能なためスタイルの用意をお願いします。
*1 編集画面の大見出しのことです。
サンプルエントリー(Markdownで書かれています)
下記をコピーして記事を作成してください。
[:contents]
## 段落
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
## 画像(はてなフォトライフ)
[f:id:hatenablog:20101106100658j:image]
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
## 脚注
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。((ここに脚注を書きます))
## 罫線
---
# h1見出し
<span style="color: red;">本文内の見出しはh3以降の利用を想定しているため、h3を大見出しとして扱ってください。ただし、Markdown / HTML / 見たままのHTML編集 ではh1 / h2が利用可能なためスタイルの用意をお願いします</span><br>
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
ABCDEFGHIJKLMabcdefghijklm1234567890
## h2見出し
<span style="color: red;">本文内の見出しはh3以降の利用を想定しているため、h3を大見出しとして扱ってください。ただし、Markdown / HTML / 見たままのHTML編集ではh1 / h2が利用可能なためスタイルの用意をお願いします</span><br>
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
ABCDEFGHIJKLMabcdefghijklm1234567890
### h3見出し
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
ABCDEFGHIJKLMabcdefghijklm1234567890
#### h4見出し
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
ABCDEFGHIJKLMabcdefghijklm1234567890
##### h5見出し
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
ABCDEFGHIJKLMabcdefghijklm1234567890
###### h6見出し
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
ABCDEFGHIJKLMabcdefghijklm1234567890
## 取り消し
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、~~うつくしい森で飾られたモーリオ市~~、郊外のぎらぎら光る草の波。
~~ABCDEFGHIJKLMabcdefghijklm一二三四五六七八九〇1234567890~~
## 太字
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、__うつくしい森で飾られたモーリオ市__、郊外のぎらぎら光る草の波。
__ABCDEFGHIJKLMabcdefghijklm1234567890__
## 斜体
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、_うつくしい森で飾られたモーリオ市_、郊外のぎらぎら光る草の波。
_ABCDEFGHIJKLMabcdefghijklm1234567890_
## 太字斜体
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、___うつくしい森で飾られたモーリオ市___、郊外のぎらぎら光る草の波。
___ABCDEFGHIJKLMabcdefghijklm1234567890___
## asin
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
[asin:4798110523:detail]
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
## 引用
> 本日(11月12日)から11月27日まで、はてなダイアリーの公開デザインコンテスト「公開デザイン祭2007秋」を開催します。
>
> <cite>[「公開デザイン祭2007秋」を開始しました - はてなダイアリー日記](http://d.hatena.ne.jp/hatenadiary/20071112/1194858362)</cite>
## リスト(ul,ol,dl)
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
- 大賞1名:Amazonギフト券5万円分
- 入選9名:Amazonギフト券1万円分
- 大賞1名:Amazonギフト券5万円分
- 入選9名:Amazonギフト券1万円分
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
1. 大賞1名:Amazonギフト券5万円分
1. 入選9名:Amazonギフト券1万円分
1. 大賞1名:Amazonギフト券5万円分
1. 入選9名:Amazonギフト券1万円分
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
<dl>
<dt>大賞1名</dt>
<dd>Amazonギフト券5万円分</dd>
<dt>入選9名</dt>
<dd>Amazonギフト券1万円分</dd>
</dl>
## テーブル
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
|名前|色|個数|
|-|-|-|
|りんご|赤|1|
|みかん|だいだい|2|
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
## コードブロック
```css
.XXX {
width: 999px;
height: 999px;
}
.propA, .propB, .propC {
width: 999px;
height: 999px;
}
#YYY {
width: 9px;
height: 999px;
}
```
## Twitter 埋め込み
[https://twitter.com/hatenablog/status/1266293204183388160:embed]
## Instagram 埋め込み
[https://www.instagram.com/p/BQhecROl7Wz/:embed]
## YouTube 埋め込み
[https://www.youtube.com/watch?v=SFcF7mQBbnc:embed]