Hugoでkatexを使った数式が表示されなくて困った Hugoで数式を表示するためにkatex@0.16.22を利用している。 https://katex.org/docs/browser 基本的に表示されるが表示されないこともあり困っていた。 結論 shortcodeを作る 以下のようなpassthroughするだけのショートコー … hugo 2025-05-20
code blockにrefarenceをつける Hugoでコードブロックを使うときは、GitHubからの引用し、その下に参照元のURLを貼り付けることが多い。 コードブロックの下にそのままURLが表示されるの若干見づらかったので、コードブロックとセットでいい感じに表示したい。 HugoにMarkdown Render Hooks … hugo 2023-02-28
Hugoの記事に関連記事を表示させる 記事の最後に関連記事を表示する方法が簡単になってた。 https://gohugo.io/content-management/related/ これで関連記事を取れる .Site.RegularPages.Related 以下のような感じで記事の最後につけるとおｋ {{ $related := … hugo 2021-07-18
Hugoで作ったwebサイトを公開する はじめに GCE上にdockerコンテナを使って、hugoの静的ファイルを公開してます。 いろいろwebサービスを作ったりはしますが、公開するのは初めてだったので、いろいろと苦労した点をまとめておきます。 インフラ GCEを使います。ほんとは、image化してインスタンスグループで公開したかったので … hugo docker 2019-09-24
falconでアップロードサーバーを作る はじめに 現在、サーバー上にHugoとHugoが生成した静的ファイルを置いてブログを公開している。 静的ファイルの生成とmdファイルや画像ファイルのアップロードのためfalconを使ってapiサーバーを作った。 falconをつかったのは、flaskやbottleは使ったことあったので、使ったことな … hugo python falcon 2018-10-16
Hugoでブログを作る はじめに Hugoとは、go言語で書かれた、静的なwebサイトをbuildingするためのframeworkです。 Hugoを使ってブログを作ってみたので構築方法を簡単にまとめておきます。 サイトの作成 インストール brew install hugo テンプレートの作成 hugo new site … hugo 2018-10-16
Hugoでリンクを新しいウィンドウで開く リンクは新しいウィンドウで開いて欲しい派なんだけど、Hugoではデフォルトで通常のリンクの開きかた(?)をする。 hrefではtarget='_blank'を指定すれば良いのだが、markdownでどうすれば良いのか調べた。 Hugoでは次のようにconfig.tomlするといける。 … hugo 2018-10-16
Hugoにgoogle analyticsを導入する Hugoにgoogle analytics(ga)を導入しようと思ったら意外と簡単だった。 まず、gaアカウントを作成。 config.tomlに googleAnalytics = "{ga tracking ID}" を設定するだけ。 google-analytics hugo 2018-10-16
Hugoのディレクトリ構造やデプロイ方法の備忘録 久しぶりにHugoを触ったら、ディレクトリ構造からデプロイ方法までさっぱり忘れていたので、久しぶりに触った際のために備忘録を残す。 ディレクトリ 基本的なディレクトリは以下 markdownを書いたりと普段触るのはcontentディレクトリになる。 デプロイ後生成されるpublicディレクトリはサー … hugo 2018-10-16
Hugoの記事でコードハイライトする Hugoでコードのシンタックスハイライトする場合のメモ Hugo自体の機能を使う方法と、ハイライトする機能を持つjavascriptを読み込む2つの方法がある。 Hugo自体の機能使う Hugo 0.28からGo機能でシンタックスハイライトが可能になった。 Syntax Highlighting … hugo 2018-10-16