HTML5 を話題にしている記事　3/6ページ

node.jsで使えるamphtml-validatorでAMP HTMLの記述が問題ないのか確認してみました。コマンド一発で検証できて凄く便利です。フロントエンドの業務ではgulp-amphtml-validatorやgrunt-amp-validatorを使えば一括で自動検証できるので仕事が捗りそうです。

一般的な埋め込み方も解説したいと思いますが、今回はHexoブログでTwitterを埋め込めるhexo-tag-Twitterを作りましたので、その使い方を説明します。インストールはnpmから出来ます。投稿記事となるmarkdownファイルにtwitterタグを入れると簡単にツイートを埋め込む事ができます。

Github pagesでホスティングしているブログサイトの更新を、Webhooksを使ってPubSubHubbubハブに通知してみました。PubSubHubbubとは、サイトが更新された事をGoogleなどへ素早く通知するシステムのことで、コピーサイト、スクレイピイングサイト、スパマー対策に有効です。

静的サイトジェネレータで比較的難しいのが関連記事や人気記事の表示です。静的サイトジェネレータとは表示されるページを生成するプログラムの事です。Wordpressと異なりデメリットとなるのは動的なページが生成できるphpが使えません。静的サイトジェネレータで関連記事を生成するアイディアを簡単にまとめてみたいと思います。

WordPressからHexoに移行して1年が経ちました。そこで少し感想を書いていきたいと思います。ワードプレスに感じていた不満点や、移行して良かったこと、デメリット、苦労話など。静的サイト・ジェネレータによる個人ブログ移行の実録として参考にしていただければ光栄です。

巷にはブログでビフォー・アフターの画像をスライド表示させるものがあります。写真のRAW現像や加工した前後の写真を見せるのに便利ですよね。今回はその中でも有名なjQuery Twenty Twentyをこのブログ(Hexo)にも移植してみました。