sounisi5011
commented
3 years ago head要素内の要素以外でも、例えば
・src/pages/_head/ogp.pug内でhtml(prefix="og: https://ogp.me/ns#")/のような表記を追加して、html要素にprefix属性を追加する
・src/pages/novels.pug内でbody(itemscope itemtype="http://schema.org/CollectionPage")/のような表記を追加して、body要素のitemtype属性を上書きする
などが使える。
このサイトでは、HTMLの生成方法にPugを使用し、重複箇所をモジュール化している。たとえば、
html要素やhead要素はsrc/pages/_layout.pugで生成し、表示対象ページではbody要素の内容しか記述していない。しかしこの方法では、head要素内にlink要素やmeta要素を挿入する事が難しくなってしまう。例えば
src/pages/novels.pugでは、novels.cssとnovel-list.cssを読み込ませるため、FrontmatterでlocalPageStylesを使用し定義している。しかし、これは明らかに直感的ではない。そこで、Svelteの
svelte:head要素のように、ネストしたhead要素、html要素、body要素に対応する機能が欲しい。これは、PostHTMLで実現できるように思う。