Hugo

使用しているテーマの問題かと思って、じっくり覚えていこうかと思っていたことがありました。 よくあるindexでの表示において、記事全文が表示されるのではなく、記事の途中までは表示されるけど、全文は記事本体のURLに行かないと表示されないというものです。 ...

Wordpressでは当たり前の機能ではありますが、サイトを開いたトップページ、いわゆる一覧ページに写真を出す、というカスタマイズを行ってみました。 これは、どちらかというと使っているテーマによるのかもしれませんね。 参考にしたサイトは、こちらです。 トップページにアイキャッチのサムネイル画像を入れる なんとなく、普通のブログっぽくはなってきました。

hugoでは、HTMLが挿入できない事は承知の上なんですが、実際挿入してみたらどうなるか、試してみたいと思いました。 こんにちは もちろんマークダウン方式で書けば行けます。画像などの表示に使っているショートコードだと、エラーになります。 ショートコードで設定しておく方が安全だと思うのですが、今回やりたかったのは、あくまで自由にいつでもHTMLを書く事なので、今回はconfig.tomlを集成しました。 [markup.goldmark.renderer] unsafe= true こちらをconfig.tomlに追記すると、無事HTMLが使えるようになりました。

当たり前の話ではあるんですが、hugoには、partialの中にhead.htmlとheader.htmlがあるんですね。 head.htmlは、メタなどのhead情報が入り、header.htmlは、見た目のヘッダーがはいる、と。 しかし、そうなるとhugoには、全てのページで同じCSSを読み込む、というのが仕様なんでしょうか。 それとも個別にこのページだけCSSを読み込む時は、body内で読み込む、というやり方になるんでしょうか。

hugoでは、未来の日付は登録できない ……のですね。 先のエントリで、なんとなく「明日」の日付を入れようとして、四苦八苦してました。（少しでも更新日付が開いてないようにするズルだったのですが) 未来の日付が使えないとなると、wordpressでは、よくブログの最上部に固定エントリを出すために更新日付を「9999/12/31」にしている人を見かけますが、こういった固定エントリのやり方というのは、できない、ということですね。 もともとhugoは、ブログのためだけにある技術でもないし、アップデートで改善してく……なんてことも、しなくていいのかもしれません。

番外編：iPadでもhugo 現在Mac環境をiMac一本に絞っていることもあり、ブログをつける＝しっかりと机に座る、という状況にあります。 ですが、やっぱり気軽&手軽な環境というものは欲しいものです。 そこで、iPadにMarkdownエディタだけ、インストールしてみました。 #Type インストールしたのは、「#Type」imagesというmarkdownに特化しjpegィタです。 markdownには、記法というものがあり、HTMLを直で書くよりかは楽なものの、それでもやっぱり覚えなければならない「書き方」というものがスクリーン下部にGUIとなって並んでいるので、なかなか使いやすいですね。 画面右ですぐに反映されるプレビューが表示されているのもいいです。 デバイス間の同期には、お金がかかるみたいですが、そんな抜け道がたくさんある部分を有償にしてくれているのも、なかなか漢らしい。 開発者に感謝です。

アイキャッチは、baseURLで解決 アイキャッチがなぜ映らないのか、というのを調べていたところ、画像のパスがうまく通っていない、というのがわかりました。 もしかしたら、使っているテーマに問題があるのかも、とか一瞬思ったんだけど、パスの問題なら、config……たぶん、baseURLの設定がおかしいんだろう、ということで念のため設定を「/」に。 普通にアイキャッチが表示されるようになりました。　うまく、ドキュメントルートが認識できなかったんですね。

写真の貼り付けはできたけど、アイキャッチの登録方法がわからない 前回の投稿で、写真の貼り付けはできたけど、まだ、アイキャッチの登録方法がわかっていません。　本当ならば、indexページの時点でアイキャッチが並んでいて、多少なりとも魅力的なページになっていて欲しいものですが、まだそこがわかっていない段階です。 この記事にもアイキャッチの設定は、行っているのですが、パスの最後に妙なハッシュが入ってしまい、アイキャッチが表示されない状態です。 引き続き調査……。

写真を表示する まずは、とても当たり前な機能のテストです。 hugoでは、どうやって画像を表示するのか。 wordpressでは、意識することなく、単純に画像をドラッグアンドドロップすれば、挿入・表示できるものですが、hugoは、技術者、またはデザイナー向き。このあたりは、自分でやってね、という事なんでしょうか。 どちらかというと、今後のバージョンアップで簡単になりそうな気がしますね。