Posts

これまで長い間放置しててきたemacsの設定たちを見直すついでに、use-pacakgeを使ってみようと思う。 https://github.com/jwiegley/use-package use-packageとは、emacsのパッケージ管理を強化するパッケージです。 use-packageのマ …

はじめに 現在、サーバー上にHugoとHugoが生成した静的ファイルを置いてブログを公開している。 静的ファイルの生成とmdファイルや画像ファイルのアップロードのためfalconを使ってapiサーバーを作った。 falconをつかったのは、flaskやbottleは使ったことあったので、使ったことな …

はじめに Hugoをおいているwebサーバーに画像や、mdファイルをアップロードするためのapiサーバーとしてfalconを使ってみた。ORMなど必要なく、簡単なアップロードができれば良いということで、軽量さとシンプルさが特徴のfalconを使う。 簡単なtipsをメモしておく。 …

はじめに Hugoとは、go言語で書かれた、静的なwebサイトをbuildingするためのframeworkです。 Hugoを使ってブログを作ってみたので構築方法を簡単にまとめておきます。 サイトの作成 インストール brew install hugo テンプレートの作成 hugo new site …

リンクは新しいウィンドウで開いて欲しい派なんだけど、Hugoではデフォルトで通常のリンクの開きかた(?)をする。 hrefではtarget='_blank'を指定すれば良いのだが、markdownでどうすれば良いのか調べた。 Hugoでは次のようにconfig.tomlするといける。 …

Hugoにgoogle analytics(ga)を導入しようと思ったら意外と簡単だった。 まず、gaアカウントを作成。 config.tomlに googleAnalytics = "{ga tracking ID}" を設定するだけ。

久しぶりにHugoを触ったら、ディレクトリ構造からデプロイ方法までさっぱり忘れていたので、久しぶりに触った際のために備忘録を残す。 ディレクトリ 基本的なディレクトリは以下 markdownを書いたりと普段触るのはcontentディレクトリになる。 デプロイ後生成されるpublicディレクトリはサー …

Hugoでコードのシンタックスハイライトする場合のメモ Hugo自体の機能を使う方法と、ハイライトする機能を持つjavascriptを読み込む2つの方法がある。 Hugo自体の機能使う Hugo 0.28からGo機能でシンタックスハイライトが可能になった。 Syntax Highlighting …

Hugoで書いた記事が検索で引っかからないなと思っていたら、descriptionタグが設定されていませんでした。 これでは検索に引っかからないのでdescriptionタグをつけましょう! html側で次のように書くと、markdownに書いたdescriptionが参照できます。 {{ …

Hugoに画像を載せるときは、shortcodesを使うと良いらしい。 画像を配置するディクトリを以下のように作っておく。 {root}/content/post/images/ 以下のように記述すると表示できる。 {{< figure …