はてなブックマーク

Hugo v0.62.0 クリスマスエディションが今年もリリースされました。 Hugo v0.62.0 release notes 今回の目玉機能 Markdown Render Hooks の使い方を解説します。 Hooks は Markdown parser に Goldmark を利用している時に利用可能で、最新の Hugo はデフォルト Markdown parser が Goldmark です。 Markdown Render Hooks - Configure Markup | Hugo Markdown Render Hooks はリンクや画像に対してある属性を付けたい、など共通の処理を施したい時に重宝します。ショートコードを作らなければならない場面がぐっと減るでしょう。ショートコードではなく、普通のマークダウンを維持できるので、エディターや Headless CMS のプレ

Docker Hub から GitHub Packages へ Git tag やブランチをトリガーに Docker image を自動でビルドして Docker registry で公開・配布したいとなると、まず Docker Hub の利用が候補として考えられます。 あれだけの機能を無料で提供してくれている Docker Hub 開発チームには本当に感謝しているのですが、一点だけ不満があります。実行時間です。Docker Hub はビルドの開始が遅く、実行時間も結構かかりがちです。 これの解決策として外部サービスで Docker image をビルドして、そこから Registry に image を Push することが考えられます。外部サービスには色々な選択肢がありますが、今回は GitHub Actions を選びました。ビルド行程を GitHub Actions で行えば Do

Awesome Hugo Go 言語製の静的サイトジェネレーター Hugo も Awesome リポジトリがあります。 budparr/awesome-hugo: A curated list of awesome things related to Hugo, The world's fastest framework for building websites. この記事では上記リポジトリからいくつかをピックアップして紹介します。 Hugo 公式サイトへのリンク Hugo - GitHub GoHugoIO - Twitter Hugo 公式サイト - gohugo.io Hugo ニュース Hugo ドキュメント Hugo Themes Hugo Discussion Forum - Discourse Gitter Channel (for Hugo development dis

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Gatsby.js で構築しているブログ・サイトの GitHub Pages へのデプロイを GitHub Actions を利用して自動化する話です。 Gatsby のプロジェクトを用意 この記事では gatsbyjs/gatsby-starter-blog: Gatsby starter for creating a blog を例として用います。 GitHub Actions の設定 最新の情報は Action のリポジトリにて確認してください。 peaceiris/actions-gh-pages: GitHub Actions for deploying to GitHub Pages with Static Site Generators GitHub Actions による GitHub Pages への自動デプロイ - Qiita Workflow の追加 以下のワークフロ

GitHub Actions の登場により GitHub Pages へのデプロイがとても簡単になりました。手順を書いた YAML ファイルを Push するだけでビルド・デプロイの CI/CD を構築できます。この記事では GitHub Actions を用いて GitHub Pages へのデプロイを自動化する方法を紹介します。 Hugo のブログ・サイトの場合 具体的には以下のような YAML ファイルをデフォルトブランチに .github/workflows/gh-pages.yml として Push するだけで GitHub Pages へのデプロイが始まり、サイトが公開されます。 name: GitHub Pages on: push: branches: - main # Set a branch name to trigger deployment pull_request

Hugo や Hugo extended が動作する Docker image の作成方法について知見をまとめます。 Hugo の Docker image 現在 Hugo 公式 (gohugoio) が提供する Docker image はありません。 Docker Hub に gohugoio のアカウントがありますが、あれは GoHugoIO が管理しているものではありません。 手っ取り早く Hugo の Docker image が欲しい方は私が管理しているものを良かったら使ってください。新しいリリースがあればその日のうちに更新するようにしています。 CircleCI や GitLab CI/CD で使いたい場合は以下のイメージをどうぞ。 peaceiris/hugo-extended-docker: Docker image of Hugo (Hugo extended and

Hugo v0.56 がリリース Hugo 0.56.0: Hugo Modules and Deployment | Hugo 今回のリリース Hugo v0.56 では Hugo Modules と Hugo deploy の二つの新機能が実装されました。この記事ではそれらの紹介をします。 homebrew-core の Hugo は既に v0.56 へ更新されています。Docker で試したい方は Docker image of Hugo extended version を使ってみてください。GitHub Actions で試したい方は GitHub Actions for Hugo extended をどうぞ。もちろん Release v0.56.0 - gohugoio/hugo からバイナリをダウンロードして実行もできます。 Hugo Modules Hugo Modules

github.com 以下には GitHub のリポジトリ、gitlab.com 以下には GitLab のリポジトリが配置されている状態です。 gitlab.com 以下にいる時だけ ~/.dotfiles/git/gitconfig.gitlab を読み込むようにして user.email を GitLab に登録した Email で上書きします。 [user] name = peaceiris email = 30958501+peaceiris@users.noreply.github.com [includeIf "gitdir:~/Documents/repos/gitlab.com/"] path = ~/.dotfiles/git/gitconfig.gitlab

概要 - Overview この辞書を Google 日本語入力や ATOK, Microsoft IME などに導入することで、 GitHub, Slack, Qiita のようにコロン : をトリガーとして IME でも絵文字を入力することができるようになります。 「GitHub, Slack, Qiita 以外のアプリケーションでも GitHub, Slack, Qiita のように絵文字を入力したい」 という要望に応えるための IME 追加辞書です。 ちなみに GitHub や Qiita は英語で絵文字を探す必要がありますが、この辞書を利用することで GitHub や Qiita でも Slack のように日本語で絵文字を入力することができるようになります。 GitHub に MIT License で公開しており、現在は 8264 ペアの絵文字とその読みが収録されています。

概要 圧縮というか品質を GhostScript で調整してPDFのファイルサイズを削減する話です。 インターネット経由でPDFを共有するなら容量はなるべく小さい方がいい。膨らみがちなPDFのファイルサイズを小さくする方法はないかと PDF 圧縮 なんて検索すると Web サービスがいくつかヒットしますが、PDF の内容次第ではそのようなサービスを利用したくないこともあるでしょう。 そこで、なるべくローカルで完結させたい・コマンドラインで処理したいという要望に応えるべく、この記事では「GhostScript でPDFのファイルサイズを減らす方法」を紹介します。 Install GhostScript GhostScript が必要なのでインストールしてください。 普段 TeX・LaTeX なんかを使っている人はすでに GhostScript がインストールされているかもしれません。 gs

Visual Studio Code の拡張機能 Settings Sync は Gist を経由して複数デバイスの設定を同期することができる便利なものですが、Ubuntu の VS Code と macOS の VS Code では分けたい設定もあると思います。 例えば MacBook Pro と Ubuntu Desktop の間で VS Code の設定を共有した場合には、画面サイズが異なるでしょうから editor.fontSize を共有したくないこともあります。 この記事では Visual Studio Code の拡張機能 Settings Sync で特定の設定を共有せずにデバイスごとに設定する方法を解説します。 設定方法 Gist で共有されない syncLocalSettings.json の中にある replaceCodeSettings で共有したくない設定項目を書

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事について この記事は Hugo でブログを始めようとしている方へ向けた Hugo 入門記事となっており、Hugo による静的なブログの構築・運用方法 を簡単にですが紹介します。 Hugo の Awesome は以下をどうぞ。 Awesome Hugo - 有用なリンクまとめ - Qiita 動的サイトから静的サイトへ WordPress で構築する、というのが長らくブログ運用の主流でした。もちろん現在も多くのサイトが WordPress によって運用されていますが、最近では「 静的サイト 」という選択肢も広まってきています。(調