---
# System prepended metadata

title: 使い方
tags: [TOP]

---

---
title: 使い方
tags: TOP
---
# ぷりんまーくだうん。
## まーくだうんって？
```
# ぷりんまーくだうん。
## まーくだうんって？
こんなかんじ。
```
上みたいなかんじで、気軽に書いてける記述の仕方。
マークダウンをこんなかんじで書くと、かってにかわいくしてくれるのだ。

## ちょっと試してみていい？
だいかんげいだよー！ゲームじゃなくてもお仕事でもつかえるマークダウン記述、やっていこー。
1. 管理者ぷりんにG-Mailアドレスを伝える。
2. ぷりんから認証メールがとぶ。
3. リンクをクリックして認証する。
4. 左上の==HackMD==をクリックする。
5. 編集メニューがひらく。

## 新しい記事(Note)を書いてみたい！
1. 左上の==New Team Note==の ==・・・== から ==New Note from Templete==をえらぶ。
今のところ==flower==しかないけど、==diary==とか作る予定！
3. 左上の本のアイコンを押す。
4. 日本語部分を適当にいじる！
5. 保存しなくても勝手に保存されてく！

## みんなに公開したい！
1. [江ノ島ぷりんのラグマス調べ事](/nFxajYRqSkahUkznKV99_w)をひらく。
2. 左上の本のアイコンを押す。
3. 一番下のothersの下に、ハイフンと半角スペースと半角[]を書く。
4. 半角[]にNoteのtitleを途中まで入力すると、ヒントがでてくるので選ぶ。できあがり！


<style>
/* https://0edition.net/archives/1448 ここを参考にしています。*/
.markdown-body > h1{
 background-color: #f5d5da; /* 背景色 */
 border-radius: 5px;
 color: #ef858c; /* 文字色 */
 padding: 10px 10px 10px 10px; /* 上・右・下・左の余白 */
 position: relative;
 text-shadow: 0px 0px 10px #fff, 0px 0px 6px #fff, 0px 0px 4px #fff, 0 0 0.5px #fff; /* 文字の影 */
}
.markdown-body > h1:before{
 content: '＊*'; /*花に見せかけるためのアスタリスク*/
 color: #fff; /* アスタリスクの色 */
 display: inline-block;
 font-size: 30px; /* アスタリスクの大きさ */
 font-weight: bold;
 margin-right: 10px;
 position: relative;
 top: 0px;
 left: 0px;
 transform: rotate(20deg);
 -moz-transform: rotate(20deg);
 -webkit-transform: rotate(20deg);
 -o-transform: rotate(20deg);
 text-shadow: 0px 0px 3px #fff, 0px 0px 2px #fff, 0 0 0.5px #fff; /* アスタリスク周りの影 */
}
.markdown-body > h1:after{
 border-bottom: 2px dotted #fff; /* 下線 */
 content: '';
 position: absolute;
 bottom: 3px;
 left: 3px;
 right: 3px;
}

.markdown-body > h2{
 color: #d04255; /* 文字色 */
 padding: 10px 10px 10px 10px; /* 上・右・下・左の余白 */
 position: relative;
}
.markdown-body > h2:before{
 content: '＊*'; /*花に見せかけるためのアスタリスク*/
 color: #fff; /* アスタリスクの色 */
 display: inline-block;
 font-size: 20px; /* アスタリスクの大きさ */
 font-weight: bold;
 position: relative;
 top: 0px;
 left: 0px;
 transform: rotate(20deg);
 -moz-transform: rotate(20deg);
 -webkit-transform: rotate(20deg);
 -o-transform: rotate(20deg);
 text-shadow: 0px 0px 6px #EAA8BF, 0px 0px 4px #EAA8BF, 0 0 0.5px #EAA8BF; /* アスタリスク周りの影 */
}
.markdown-body > h2:after{
 border-bottom: 2px dotted #EAA8BF; /* 下線 */
 content: '';
 position: absolute;
 bottom: 0px;
 left: 0px;
 width: 100%;
}


h3{
 border-bottom: 1px solid #f0bdc4; /* 下線 */
 color: #ff99ac; /* 文字色 */
 padding: 10px 10px 10px ; /* 上・右・下・左の余白 */
 position: relative;
}

/* https://saruwakakun.com/html-css/reference/ul-ol-li-design ここを参考にしています。*/
.markdown-body > ul, ol {
  background: #fffde8;
  box-shadow: 0px 0px 0px 10px #fffde8;/*線の外側*/
  border: dashed 2px #ffb03f;/*破線*/
  border-radius: 9px;
  margin-left: 10px;/*はみ出ないように調整*/
  margin-right: 10px;/*はみ出ないように調整*/
  padding: 0.5em 0.5em 0.5em 2em;
}

.markdown-body > ul li, ol li {
  line-height: 1.5;
  padding: 0.5em 0;
}

</style>

