Page cover image

💡ケイブダック紹介文の書き方

本ガイドはマークダウン/HTMLの基本文法を詳しく説明します。HTMLコードとマークダウン文法を活用してクリエイター紹介やキャラクター紹介を思う存分アレンジして表現してみましょう。

ケイブダック内文法使用可能ページ

  1. クリエイター紹介

  2. クリエイターお知らせ

  3. キャラクター作成時、追加キャラクター説明

  4. キャラクター作成時、クリエイターコメント

A. マークダウン文法

  • マークダウン(Markdown) : 簡単に文章を書くことができ、読む人にも読みやすく表示するためのシンプルな書式（フォーマット）

    • 気になる作成方法をクリックして展開して確認してみましょう！

見出しの作成

# 記号を使って合計6段階の見出しレベルを作成できます。

  • #: 最大の見出し

  • ##: 2番目レベルの見出し

  • ###: 3番目レベルの見出し

  • ####: 4番目レベルの見出し

  • #####: 5番目レベルの見出し

  • ######: 6番目レベルの見出し

  • 注意: 7個以上の #はサポートされておらず、6段階以降は普通のテキストとして処理されます。

<使用例>

# 最大の見出しです

## 2番目レベルの見出しです

### 3番目レベルの見出しです

# キャラクター紹介

## 1. 紹介
### 1.1 基本情報
### 1.2 成長背景

## 2. 私との関係
### 2.1 幼少期の初対面
#### 2.1.1 成長後の関係
#### 2.1.2 最近の話
改行処理について

改行が適用されませんか？行末にスペースを2つ入れるか、行末にバックスラッシュ（\）を入れればOKです。

< 改行処理使用例>

  • バックスラッシュ（\）使用： こんに\ ちは

  • スペース2つ使用： こんに ちは

段落スタイルの適用方法

  1. 引用文：マークダウンでは引用文は > 記号を使用して表現します。

<引用文使用例>

  • 基本引用文

> 彼が言うには、人生は喜びだと述べた。

彼が言うには、人生は喜びだと述べた。

  • 入れ子の引用文

> 一番目：人生は喜び
> > 二番目：人生は悲しみ
> > > 三番目：人生は笑い

一番目：人生は喜び

二番目：人生は悲しみ

三番目：人生は笑い

  • 引用文内に他の要素を併用

> ### 引用文内のタイトル
> 
> 引用文の中で **太字** 表示できます。
> 
> * リスト項目も含めることができます。

引用文内のタイトル

引用文の中で 太字 表示できます

  • リスト項目も含めることができます.

  1. 区切り線：---または***などを使用できます。

<区切り線使用例>

---

***

  1. リスト：*または-を最初に使用してリストを表現します。

<リスト使用例>

* リスト1
* リスト2
- リスト3
- リスト4

  • リスト1

  • リスト2

  • リスト3

  • リスト4

  1. テーブル（表）：|と-を利用して表を作成できます。整列したい場合は:を利用できます。

<テーブル使用例>

  • 基本テーブル文法

| タイトル1 | タイトル2 | タイトル3 |
|-------|-------|-------|
| 内容1 | 内容2 | 内容3 |
| 内容4 | 内容5 | 内容6 |
タイトル1
タイトル2
タイトル3

内容1

内容2

内容3

内容4

内容5

内容6

  • 列の整列方法

| 左揃え | 中央揃え | 右揃え |
|:---------|:----------:|------------:|
| 左     | 中央    | 右      |
| 例1    | 例2      | 例3       |
左揃え
中央揃え
右揃え

左

中央

右

例1

例2

例3

  1. タスクリスト：タスクリストは角括弧 [ ]を使用して作成できます

<タスクリスト使用例>

- [ ] クエスト1
- [ ] クエスト2
- [x] 完了したクエスト
テキストスタイルの適用方法

  1. 斜体：マークダウンでは引用文は * と _記号を使用して表現します。

<斜体使用例>

*斜体テキスト*
_斜体テキスト_

斜体テキスト

  1. 太字強調：アスタリスク(**) とアンダースコア(__)を使用して表現します。

**こんにちは！**
__こんにちは！__

こんにちは！

  1. 取り消し線表示：波線(~~)を使用して表現します。

~~間違った情報~~

間違った情報

  1. スタイルを組み合わせて使用することができます。

***太字 + 斜体***
**~~太字 + 取り消し線~~**

太字 + 斜体 太字 + 斜体

外部リンクの接続方法

  1. 指定テキストの接続： [リンクテキスト](https://www.example.com)の形式で使用できます。

[ケイブダックへ移動](www.caveduck.io)

ケイブダックへ移動

  1. 자동 링크 연결 : <https://www.example.com>형태로 사용 가능합니다.

<https://caveduck.io>

https://caveduck.io

B. HTMLガイド

  • HTML （マークアップ言語）：<タグ>などを利用して文書やデータの構造を作成する言語

    • 初心者には使用が難しい場合があります。

    • 使用したい内容についてAIの助けを借りてみてください！

基本テキストスタイルを適用する

<i>斜体</i>

斜体

<b>太字</b>

太字

*<strong></strong> , <em> タグを使用しても強調表現が可能です。

追加テキストスタイルの適用

<p>,<span> タグを使用して段落を囲みスタイルを適用してみてください。その他にも様々なスタイルを適用できます！

📍 ヒント！何が違うのでしょうか？ - <p>,<span> タグの違いは文字が占める領域が異なります。

タグは1行の領域をすべて占め、自動的に改行されます

<p>内</p><p>容</p>

内

容

<span>内</span><span>容</span>

内容

📍そのため、中央揃えをご希望の場合は <p style="text-align: center;">내용</p> のようにご使用ください。.

<スタイル適用例>

<span style="text-shadow: 0 0 5px #FF69B4, 0 0 10px #FF69B4;">たくさんの応援よろしくお願いします。❤️</span>

  • テキストエフェクト

    • 太字：「font-weight : bold;」

    • 文字サイズ調整：「font-size : 25px;

    • 文字色：「color : #ffdd1d;」

    • 中央揃え：「text-align : center;」

    • 文字の影：「text-shadow: 0 0 5px #FF69B4;」

その他にも様々なテキストスタイルを適用できます。

✔️ 残念ながらタグはサポートされていません。タグをご希望の場合は、以下のように使用してください。

<font color="ffd576" size="2"></font>を使用されていた場合、
<span> タグのスタイルで適用可能です。.

<span style="color:#ffd576; font-size:16px;"></span>
外部リンク接続

<a> タグを使用してリンクを接続します。

<a href = "https://caveduck.io">ケイブダックへ移動</a> ケイブダックへ移動

  • Tip : リンクされたページが青く表示されるのが嫌な場合は？

    • <a href = "https://caveduck.io" style="text-decoration : none;">ケイブダックへ移動</a>

区切り線を入力する

<hr> タグを使用して区切り線を入力します。.

<hr>

締めくくりに、

🚀 これで皆さんも専門家！🚀

あなたのアイデアを思う存分展開してみましょう！

  • マークダウン + HTMLの組み合わせで独創的な文書を作成できます。

  • キャラクターの個性を豊かに表現できます。

PreviousプロンプトウォッチガイドブックNextストーリー

Last updated

Was this helpful?