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にWordPressの記事をマイグレートする | iret.media
はじめに こんにちは。インフラエンジニアレベル１の f_prg です。 今までWordPressでブログを構築し運用していたのですが ログインのブルートフォースアタックなどセキュリティ面を考え、 Hexoでデプロイ静的ファイルのサイトに移行しようと思います。 ブログを新規構築する ブログを新規構築します。 既に記事を作っている場合、マイグレートすると記事が混ざりそうなので ブログを構築してファイルを移動していきたいと思います。 新規構築のブログにWordPressの記事をマイグレートすれば、比較もしやすいと考えました。 [08:33:08][f_prg@mba:node-hexo-blog]# hexo init my-wp-migrate [info] Copying data [info] You are almost done! Don't forget to run `npm in
Hexoの新規投稿をちょっと使いやすくする | iret.media
はじめに こんにちは。インフラエンジニアレベル１の f_prg です。 Hexoで新規投稿でファイルを生成しますと、source/_postsフォルダにファイルが生成されます。今後投稿していきますと、ファイルの管理が必要になりそうです。 今回はちょっとだけ投稿を使いやすくする方法をご紹介します。 日付ごとにファイルを生成するようにする _config.ymlの設定を変更する 初期状態のconfigは下記の通りですが _config.yml new_post_name: :title.md # File name of new posts を _config.yml new_post_name: :year/:month/:day/:title.md # File name of new posts と変更します。 新規投稿を生成する [01:20:43][f_prg@mba:_posts]
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ページを開く
