更新 TECH

HugoのRelated Contentを利用して関連記事を表示する

Hugo | Hugo 0.27: Fast and Flexible Related Content! Hugo | Related Content いつのまにかHugo 0.29から関連コンテンツ表示機能が追加されています。これによって他のCMSではプラグインで簡単にできていたのに、Hugoではできないというポイントが解消されました。もはや、Hugo最強説!!。 さっそくこのブログにも試して …

読む →

HugoのRelated Contentを利用して関連記事を表示する
更新 TECH

Hugo Shortcodesの作り方

Hugoでは、ちょっとしたHTMLタグを記事やテンプレートに差し込みたいと思った場合、Shortcodesという便利な機能が使えます。

読む →

Hugo Shortcodesの作り方
更新 TECH

gulpで画像の最適化

完全に自己満足かもしれませんが、以下の理由で画像の最適化に取り組みました。 Google PageSpeed Insightsで毎回画像サイズが最適化されていないと毎回怒られる 画像ファイルのサイズが無駄に大きいため、iPhoneからアクセスした時に余計なパケットを消費するのが悔しい 画像の最適化を全て手動でやると挫折してしまうので、タスクランナーであるgulpで自動化を行いました。

読む →

更新 TECH

Hugoで生成した静的サイトのホスト先をさくらVPSからNetlifyに変更する

現在(2017/3月)、Hugoで生成した静的サイトをホストするためにさくらVPSを利用しています。 さくらVPSは2年近く使ってきましたが、そろそろ更新時期した(1年まとめて契約しているため)。 自分が契約したタイプはデイスクがHDDのままSSDに変更できないタイプだったので、新規契約し直すか、Conoha VPSに切り替えるか、それともVPS自体を契約しないとするか迷っています。 良い機会であ …

読む →

Hugoで生成した静的サイトのホスト先をさくらVPSからNetlifyに変更する
更新 TECH

HugoのMarkdownでtarget='_blank'を実現する方法

HugoのMarkdownエンジンは、 blackfriday を利用しているため、そのオプションにhrefTargetBlankがあります。このhrefTargetBlankオプションを有効にすれば、外部リンクを別タブ、別ウィンドウで開く<a href="" target="_blank">をMarkdownで実現できる。 そもそも …

読む →

HugoのMarkdownでtarget='_blank'を実現する方法
更新 TECH

HugoのShortcodesを利用してAmazon紹介リンクタグを作成

技術書の紹介をする際も、カエレバのようなリンクビルダーを利用してきましたが、重い腰を上げてHugoのshortcodesとData-driven Contentで対応しました。 使用方法 {{% amazon 477418392X %}}と記述することで、以下の結果を得ることができます。 みんなのGo言語【現場で使える実践テクニック】 出版社:技術評論社 著者:松木雅幸mattn藤原俊一郎中島大一 …

読む →

HugoのShortcodesを利用してAmazon紹介リンクタグを作成
更新 TECH

CircleCIでMeCabを利用してHugoビルドする

以下のコンテナ設定が掴めてきましたので、備忘録として残しておきます。 Circle CIで、PythonからMeCab、sklearnを利用して関連記事を作成 Hugoでビルド&さくらVPSにブログを公開

読む →

CircleCIでMeCabを利用してHugoビルドする
更新 TECH

静的サイトジェネレータ「Hugo」〜公開方法〜

公開 Deploy Hugoには、サイトを生成する仕組みはありますが公開する仕組みは持っていません。そのため、Hugoで生成した生成物(HTML+CSS)を何らかの方法で、Webサーバに持っていってあげなければいけません。 必要なのは、どこに公開するかと、どうやって公開するかです。

読む →

静的サイトジェネレータ「Hugo」〜公開方法〜
更新 TECH

静的サイトジェネレータ「Hugo」でシンプルブログサイトを構築する

今、自分でブログ・サイトを構築するとしたら、どんな選択肢があるでしょうか。 さすがにHTMLを自分で手打ちするのは大変です。 なんらかのCMS(Content Management System:コンテンツ管理システム)を利用することになりますが、そのCMSにもさまざまな種類があり、どれを選んだらよいのでしょうか。 私自身、CMSとしては Lokka (Ruby), WordPress …

読む →

静的サイトジェネレータ「Hugo」でシンプルブログサイトを構築する