HexoでGruntを使ってみました | iret.media
はじめに こんにちは。インフラエンジニアレベル１の f_prg です。 HexoでGruntを組み合わせましたので、その構築方法をご紹介します。 HexoとGruntを組み合わせる Gruntとは http://gruntjs.com JavascriptやCSSの縮小、コンパイル、単体テスト、Lintによる厳密なチェックなどを実装できます。 Gurntのタスク起動により自動ビルド化ができるので、WEB開発業務が更に改善できるようです。 grunt-cliのインストール grunt-cliのnpmのパッケージのインストールをします。 [11:59:18][f_prg@mba:~]# npm install -g grunt-cli npm http GET https://registry.npmjs.org/grunt-cli npm http 304 https://registry.
Hexoのhexo-adminプラグインで管理画面を使う | iret.media
はじめに こんにちは。インフラエンジニアレベル１の f_prg(@f_prg) です。 Hexoはブログのツールなのですが、管理画面がやはり欲しくなったりします。 管理画面はプラグインで提供されているのでご紹介したいと思います。 管理画面を使えるようにする ドキュメント ドキュメントはコチラです。 https://github.com/hexojs/hexo/wiki/Plugins プラグインのインストール hexo-adminプラグインをインストールします。 [01:20:08][f_prg@mba:blog]# npm install hexo-admin npm http GET https://registry.npmjs.org/hexo-admin npm http 200 https://registry.npmjs.org/hexo-admin npm http GET
Hexoでgithubにデプロイする | iret.media
はじめに こんにちは。インフラエンジニアレベル１の f_prg です。 Hexoには、deployする機能があります。 http://fprg.github.io/ にデプロイしたいと思います。 Hexoのデプロイ、github編 ドキュメント ドキュメントはコチラです。 http://hexo.io/docs/deployment.html _config.ymlに設定を記述します。 _config.yml # Deployment ## Docs: http://hexo.io/docs/deployment.html deploy: type: github repo: https://github.com/fprg/fprg.github.io branch: master message: Hexo deploy デプロイを実行します。 デプロイのコマンドはコチラを参考にしてくだ
HexoのRSSフィードプラグインを使ってみる | iret.media
はじめに こんにちは。インフラエンジニアレベル１の 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
Hexoで画像の設定する | iret.media
はじめに こんにちは。インフラエンジニアレベル１のf_prgです。 Hexoで画像を使いたいので、設定をしてみます。 設定を変更する configを変更する configの参考はコチラを。 http://hexo.io/docs/configuration.html _config.yml # Writing new_post_name: :title.md # File name of new posts default_layout: post titlecase: false # Transform title into titlecase external_link: true # Open external links in new tab filename_case: 0 render_drafts: false post_asset_folder: false relativ
Hexoのサイト設定を行う | iret.media
はじめに こんにちは。インフラエンジニアレベル１のf_prgです。 前回のHexoのインストールの続きです。サイトをセットアップします。 設定を変更する _config.ymlを編集する 設定の値は http://hexo.io/docs/configuration.html を参考にしてください。 # Site title: Hexo subtitle: description: author: John Doe email: language: とデフォルトではなっているので、下記のように編集します。 # Site title: f_prgのブログです。 subtitle: いろいろ書いていきます。よろしくお願いします。 description: 人生はテキトーに。まったりと。 author: f_prg email: language: 反映させます ページアクセスの度に、読み込むこ
Hexoでブログを構築する | iret.media
はじめに こんにちは。インフラエンジニアレベル１のf_prgです。 Node.jsでのブログ作成について、友人のFacebookのフィードから知ったのでインストールしてみました。 本家のサイトはコチラです。http://hexo.io/ インストール Last login: Sat Aug 9 09:03:09 on ttys001 [11:55:25][f_prg@mba:~]# npm install hexo -g npm http GET https://registry.npmjs.org/hexo npm http 200 https://registry.npmjs.org/hexo npm http GET https://registry.npmjs.org/hexo/-/hexo-2.8.2.tgz npm http 200 https://registry.npmjs
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
