PIYO - Tech & Life -

ブログ

forestry.ioのCMSでブログを修正したら公開日のタイムゾーンが変わってしまう

普段はPCで書いているブログですが、たまにスマホでチェックしてて誤字に気づくことがあります。そんなときはそのままスマホで修正できるようにforestry.ioのCMS機能を使います。 https://blog.piyo.tech/posts/2018-04-10-forestry-cms/ これは便利で手軽で良いんですが、forestry側で修正すると公開日情報のタイムゾーンが変わってしまうという …

HugoにPV順の記事リストを配置する

HugoのPV順の記事リストを作ってみました。 Google Analyticsのpageview情報を利用していて、サイトビルド時にデータを取得するためのAPIはGo言語を使って自前で作りました。 https://blog.piyo.tech/posts/2018-05-22-analytics-api-via-echo/ まずはサイドバーにエリアを追加しました。

Hugoブログのシンタックスハイライトに行番号をつける

このブログ、ソースコードを載せることが多いです。載せたコードについて書く時、◯行目とかいいたくなったので行番号を表示したいなと思いました。 でも、Hugoってどうやってソースコード出してるんだろう?ということで調べてみると、元々はPygments、現在はGo実装のChromaというのを使っているようです。

Algoliaを使ってブログに全文検索をつける(検索index作成編)

Hugoに移行して以来かなり満足度が高いブログ活動ですが、記事機能がないのが惜しいなと思っています。検索の用途としては自分が昔書いたことを発掘するのがまず第一です。案外助けられることが多いんです。 もちろん、Google検索でsite:オプションを使うなどしても実現できるのはわかっています。ただ、やはり自分でやってみたいという気持ちがあったので今回チャレンジしました。すでにファーストバージョンは完 …

Hugoでブログリンクの見た目をはてなブログっぽくする

これまでHeartRails Captureを使ってきたブログ内リンクを自前の実装とショートコードに置き換えました。 以前使っていたはてなブログのリンクの表示形式が気に入っていたので、それをリスペクトする形でほぼ同じような見た目で表示できるようにしました。

echoで書いてるブログの用サーバーにベーシック認証をかけた

VPSでビルド用のサーバーを動かしているという話を書いたかと思います。 https://blog.piyo.tech/posts/2018-03-27-deploy-go/ 自分しか使わないのでベーシック認証を書ける形に変更しています。 その前に:echoについてちょっと 雑にいうと、expressとかsinatraとかっぽい書き方でサーバーを書けるGoのライブラリっぽいです。

Hugoで記事内のリンクを新しいタブで開く方法

HugoではMarkdownで記事を書いていますが、そのままだと記事内のリンクをクリックしたときに現在のタブで移動してしまいます。 離脱が!! かといってマークダウンの記法にはtarget blankする記法がありませんよね?なのでHugoのドキュメントを当たってみました。