Test投稿
Table of Contents
文章
ポラーノの広場
宮沢賢治
あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。
またそのなかでいっしょになったたくさんのひとたち、ファゼーロとロザーロ、羊飼のミーロや、顔の赤いこどもたち、地主のテーモ、山猫博士のボーガント・デストゥパーゴなど、いまこの暗い巨きな石の建物のなかで考えていると、みんなむかし風のなつかしい青い幻燈のように思われます。では、わたくしはいつかの小さなみだしをつけながら、しずかにあの年のイーハトーヴォの五月から十月までを書きつけましょう。
引用
吾輩は猫である
吾輩わがはいは猫である。名前はまだ無い。
どこで生れたかとんと見当けんとうがつかぬ。
何でも薄暗いじめじめしたところでニャーニャー泣いていた事だけは記憶している。
吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪どうあくな種族であったそうだ。この書生というのは時々我々を捕つかまえて煮にて食うという話である。
しかしその当時は何という考もなかったから別段恐しいとも思わなかった。ただ彼の掌てのひらに載せられてスーと持ち上げられたとき何だかフワフワした感じがあったばかりである。掌の上で少し落ちついて書生の顔を見たのがいわゆる人間というものの見始みはじめであろう。
この時妙なものだと思った感じが今でも残っている。第一毛をもって装飾されべきはずの顔がつるつるしてまるで薬缶やかんだ。その後ご猫にもだいぶ逢あったがこんな片輪かたわには一度も出会でくわしたことがない。のみならず顔の真中があまりに突起している。
そうしてその穴の中から時々ぷうぷうと煙けむりを吹く。どうも咽むせぽくて実に弱った。これが人間の飲む煙草たばこというものであることはようやくこの頃知った。
oEmbed
YouTube
【デレステ4周年カウントダウン】
— スターライトステージ (@imascg_stage) August 31, 2019
4周年まであと「2日」です!
本日は杏仁豆腐先生より、黒埼ちとせちゃん、白雪千夜ちゃん、久川凪ちゃん、久川颯ちゃん、辻野あかりちゃん、砂塚あきらちゃん、夢見りあむちゃんのイラストをいただきました!#デレステ #デレステ4周年 pic.twitter.com/Y9G7uOB6PV
SoundCloud
Code
// In your gatsby-config.js
plugins: [ {
resolve: `gatsby-transformer-remark`,
options: {
plugins: [
`gatsby-remark-prismjs`,
]
}
}
]
import React from "react";
import { Link, withPrefix } from "gatsby";
import Tag from "@/components/Tag";
import { parseImgur, SizeMapping } from "@/utils/images";
import * as style from "./index.module.scss";
const CardHeader = ({
url,
image,
title,
index,
}: {
url: string;
image: string;
title: string;
index: number;
}) => {
if (index > 1) {
return (
<Link to={url}>
<span className="visually-hidden">{title}</span>
<div
className={style.wrapper + " lozad"}
data-background-image={parseImgur(image, SizeMapping.large)}
title={title}
aria-hidden="true"
/>
</Link>
);
}
return (
<Link to={url}>
<span className="visually-hidden">{title}</span>
<div
className={style.wrapper}
style={{
backgroundImage: ` url(${parseImgur(image, SizeMapping.large)})`,
}}
title={title}
aria-hidden="true"
/>
</Link>
);
};
const Card = ({
title,
date,
url,
headerImage,
description,
tags = [],
index,
}: {
title: string;
date: string;
url: string;
headerImage: string;
description: string;
tags: readonly (string | undefined)[];
index: number;
}) => (
<div className="col-sm-12 pb-4">
<div className={style.customCard}>
{headerImage && (
<CardHeader
url={withPrefix(url)}
image={headerImage}
title={title}
index={index}
/>
)}
<div className={style.data}>
<div className={style.dataContent}>
<div className={style.stats}>
<span className={style.date}>{date?.split("T")[0]}</span>
{tags.map((name) => (
<Tag name={name || ""} key={name} />
))}
</div>
<Link to={withPrefix(url)}>
<h3 className={style.title}>{title}</h3>
</Link>
<p>{description}</p>
<Link to={withPrefix(url)}>....Read more....</Link>
</div>
</div>
</div>
</div>
);
export default Card;
npm run build