Cloudの投稿記事を埋め込むプラグインを作った|おちゃカメラ。HTMLを自動生成するプラグインを作った。Cloudの投稿記事を埋め込めるようにするプラグインhexo-tag-soundcloudを作りました。Cloudのトラックを簡単に埋め込む事ができます。今回はsoundcloudツイートの一般的な埋め込み方法も触れながら、プラグインの使い方を解説していきたいと思います。目次プラグインの使用例hexo-tag-soundcloudの使い方インストールプレイヤーのカスタマイズいかがだったでしょうかスポンサーリンクプラグインの使用例まずはプラグインを使用した時の表示例を説明したいと思います。hexoのmarkdownで以下のように記述します。ft.JOBAをブログに埋め込んだ例です。%}275308631はトラックID。Cloudの埋め込みメニューで確認できる。上記のように書くと、こんな感じで表示されます。Cloudを埋め込むプラグインの使い方を解説したいと思います。インストールまずは、npmからインストールしてください。Cloudのプレイヤーの見た目をカスタマイズできます。カスタマイズするには以下のようなオプションを_config.ymlに追加します。こちらで指定したオプションは、全ての投稿に含まれるsoundcloudタグに適用されます。ビジュアルモードのデフォルト値は450。シンプルモードのデフォルト値は166です。プレイヤーのボタンスキンの色。%}タグへオプションを追記します。%}上記の指定例は、_config.ymlで指定したオプションを上書きしたものが適用されます。CloudのトラックをHexoブログに埋め込むプラグインをご紹介しました。HTMLにも対応しています。宜しければ使ってみてくださいね。(てぃー)InstagramTwitterYoutubeノスタルジックな写真や映像撮影が好きです📷✨当サイトではカメラ関連製品の魅力を中心に情報発信を行っています。RAW現像教室」タグIT・プログラミングnode.jsHexoHTML5javascriptHexoのPluginスポンサーリンク関連する記事Youtube作例&製品レビューGalleryおちゃカメラ。プライバシーポリシーコンテンツの保存及び転載は固くお断りいたします。当サイトに記載されるコンテンツ(文章・画像等)は著作権により保護されています。万が一コンテンツや写真の盗用・二次利用が見つかった場合には500pxの写真販売価格を参考に差止め請求及び使用料または損害賠償請求をさせて頂く場合がございますので予めご了承下さい。記事に関するお問い合わせや寄稿についてはお問い合わせフォームまでお願いいたします。hexo.お問い合わせポートフォリオフィード。