2.6 KiB
2.6 KiB
teach.matsuuratomoya.com
Repository for teach.matsuuratomoya.com.
Author
Tomoya Matsuura 松浦 知也
Contact
- me[at]matsuuratomoya.com
授業関係の連絡はこちら↓ Related to courseworks
- teach[at]matsuuratomoya.com
使い方のメモ
hugo-bookをベースに、いくつか手を加えている。
hugo-micromorphで読み込み速度をめっちゃ早くしている。
インストール & ビルド
HugoとNode.jsを入れる。
git clone gitea:tomoyanoynmous/teach-matsuuratomoya-com.git # giteaは~/.sshの中で設定すること
hugo mod get -u
hugo mod npm pack
npm install
hugo server
新しい授業資料更新のファイル作成コマンド
hugo new --kind class content/docs/2023/code-design/10
カスタムショートコード
テーマのショートコードも使える。 https://github.com/alex-shpak/hugo-book#shortcodes
CallOutはhugo-admonitionが使える。
FontAwesomeのIconも使える。 https://github.com/hugomods/icons/vendors/font-awesome
embed_pdf PDFの埋め込み
embedで埋め込むだけ。Page Bundleになっている必要があるのでindex.mdと同ディレクトリでないと使えない
{{< embed_pdf >}}
mdと同ディレクトリにあるPDFのうち一番先頭のファイルを埋め込む。
---
...
params:
pdf_path:hoge.pdf
...
---
{{< embed_pdf >}}
フロントマッターで相対指定したPDFファイルを埋め込む。
{{< embed_pdf href = "hoge.pdf">}}
インライン指定したPDFファイルを埋め込む。
slides_jpg
{{< slides_jpg >}}
Page Resourcesの中のJPGを全部名前順に連番で表示する。keynoteでjpgエクスポートした連番ファイルをそのまま突っ込んで表示できる想定。
preview_code
指定したファイルを読み込んで通常のコードハイライト表示をし、ダウンロードのボタンを追加する。
これも埋め込むファイルがPage Resourcesになっている必要がある（サブディレクトリに入れることはできない。）
typeでシンタックスハイライトの種類を指定できる。
{{< preview_code href="tone_minimal.ino" type= "ino">}}