Hexoの使い方。Hexoって何？静的サイトジェネレータでブログを始める。
Hexoでブログを開設したい方に使い方を分かりやすく解説する記事です。第1回目は、hexo blogを始める前に必要なツールを揃えようというのがテーマです。
ブログで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タグを入れると簡単にツイートを埋め込む事ができます。
