メインコンテンツにスキップ

Markdownでテキストをカスタマイズする

プロフィールページを自分らしく、かっこよく仕上げましょう!

Markdownは、テキストの見た目をコントロールできるマークアップ言語です。多くの人にとって読みやすく理解しやすいうえ、ブラウザやプラットフォームを問わずほぼ同じように動作し、ページも軽量なまま保てます。

ここでは、start.gg上でテキストを装飾するさまざまな方法を紹介します。これらのルールが使えるのは、右下にMarkdownのマークが表示されている入力欄だけです。

ここで扱うのはごく基本的な内容だけです。ページのカスタマイズをもっと深く掘り下げたい場合は、CommonMark Specをチェックしてみてください。

見出し

段落やセクションに見出しを付けるには、行の先頭にハッシュ記号(#)を追加して、その行の重要度レベルを示します。

# これはテキストの最上位レベルです。
## これは2番目に高いレベルです。
### ハッシュ記号を増やすたびに、見出しのレベルが1つ下がります。
#### 大きな情報のかたまりをサブセクションに分けるのに便利です。
##### 見出しは全部で6段階まで使えます。
###### これが6番目のレベルです!

テキストの装飾

テキストには太字、斜体、引用、取り消し線を適用できます。組み合わせて複数のスタイルを同時に使うことも可能です。なお、見出しに適用した場合、これらのスタイルは無視されます。

**このテキストは太字です。***このテキストは斜体です。* _これも斜体です。_~~このテキストには取り消し線が引かれています。~~~~**すごく重要なことが取り消されていたらどうなる?**~~_**複数のスタイルを~~適用~~するのはとても簡単です。**_

テキストの引用

行の先頭に > 記号を付けると、その行が引用になります。記号を重ねると、引用がさらに深く入れ子になります。

> 俺の圧勝だ。

>> いつか今日のことを忘れて、また俺に挑みたくなるときが来るぞ。

>>> 攻撃を食らうな

>>>> マジで、食らうなって。

>>>>> 入れ子は20段階まで続くのを確認しました。それ以上は数えるのをやめました。

コード

コードを掲載・引用したい場合(割引コードやロビーコードなど、文字を正確に伝えたい情報にぴったりです)、2つの方法があります。

コードブロックを挿入するには、対象のブロックの前後にバッククォート(`)を3つずつ置きます。通常の文章の中にコードを入れる場合は、両側に1つずつ置くだけでOKです。

```
6XQS8-KLKEH-FTB
STCBW-2V6V6-9D4
```

The lobby code is `weloveesports`!

画像

画像を挿入するには、次の構文を使います:

![Canada Cup 2018 Logo](https://startgg.imgix.net/images/tournament/56753/image-27e8c63e576a1311f73a7851b15c417d.png)

リンク

テキストや画像にハイパーリンクを設定したい場合は、テキストを角かっこ [ ] で囲み、その直後に丸かっこ ( ) でリンク先を記述します。

[This text goes to the startgg homepage!](http://start.gg)

画像をリンクにすることもできます!表示している画像の大きいバージョンにリンクしたいときに便利です。

<a href="Intended hyperlink">![Name of image](direct link to image)</a>

リストと箇条書き

リストを作るには、各項目の先頭にアスタリスク(*)を付けるだけです!番号付きリストにしたい場合は、代わりに数字を先頭に付けます。リストを入れ子にするには、リストの新しい行の先頭に半角スペースを4つ入れてください。

### shopping list pt 1

* allen wrenches
* gerbil feeders
* toilet seats
* electric heaters
* Trash compactors
* juice extractor
* shower rods and water meters
***
### shopping list pt 2

1. Walkie-talkies
- copper wires safety goggles
- radial tires
***
### shopping list pt 3
* Picture hangers
* paper cutters
* waffle irons

テキストの配置

Markdownフィールド内のテキストは、デフォルトではすべて左揃えです。divタグでテキストを囲めば、右揃えや中央揃えにすることもできます。以下のコードは、その両方の実装例です。

<div align="center">The derogatory term “scrub” means several different things. One definition is someone (especially a game player) who is not good at something (especially a game). By this definition, we all start out as scrubs, and there is certainly no shame in that. I mean the term differently, though. A scrub is a player who is handicapped by self-imposed rules that the game knows nothing about. A scrub does not play to win.</div>

<div align="right">Now, everyone begins as a poor player—it takes time to learn a game to get to a point where you know what you’re doing. There is the mistaken notion, though, that by merely continuing to play or “learn” the game, one can become a top player. In reality, the “scrub” has many more mental obstacles to overcome than anything actually going on during the game. The scrub has lost the game even before it starts. He’s lost the game even before deciding which game to play. His problem? He does not play to win.</div>

ヒントとコツ

  • 簡潔に。短くまとめるのが、情報を伝えるいちばんの近道です。

  • できるだけ画像や色を活用しましょう!

  • コンテンツは常に最新の状態に!ユーザーがいつページを見ても、正確で役立つ情報を得られるようにしておきましょう。

  • 表示が思いどおりにならないときは、Markdownの記述に間違いがないか確認してみてください!

こちらの回答で解決しましたか?