見出し画像

SlideShareと連携してVuepressにスライド機能を実装する

hirasu1231

SlideShareと連携してVuepressにスライド機能を実装します．

有料枠設定にしていますが，下記のサイトで他の記事もみれます．youtubeの投げ銭的な物として，お考えください．

SlideShareと連携

最初に SlideShare の画面で埋め込みたいスライドを表示してください．

スライドの下に表示されている「Share」をクリックしてください．

画像1

スライドが表示されていた位置に一般的なブログや Web サイトの記事に埋め込むための Embed 用コードが表示されます。

画像2

あとは，Embed 用のコードをMarkdownに直打ちします．

<iframe src="//www.slideshare.net/slideshow/embed_code/key/zrtRp6bml0uECo" \
width="595" height="485" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" \
style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;" \
allowfullscreen> </iframe> <div style="margin-bottom:5px"> <strong> \
<a href="//www.slideshare.net/hirasuYearEnd/sped-246760601" \
title="ゴジラSPのEDの小ネタをまとめてみました" target="_blank">\
ゴジラSPのEDの小ネタをまとめてみました</a> </strong> from <strong>\
<a href="https://www.slideshare.net/hirasuYearEnd" target="_blank">hirasuYearEnd</a>\
</strong> </div>

まとめ

SlideShareと連携してVuepressにスライド機能を実装しました．

参考サイト​

ここから先は

0字

¥ 100

期間限定 PayPay支払いすると抽選でお得に！

この記事が気に入ったらサポートをしてみませんか？