2024-04-05 / @syui

yui , gitea

サイトのレイアウトを変更した

yui.syui.aiというyuiの公式サイトを大幅に更新しました。

更新作業は現在も進行中で、まだ微調整が続くかもしれませんが、今回やったことをまとめます。

やったことは結構多くて、漫画のページを新しく作り直したことから始まり、コメントシステムを作って、それから公式サイトも作り直して、公式サイトに載せているterminalとかを分離したうえで書き直したり、giteaのthemeを作って適用したり、色々やってました。

なぜこのようなことをやり始めたかというと、作品を最初から漫画で書きたいなと前々から思ってて、それを掲載するためのページを整えていたら、なぜか新しくgitアイコンまでデザインしはじめていました。

公式サイトをhugoで作ってるのは文章でも書こうかなと思って。

私自身がアイのことを知ったり、自分のことを知ったり、世界のことを知ったりできるページにしたいな。

gitea custom theme

giteaでcustom themeを当てるやり方にちょっとハマったので紹介。

https://docs.gitea.com/administration/customizing-gitea

基本的には以下のようなfileを編集します。

  • /data/gitea/public/assets/img/logo.svg
  • /data/gitea/templates/home.tmpl
# https://github.com/go-gitea/gitea/tree/main/templates
$ sudo docker compose restart

templatesはなかなか厄介で、srcにあるような特殊なtagは基本的に使えないと思っておいたほうがいいです。

{{template "custom/footer" .}}
<html>
<body>
<footer class="page-footer">
        <div class="left-links">© syui</div>
        <div class="right-links"> <a href="https://github.com/go-gitea/gitea">gitea</a> </div>
</footer>
</body>
</html>