share facebook facebook twitter menu hatena pocket slack

2014.09.03 WED

HexoのRSSフィードプラグインを使ってみる

古渡 晋也

WRITTEN BY 古渡 晋也

はじめに

こんにちは。インフラエンジニアレベル1の f_prg です。
Hexoの初期構築には右上にRSSフィードがあるですが、機能してませんでした。
プラグインでできるかなーとテキトーに考えて実装できたので、ご紹介します。

Hexoのプラグイン

ドキュメント

ドキュメントはコチラです。
https://github.com/hexojs/hexo/wiki/Plugins

アップデートする

インストールの前に、アップデートをします。

[18:30:48][f_prg@mba:blog]# npm update
npm http GET https://registry.npmjs.org/hexo-renderer-ejs/latest
npm http GET https://registry.npmjs.org/hexo-renderer-stylus/latest
npm http GET https://registry.npmjs.org/hexo-renderer-marked/latest
npm http 200 https://registry.npmjs.org/hexo-renderer-marked/latest
npm http GET https://registry.npmjs.org/hexo-renderer-marked
npm http 200 https://registry.npmjs.org/hexo-renderer-stylus/latest
npm http GET https://registry.npmjs.org/hexo-renderer-stylus
npm http 200 https://registry.npmjs.org/hexo-renderer-ejs/latest
npm http GET https://registry.npmjs.org/hexo-renderer-ejs
npm http 304 https://registry.npmjs.org/hexo-renderer-stylus
npm http GET https://registry.npmjs.org/nib/latest
npm http GET https://registry.npmjs.org/stylus/latest
npm http 304 https://registry.npmjs.org/hexo-renderer-marked
npm http GET https://registry.npmjs.org/marked/latest
npm http GET https://registry.npmjs.org/lodash/latest
npm http 200 https://registry.npmjs.org/nib/latest
npm http GET https://registry.npmjs.org/nib
npm http 200 https://registry.npmjs.org/stylus/latest
npm http GET https://registry.npmjs.org/stylus
npm http 200 https://registry.npmjs.org/marked/latest
npm http GET https://registry.npmjs.org/marked
npm http 200 https://registry.npmjs.org/lodash/latest
npm http GET https://registry.npmjs.org/lodash
npm http 304 https://registry.npmjs.org/stylus
npm http 304 https://registry.npmjs.org/lodash
npm http 304 https://registry.npmjs.org/hexo-renderer-ejs
npm http GET https://registry.npmjs.org/ejs/latest
npm http 200 https://registry.npmjs.org/ejs/latest
npm http GET https://registry.npmjs.org/ejs
npm http 304 https://registry.npmjs.org/ejs
npm http 304 https://registry.npmjs.org/nib
npm http 304 https://registry.npmjs.org/marked
npm http GET https://registry.npmjs.org/stylus/0.44.0
npm http GET https://registry.npmjs.org/stylus/0.37.0
npm http 200 https://registry.npmjs.org/stylus/0.37.0
npm http 200 https://registry.npmjs.org/stylus/0.44.0
npm http GET https://registry.npmjs.org/stylus/-/stylus-0.37.0.tgz
npm http GET https://registry.npmjs.org/stylus/-/stylus-0.44.0.tgz
npm http 200 https://registry.npmjs.org/stylus/-/stylus-0.37.0.tgz
npm http 200 https://registry.npmjs.org/stylus/-/stylus-0.44.0.tgz
npm http GET https://registry.npmjs.org/mkdirp
npm http GET https://registry.npmjs.org/sax
npm http GET https://registry.npmjs.org/debug
npm http GET https://registry.npmjs.org/cssom
npm http 304 https://registry.npmjs.org/mkdirp
npm http 304 https://registry.npmjs.org/sax
npm http GET https://registry.npmjs.org/css-parse
npm http GET https://registry.npmjs.org/glob
npm http 304 https://registry.npmjs.org/glob
npm http 304 https://registry.npmjs.org/cssom
npm http 304 https://registry.npmjs.org/css-parse
npm http 304 https://registry.npmjs.org/debug
npm http GET https://registry.npmjs.org/ms/0.6.2
npm http GET https://registry.npmjs.org/inherits
npm http GET https://registry.npmjs.org/minimatch
npm http 304 https://registry.npmjs.org/minimatch
npm http 304 https://registry.npmjs.org/ms/0.6.2
npm http 304 https://registry.npmjs.org/inherits
stylus@0.37.0 node_modules/hexo-renderer-stylus/node_modules/nib/node_modules/stylus
├── mkdirp@0.3.5
├── cssom@0.2.5
├── debug@1.0.4 (ms@0.6.2)
└── sax@0.5.8
npm http GET https://registry.npmjs.org/lru-cache
npm http GET https://registry.npmjs.org/sigmund
npm http 304 https://registry.npmjs.org/lru-cache
npm http 304 https://registry.npmjs.org/sigmund
stylus@0.44.0 node_modules/hexo-renderer-stylus/node_modules/stylus
├── css-parse@1.7.0
├── mkdirp@0.3.5
├── debug@1.0.4 (ms@0.6.2)
├── sax@0.5.8
└── glob@3.2.11 (inherits@2.0.1, minimatch@0.3.0)

プラグインの追加

RSSフィード用のプラグインをインストールします。

[21:08:10][f_prg@mba:blog]# npm install hexo-generator-feed
npm http GET https://registry.npmjs.org/hexo-generator-feed
npm http 200 https://registry.npmjs.org/hexo-generator-feed
npm http GET https://registry.npmjs.org/hexo-generator-feed/-/hexo-generator-feed-0.2.0.tgz
npm http 200 https://registry.npmjs.org/hexo-generator-feed/-/hexo-generator-feed-0.2.0.tgz
npm http GET https://registry.npmjs.org/utils-merge
npm http GET https://registry.npmjs.org/ejs
npm http 200 https://registry.npmjs.org/utils-merge
npm http 304 https://registry.npmjs.org/ejs
hexo-generator-feed@0.2.0 node_modules/hexo-generator-feed
├── utils-merge@1.0.0
└── ejs@1.0.0

簡単ですね。

フィードの設定完了

http://localhost:4000/atom.xml
でフィードができるようになりました。

まとめ

初期状態のサイト上にあるので、最初から入ってると嬉しいですね。

参考資料・リンク

https://github.com/hexojs/hexo/wiki/Plugins

元記事はこちらです。
HexoのRSSフィードプラグインを使ってみる

古渡 晋也

古渡 晋也

縁があって、cloudpackにジョインしました。 JAWS-UG さいたま支部コアメンバーとしても活動しております。 cloudpackにてインフラ設計・構築・運用をしております。 HadoopやMongoDBなどいろいろ経験しております。 あと、開発もできるエンジニアです。 開発可能な言語はC, C++, C#, アセンブラ, PHP, Ruby, JavaScript, Java, Objective-Cです。

cloudpack

cloudpackは、Amazon EC2やAmazon S3をはじめとするAWSの各種プロダクトを利用する際の、導入・設計から運用保守を含んだフルマネージドのサービスを提供し、バックアップや24時間365日の監視/障害対応、技術的な問い合わせに対するサポートなどを行っております。
AWS上のインフラ構築およびAWSを活用したシステム開発など、案件のご相談はcloudpack.jpよりご連絡ください。