ブログでTwitterの投稿記事を埋め込むプラグインを作った(node.js製Hexo)|おちゃカメラ。HTMLを自動生成するプラグインを作った。HexoでAMPを導入するブログでインスタグラムの投稿記事を埋め込むプラグインを作ったこの記事名とURLをコピーする本日限定Amazonタイムセール開催中セール商品を見に行く本日限定Amazonタイムセール開催中セール商品を見に行くHexoブログでTwitterの投稿記事を埋め込めるようにするプラグイン「hexo-tag-twitter」を作りました。投稿記事のmarkdownファイルにtwitterタグを入れると、ツイッター写真や動画を埋め込む事ができます。今回はTwitterツイートの一般的な埋め込み方法も触れながら、プラグインの使い方を解説していきたいと思います。記述例いかがだったでしょうかスポンサーリンクプラグインの使用例まずはプラグインを使用した時の表示例を説明したいと思います。hexoのmarkdownで以下のように記述します。%}例えば上記のように書くと、こんな感じで表示されます。スポンサーリンクツイッターの投稿を埋め込むには?まず始めに通常のTwitterの埋め込み方をまとめてみたいと思います。HexoでTwitterのツイートを埋め込む方法についてはこのあと解説したいと思います。ツイッターの投稿を自分のブログ埋め込むには、以下のようなステップでOKです。PCの画面ですが、まず最初に、ツイートの右上にあるアイコンをクリックします。次に表示されるメニューの「ツイートをサイトに埋め込む」をクリックします。最後に表示されるコードをコピーします。こちらを自身のブログに貼り付けると、ツイッターの投稿をブログに埋め込む事ができます。続いて、HexoブログでTwitterのつぶやきを埋め込む手順について説明します。次にHexoでtwitterを埋め込むプラグインの使い方を解説したいと思います。インストールまずは、npmからインストールしてください。投稿記事のmarkdownファイルに以下を記述します。当プラグインは2種類の記述方法ができます。こちらのTwitterのつぶやきを埋め込みたい場合は、つぶやきのURLを追記して以下のように記述します。%}上記のように記述すると、以下のように表示されます。他にもツイートのIDなどを使って以下のように記述することもできます。ツイートのIDは、URLに含まれる数字羅列です。具体的にはURLのhttps://twitter.com/アカウント名/status/***/の中の***がツイートIDです。%}この記述を使う時は、_config.ymlにtwitterのアカウント名を追記してください。hexo-tag-twitterのオプション。twitterのアカウント名をtagTwitter.idに指定します。tea0828_config.ymlのオプションを省略することもできますが、その場合にはmarkdownに記述するtwitterタグにアカウント名を追記します。%}いかがだったでしょうかということで、今回はツイッターのツイートをHexoブログに埋め込むプラグインをご紹介しました。HTMLにも対応しています。宜しければ使ってみてくださいね。(てぃー)InstagramTwitterYoutubeノスタルジックな写真や映像撮影が好きです📷✨当サイトではカメラ関連製品の魅力を中心に情報発信を行っています。RAW現像教室」タグIT・プログラミングnode.jsHexoHTML5javascriptHexoのPluginスポンサーリンク関連する記事Youtube作例&製品レビューGalleryおちゃカメラ。プライバシーポリシーコンテンツの保存及び転載は固くお断りいたします。当サイトに記載されるコンテンツ(文章・画像等)は著作権により保護されています。万が一コンテンツや写真の盗用・二次利用が見つかった場合には500pxの写真販売価格を参考に差止め請求及び使用料または損害賠償請求をさせて頂く場合がございますので予めご了承下さい。記事に関するお問い合わせや寄稿についてはお問い合わせフォームまでお願いいたします。hexo.お問い合わせポートフォリオフィード。