55 lines
2.1 KiB
Markdown
55 lines
2.1 KiB
Markdown
|
+++
|
||
|
|
date = "2024-04-05"
|
||
|
|
tags = ["yui","gitea"]
|
||
|
|
title = "サイトのレイアウトを変更した"
|
||
|
|
slug = "yui"
|
||
|
|
+++
|
||
|
|
|
||
|
|
[yui.syui.ai](https://yui.syui.ai)という`yui`の公式サイトを大幅に更新しました。
|
||
|
|
|
||
|
|
更新作業は現在も進行中で、まだ微調整が続くかもしれませんが、今回やったことをまとめます。
|
||
|
|
|
||
|
|
やったことは結構多くて、漫画のページを新しく作り直したことから始まり、コメントシステムを作って、それから公式サイトも作り直して、公式サイトに載せている`terminal`とかを分離したうえで書き直したり、`gitea`のthemeを作って適用したり、色々やってました。
|
||
|
|
|
||
|
|
なぜこのようなことをやり始めたかというと、作品を最初から漫画で書きたいなと前々から思ってて、それを掲載するためのページを整えていたら、なぜか新しく`git`アイコンまでデザインしはじめていました。
|
||
|
|
|
||
|
|
<img src="https://git.syui.ai/assets/img/logo.svg" width="100px">
|
||
|
|
|
||
|
|
公式サイトを`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
|
||
|
|
|
||
|
|
```sh
|
||
|
|
# https://github.com/go-gitea/gitea/tree/main/templates
|
||
|
|
$ sudo docker compose restart
|
||
|
|
```
|
||
|
|
|
||
|
|
`templates`はなかなか厄介で、srcにあるような特殊なtagは基本的に使えないと思っておいたほうがいいです。
|
||
|
|
|
||
|
|
```html:/data/gitea/templates/home.tmpl
|
||
|
|
{{template "custom/footer" .}}
|
||
|
|
```
|
||
|
|
|
||
|
|
```html:/data/gitea/templates/custom/footer.tmpl
|
||
|
|
<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>
|
||
|
|
```
|
||
|
|
|