ブログでSound Cloudの投稿記事を埋め込むプラグインを作った
HexoブログでSound Cloudのトラックを埋め込めるhexo-tag-soundcloudを作りましたので、その使い方を説明します。インストールはnpmから出来ます。投稿記事となるmarkdownファイルにsoundcloudタグを入れると簡単にトラックを埋め込む事ができます。
ブログでAMP HTMLを自動生成し検証できる機能を追加した
Wordpressを辞めて新たなブログ環境が手に入り満足してます。特にサーバー維持費が掛からず収益化が簡単になりました。静的サイトジェネレーターはHexo、Jekyll、Hugo、Middleman、Octopress、Gatsbyが有名です。今回のアップデートでAMP自動生成に加え検証機能を追加しました。
hexoプラグインでPromiseを使って逐次処理や非同期処理する
Hexoのgeneratorプラグインで投稿記事を一つづつ処理して、新たなページを生成するプラグインを作ったときの備忘録です。Hexoのgeneratorプラグインではlocal.postsという投稿記事が配列格納されたデータが渡ってきます。この配列をpromiseを使って非同期・逐次処理する例を解説します。
超爆速！AMP HTMLを自動検証できるamphtml-validator
node.jsで使えるamphtml-validatorでAMP HTMLの記述が問題ないのか確認してみました。コマンド一発で検証できて凄く便利です。フロントエンドの業務ではgulp-amphtml-validatorやgrunt-amp-validatorを使えば一括で自動検証できるので仕事が捗りそうです。
ブログでTwitterの投稿記事を埋め込むプラグインを作った
一般的な埋め込み方も解説したいと思いますが、今回はHexoブログでTwitterを埋め込めるhexo-tag-Twitterを作りましたので、その使い方を説明します。インストールはnpmから出来ます。投稿記事となるmarkdownファイルにtwitterタグを入れると簡単にツイートを埋め込む事ができます。
githubのforkリポジトリをbowerでインストールする方法
githubでフォークしたリポジトリをbowerでインストールする方法をまとめました。bowerはforkリポジトリのURLを指定しただけだと上手く行かずfork元がインストールされてしまうようです。そこでコミットハッシュをSSH URLに指定しインストールをします。npmと少し違うようなので覚えておきたいと思います。
