---
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>