Markdownレンダラーテスト記事

マークダウンのパースがどうされるのかを確認するためのページです。

異常がないかを確かめるデバッグ用にも使用します。

見出し機能

## 見出し2
### 見出し3
#### 見出し4

テキストリンク

[アンカーテキスト](/)

アンカーテキスト

リスト

- Hello
- Hola
  - Bonjour
  - Hi

• Hello
• Hola
  • Bonjour
  • Hi

インラインスタイル

*イタリック*
**太字**
~~打ち消し線~~
`code`

イタリック 太字 打ち消し線 code

Vue Custom Components

~/components/content ディレクトリにあるコンポーネントはマークダウンで使用できるので、サンプルを表示する。

AlertNote

LinkCard

::LinkCard{link='https://nuxt.com/'}
::

コードブロック

diff

- const posts = await this.$content('/blog', { deep: true }).only(['title']).fetch()
+ const { data: posts } = await useAsyncData('posts-list', () => queryCollection('blogs').only(['title']).find())

bash

cd path/to/app/repository
git tag -a ${tag} -m "参照するアプリとそのバージョン" head
git push origin ${tag}

dockerfile

FROM ruby:3.2-slim-bookworm

WORKDIR /app

CMD ["/bin/bash"]

dotenv

DEV_OAUTH_CLIENT_ID='1'
DEV_OAUTH_CLIENT_SECRET='dfas'

yaml

name: Publish Release

on:
  push:
    tags:
      - "v*"

jobs:
  publish_release:
    timeout-minutes: 5
    runs-on: ubuntu-latest
    permissions:
      contents: write
      title: わるいくせだよ。
      description: Hylen feat.可不「わるいくせだよ。」のMVでコンポジットとパーティクル演出を担当。
      category: creative
      tags: ['MV', '映像制作', 'コンポジット']
      createdAt: 2021-05-20
      updatedAt: 2021-05-20
      imagesMeta: {"images":[],"lcp":null}
      ---

      わるいくせだよ。
      --------------

      概要
      ----

      Hylenの音楽的同位体「可不(KAFU)」オリジナル楽曲『わるいくせだよ。』のMVをVirtualizeRealizeチームのらいつ・LAKUと共に制作。儚さをテーマに、動きとエフェクト、カラーグレーディングを設計し、コンポジットやパーティクル演出を担当しました。

      リンク
      ----

      - Twitterポスト: <https://twitter.com/Hylen_JP/status/1402583479192219648>
<template>
  <p>script setup is great</p>
</template>

<script setup lang="ts">
import { fugafuga } from "imports";

export const fugafuga = ref("fugafuga");
</script>

<style scoped>
.tokaionair {
  display: flex;
}
</style>

csv

first,second
1,2

json

{
  "hoge": "hogehge",
  "fuga": "fugafuga"
}

xml

<manifest
    xmlns:android="http://schemas.android.com/apk/res/android"
    package="jp.moduleApps"
>
    <uses-permission android:name="android.permission.INTERNET"/>

    <application
        android:label="@string/app_title"
        android:fullBackupContent="false">
        <activity
            android:name=".MainActivity"
            android:launchMode="singleTask"
            android:theme="@style/LaunchTheme"
        >
            <intent-filter>
                <action android:name="android.intent.action.VIEW" />
                <category android:name="android.intent.category.DEFAULT" />
                <data android:scheme="@string/scheme" />
            </intent-filter>
        </activity>
    </application>
</manifest>

表組み

引用

これは引用ブロックです。

複数行にわたって引用できます。

画像

以上でMarkdownレンダラーのテストは完了です。