TAG / Hugo
Hugo
投稿のインデックスデータを作成するときはjsonifyを通しておく
投稿のインデックスデータを作成するときはjsonifyを通しておく 今までサイト内全文検索をJavaScriptを行うためのインデックスデータを content: "{{ .PlainWords }}" で作成していたのですが、ある日サイト内全文検索が機能しなくなってしまいました Chromeのデベロッパーツールで確認してみると Uncaught SyntaxError: In…
"2019-01-11"Hugoでtextlintを使ってみる
What’s lint ? lintというのは「主にC言語のソースコードに対し、コンパイラよりも詳細かつ厳密なチェックを行うプログラムである by wikipedia」で、lintを自然言語に適用した実装がtextlintになるようです もちろん即戦力で仕事につかう、もしくは御大尽でお金が余ってて仕方ないということであればJust Right!のようなツールを検討するのですが、…
"2019-01-03"Hugoにmermaidを組み込んでみた
What's mermaid ? フローチャートやシーケンスダイヤグラムやガントチャートをサクサクと書くことのできるライブラリです Windowsセットアップ画面 公式サイト：mermaid mermaidを体験してみるにはMermaid Live Editorが便利です 自社で構築するアプリケーションでも、データをmermaidで吐き出せるようにしておいて、レポートツールとし…
"2018-12-28"Hugoで構築したサイトをPWAに対応するために(その2)
Hugoで構築したサイトをPWA(Progressive Web Apps)に対応するために取り組んだことのメモ Service Workerを簡単に書いてみる Google先生に聞いてみると簡単なサンプルに行き当たった $ cat /themes/theme/static/sw.js console.log("Message from service worker"); se…
"2018-12-16"Hugoで構築したサイトをPWAに対応するために(その1)
Hugoで構築したサイトをPWA(Progressive Web Apps)に対応するために取り組んだことのメモ manifest.jsonを簡単に書く 簡単に書くというか、生成してくれるサイトに丸投げしてみた Web App Manifest Generator/01.png ) Web App Manifest Generator 「Generate Icons」にアイコン…
"2018-12-15"minifyオプションが使えるHugoのDockerコンテナを作った
--minifyオプション なにそれ？ いつのまにかminifyオプションが実装されていた Hugo ASSET MANAGEMENT Asset minification minifyとは？ ブラウザでの描画に使われない改行、空白などを取り除きファイルサイズを削減する機能 パッケージマネージャー(apt)でインストールできるHugoにはまだ来ていないようだったので、debパッ…
"2018-04-06"lftpコマンドを使ってもコンテンツが増えてくるとつらいよ
Hugoで生成したコンテンツをWebサーバーにデプロイ(アップロード)するで都度ftpクライアントを使うのも面倒になってくると書きました lftpコマンドを利用すると楽になった lftp コマンドには mirror コマンドがあってミラーリングアップロードができるので相当楽になりました コンテンツが増えると遅くてつらい！！ でもいろいろコンテンツが増えてくると完了までの待ち時間…
"2018-02-25"Hugoで生成したコンテンツをWebサーバーにデプロイ(アップロード)する
Hugoでコンテンツを生成すると、ftpクライアントなどでWebサーバーにデプロイ(アップロード)するのですが、都度ftpクライアントを使うのも面倒になってくる そういう時に... lftpコマンドを利用する インストールする $ sudo apt install lftp 設定ファイルを書く $ nano lftp.dat open -u userid,'p@ssword0'…
"2017-04-08"HugoにGoogleカスタム検索エンジンを組み込んでみた
HugoにはよくあるCMSのサイト検索機能が実装されていないようです サイト検索機能 コンテンツの全文検索機能を実装する Hugoは静的サイトジェネレータなので、サーバーサイドの全文検索は行なえません そのため全文検索をするためには、クライアント側にインデックスファイルをダウンロードして、ブラウザ内で全文検索を行う処理を書く必要があります Googleのカスタム検索エンジンを利…
"2017-03-20"Hugoでimgタグをよきに計らうショートコードを書いてみた
たぶんもっとスマートなやり方があるのでしょうが、Hugoのショートコードを書く道を選択した imgタグをよきに計らう Markdownでimgタグを吐かせるためにこう alt 書くのですが、うちでimgタグを使いたいの主には2パターン 表示領域に合わせていい感じに縮小してくれるやつ(所謂fluidってやつ) 原寸で表示して欲しいが、レイアウトを壊さないやつ(所謂overflow…
"2017-03-16"Hugoでfaviconをつけよう
Hugoで生成されるコンテンツにfaviconをつけてみた まずはfaviconを生成 faviconの生成はFavicon & App Icon Generatorのようなとても賢いサイトがあるので、おまかせしてみる Favicon & App Icon Generator おまかせすると、faviconと書くべきコードまで用意してくれた Download the gener…
"2017-03-15"Hugoで常時SSL化に対応する
HugoのQuickstart Guideなどでは 普通config.tomlに baseurl = "http://xn--v6q832hwdkvom.com/" と書くことになっていますが、このまま生成したコンテンツを .htaccess で301リダイレクトさせるとうまくいかない こうするとうまくいった 301リダイレクトを使った常時SSL化に対応するためには baseu…