Randomのロゴ
#computer house
RANDOM
menu
Randomについて
記事
作品紹介
特集
部員紹介
WEB
Random Webの記事の書き方
公開日:
2020/03/24
WEB
Random Webの記事の書き方
pngnのプロフィール画像
pngn
tomoのプロフィール画像
tomo

基本的なマークダウンの書き方

例えばこのページなどを参考にして下さい。

こんばんは

Randomのサイトの特別仕様

Post

普通の記事です。

Slide生成 (廃止)

簡易slideを作る事ができます

単純なスライドだったらマークダウンで簡単に書けて、即公開できるので使い方によってはかなり便利だと思う

複雑なスライド作るなら、某ソフト使うのがいいんじゃないでしょうか

いや、しかしほんとに複雑なアニメーションならCSSで書くほうが楽なのかも?

---でスライドを区切ります

+++で縦方向のスライドを作る事もできます

投稿したスライドを埋め込む場合は

{ {< slide 38 >}}
// { と {の間のスペース省いて
// 38は自分のスライドの記事idに変えて

{{< slide 38 >}}

既に投稿して、公開状態になっている事が必要です

Fでfullscreen、Sでspeaker note、ESCでoverviewです

{ {% fragment %}} One { {% /fragment %}} // 突然出てくるアレ
{ {% speaker_note %}}
Speaker Note
{ {% /speaker_note %}}

{ {< custom background-image="background.png" >}}
{ {< custom background-color="#0000FF" >}}
{ {< custom class="my-style" >}}
// { と {の間のスペース省いて

な風にできます。

Assetへのリンク

Assetの中の一番右のボタンを押すとそいつへのリンクがコピーされるのでそれをペーストすればいいです

Tex

普通の Tex の感覚で書けます

$a_i = \frac{x}{y}$

ai=xya_i = \frac{x}{y}

YouTube の埋め込み

{ {< youtube GTjfXPANIXY >}}
// { と {の間のスペース省いて

一部動画は YouTube 側の制約で埋め込めないことに注意すること。

Bilibili の埋め込み (読み込み遅い)

{ {< https://www.bilibili.com/video/BV1P4411V7tY/?spm_id_from=... >}}
// { と {の間のスペース省いて
// 最後のパラメータがない場合、最後のスラッシュ(/)まで含むことに注意
{ {< https://www.bilibili.com/video/BV1P4411V7tY/ >}}

埋め込み用のページである player.bilibili.com は一度、イギリスに繋いでから中国国内の TAOBAO Zhejiang Taobao Network に繋いでいるため遅い。 一方、普通の bilibili.com はアメリカのサーバーが到達点となるため速い。 公式配信番組は共有ボタンのところに埋め込みコードがないので分かると思うが埋め込めない。

ニコニコ動画 の埋め込み

{ {< https://www.nicovideo.jp/watch/sm18623327 >}}
// { と {の間のスペース省いて

埋め込み(embed)で再生が許可されないアニメの公式配信などの番組(例:so41177155)があることに注意すること。 https://embed.nicovideo.jp/watch/{動画のID} に行けばわかる

Twitter の埋め込み

一番使われそうなのはこれかな

{ {< tweet 1584817681773232128 >}}
// { と {の間のスペース省いて

iframe の埋め込み

{ {< game "URL" width height >}}
// { と {の間のスペース省いて

レスポンシブ対応した iframe の埋め込み機能を追加しました。Unity で作ったゲームの WebGL ビルドとかを埋め込めます

URL に Github Pages とかのリンクを入れればいいです。width と height には px は不要です

容量が小さいなら Assets に放り込んでもいいかもね

Map 埋め込み

{ {< map 35.6301819848626 139.7929918323288 15 >}}
// 順に緯度、軽度、拡大率
// { と {の間のスペース省いて

記事紹介用 Widget 埋め込み

{ {< post 5 >}}
{ {< project "sinkan2020" >}}
// { と {の間のスペース省いて

{{< post 5 >}}

{{< project "sinkan2020" >}}

警告文

{ {< alert warning >}}
警告文
{ {</ alert >}}
{ {< alert note >}}
注意書き
{ {</ alert >}}
// { と {の間のスペース省いて

warning
警告文
info
注意書き

warning
🌸Blu-ray 情報 ①🌸 映画「五等分の花嫁」Blu-ray&DVD のジャケットイラストを公開! 特典はコミックス「第 0 巻」フルカラー版など豪華盛りだくさんです ✨

12 月 21 日(水)発売ですので、ぜひゲットしてください ♪

info
🌸Blu-ray 情報 ①🌸 映画「五等分の花嫁」Blu-ray&DVD のジャケットイラストを公開! 特典はコミックス「第 0 巻」フルカラー版など豪華盛りだくさんです ✨

12 月 21 日(水)発売ですので、ぜひゲットしてください ♪

Footnote (注釈)

注釈1[1] そして長い注釈 [2]

連絡先

Twitterもやっています。

質問も DM や質問箱で受け付けているのでお気軽にご連絡ください。


  1. これが注釈. ↩︎

  2. 複数行の注釈 ↩︎

pngnのプロフィール画像
pngn
電電情報 (2018年入学)
AtCoder黄色/スマホアプリやWebの開発やパソコンの勉強が趣味
tomoのプロフィール画像
tomo
工学部情報工学科 (2022年入学)
可愛い1回生です!よろしくお願いします!(*'ω'*)
一緒に読まれている記事
【友好祭23】部活のホームページをリメイクした話 のサムネイル
【友好祭23】部活のホームページをリメイクした話
tomoのアイコン
tomo
2023/05/25
【35日目】大阪公立大学 中百舌鳥図書館利用のススメ のサムネイル
【35日目】大阪公立大学 中百舌鳥図書館利用のススメ
Rikkyのアイコン
Rikky
2022/04/26
【15日目】SNSを作った話 のサムネイル
【15日目】SNSを作った話
Yukarionのアイコン
Yukarion
2022/04/06
Random Virtual World 2022 Spring のサムネイル
Random Virtual World 2022 Spring
やたぺんぎんのアイコン
やたぺんぎん
2022/03/31
ランダム部内サーバーをいじろう のサムネイル
ランダム部内サーバーをいじろう
pngnのアイコン
pngn
2021/03/05