hugo on org-mode

2024-10-16 (Last Modified: 2024-10-17)

Page content

org-mode

Org-modeでhugoの記事を書く - タカツのサイト

わかりやすいサイト。ここ見たらだいたい分かる。

水平線

'-'5つ以上並べる

-----

htmlをそのまま書く

"#+begin_export html" と "#+end_export" の間に書いた html はそのまま html として処理される。

#+begin_export html
 <div class="iframely-embed"><div class="iframely-responsive" style="height: 140px; padding-bottom: 0;"><a href="https://blog.sorakote.net/" data-iframely-url="//iframely.net/Xfn3lsC"></a></div></div><script async src="//iframely.net/embed.js"></script>
#+end_export

Shortcodes

参考: Shortcodes | Hugo

figure

画像

{{< figure src="/images/20241014/DSC_0544.webp" title="焚き火" hight="480" width="480" >}}

{{< figure src="/images/20241014/DSC_0544.webp" link="https://blog.sorakote.net/" target="_blank" alt="焚き火でお菓子を炙っている様子" title="焚き火台" class="" height="30%" width="30%" >}}

hugo_insert_image.rb

手動では面倒すぎるのでrubyを使ってる。

highlight

higlight

{{< highlight go-html-template >}}
{{ range .Pages }}
<h2><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h2>
{{ end }}
{{< /highlight >}}

{{ range .Pages }}
<h2><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h2>
{{ end }}

{{< highlight html >}}
 <div class="iframely-embed"><div class="iframely-responsive" style="height: 140px; padding-bottom: 0;"><a href="https://blog.sorakote.net/" data-iframely-url="//iframely.net/Xfn3lsC"></a></div></div><script async src="//iframely.net/embed.js"></script>
{{< /highlight >}}

 <div class="iframely-embed"><div class="iframely-responsive" style="height: 140px; padding-bottom: 0;"><a href="https://blog.sorakote.net/" data-iframely-url="//iframely.net/Xfn3lsC"></a></div></div><script async src="//iframely.net/embed.js"></script>

行番号付きhighlight

{{< highlight go-html-template "lineNos=inline, lineNoStart=32" >}}
{{ range .Pages }}
  <h2><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h2>
{{ end }}
{{< /highlight >}}

32{{ range .Pages }}
33  <h2><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h2>
34{{ end }}

ref

[[{{% ref "/posts/202410152240.journal.org#headline-2" %}}][見出し 2]]

見出し 2

拡張子 .orgは省略できる模様。

[[{{% ref "/posts/202410152240.journal#headline-2" %}}][見出し 2]]

'% … %'でなく'< … >'でも行けるんだ。

[[{{< ref "/posts/202410152240.journal#headline-3" >}}][見出し 3]]

見出し 3

relref

[[{{< relref "/posts/202410152240.journal#headline-4" >}}][見出し 4]]

見出し 4

'ref' と 'relref' localではレンダリングの違いが分からない。

twitter

{{< twitter user="tsut" id="1500695974473506816" >}}

これを柿の種として売っていいのか? pic.twitter.com/Lc8dWkJu5F
— tsut (@tsut) March 7, 2022

youtube

{{< youtube 3rHk2RbSL60 >}}

アマゾンアフィリエイトリンク

{{< amazon asin="B09LQSBPWJ" title="Shokz (ショックス) OpenRun 骨伝導イヤホン 磁気充電 ワイヤレス Bluetooth5.1 オープン イヤーヘッドホン 耳を塞がない 自動ペアリングヘッドフォン マイク付き 技適認証済み ランニング・スポーツイヤフォン IP67防塵防水 急速充電 8時間再生 マグネット充電 ブラック : 家電＆カメラ" >}}
{{< amazon asin="B0CTLLH658" title="白光(HAKKO) デジタル式温度制御はんだこて FX600D-813 温度範囲200～540℃ 平型プラグ | ハンダゴテ" >}}
{{< amazon asin="B09B8P3RK1" title="Echo Dot 第5世代 - センサー搭載、鮮やかなサウンド with Alexa" >}}

画像が出ないやつどうすれば良いのか？

amazon.htmlの変更

画像リンクのurlを変更した。今まで表示できなかったEcho Dotの画像が表示されるようになった。Shocz OpenRunとかはやっぱりだめ。少し表示できる商品が広がったってことで変更後を使ってみる。

画像のリンクurlが、ちょっとずつ違う説あるね。