hexoの各種コンテンツ実験

twitterの場合

$ npm install hexo-tag-twitter --save

{% twitter ツイートのURL %}

で出来る。

例えば、

https://photo-tea.com/p/hexo-tag-twitter/ 多謝。

写真を埋め込む。

hexoの写真埋めこみは今一良い出来では無いし、google photosを管理に使ってるので、これと連携出来るならこれ以上の事は無い。

そしてあるんだなー。

npm install hexo-tag-google-photos-album --save

googlePhotosAlbum:
  descriptionLength: 140
  target: _blank
  rel: noopener
  className: google-photos-album-area
  enableDefaultStyle: true
  defaultStyle: google_photos_album.css
  largeSizeThreshold: 768
  largeSize:  =s1920-no
  mediumSize: =s720-no
  smallSize:  =w225-no
  maxPics: 999
  generateAlways: false

{% googlePhotosAlbum https://photos.app.goo.gl/jgre6YEaYHCtw9K39 %}

の結果がこれ。

20200118 マチモがらくた機材市6 new photos added to shared album

• https://pages.isnot.jp/2019-04/13-image-test/
• https://github.com/isnot/hexo-tag-google-photos-album

に感謝。ところで、サンプルページだとn枚で構成されるalbumが一覧になって表示されてるけど、僕だと一枚しか表示されない。リンクをクリックするとアルバムになるけど。どうしたらええんや?
githubにhexo-light-gallery使えって書いてあるけど、それ?

youtubeの埋込み

{% youtube AHA-P16y-68 %}

youtubeのurlのv=の後ろを指定する。

簡単ですね。

リンクプレビュー

npm install hexo-tag-link-preview --save

{% linkPreview https://www.amazon.com/ _blank nofollow %}

Amazon.com: Online Shopping for Electronics, Apparel, Computers, Books, DVDs & more

Free delivery on millions of items with Prime. Low prices across earth's biggest selection of books, music, DVDs, electronics, computers, so…