2.1 KiB
2.1 KiB
+++ date = "2024-04-05" tags = ["yui","gitea"] title = "サイトのレイアウトを変更した" slug = "yui" +++
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>