hello, world! season 2

リフォーム

AMP をやめた
Express を Fastify に変えた
テンプレート・エンジンを mustache から Nunjucks に変えた
Workbox をやめた
ホスティングを Firebase から Vercel に変えた
CI のワークフローを Circle CI から GitHub Actions に移植した
「次に出た記事」「前に出た記事」リンク追加

img

eye-catch

画像を所定ディレクトリに配置
配置した画像を最適化する
最適化した画像を Google フォトに上げる
Google フォトからパーマリンクを取得
markdown 記述↑↑
めんどくさ

video

<div class="video-wrapper">
  <video controls
    preload="metadata"
    width="640"
    height="360"
    poster="https://user-images.githubusercontent.com/4241290/131988834-79b76fd9-345e-4a58-84cd-1ab4809df1f6.png"
    title="video-test">
    <source src="https://user-images.githubusercontent.com/4241290/131988806-9bf0744d-7069-4c37-a70b-466460caa26f.mp4"
      type="video/mp4" />
    <div fallback>
      <p>This browser does not support the video element.</p>
    </div>
  </video>
</div>

<iframe src="https://open.spotify.com/embed/user/hrfmmymt/playlist/4rmnvhEv080DI0AX0XqfqD"
  sandbox="allow-scripts allow-same-origin"
  width="300"
  height="380"
  frameborder="0"
  allow="encrypted-media"></iframe>

2021-08-29