feat: dark color scheme, omnisrv support, correct page dates
This commit is contained in:
parent
dbaeaf24fa
commit
c8b4ac408e
9 changed files with 90 additions and 33 deletions
67
README.md
67
README.md
|
@ -1,27 +1,67 @@
|
|||
# amaharacya.one
|
||||
|
||||
本網站的主頁。
|
||||
|
||||
## 基本流程
|
||||
|
||||
1. 克隆此倉庫
|
||||
- `git clone --recursive https://git.amaharacya.one/amainait/amaharacya.one.git`
|
||||
首先,克隆此倉庫:
|
||||
|
||||
2. 選擇 SSG 引擎
|
||||
- [dummy-ssg](https://codeberg.org/haydenwu/dummy-ssg): 準備依賴: `apt install php-cli php-mbstring php-xml`
|
||||
<!-- - omnisrv: 即將推出 -->
|
||||
- `git clone https://git.amaharacya.one/amainait/amaharacya.one.git`
|
||||
|
||||
3. 構建靜態頁面
|
||||
之後,選擇任一伺服方案:
|
||||
|
||||
### [dummy-ssg](https://codeberg.org/haydenwu/dummy-ssg)
|
||||
|
||||
<details>
|
||||
<summary>展開閱讀</summary>
|
||||
|
||||
1. 準備 dummy-ssg 環境
|
||||
- 準備子模組: `git submodule update --init ssg`
|
||||
- 準備依賴: `apt install php-cli php-mbstring php-xml`
|
||||
- 對於非 Debian 系統,可直接運行 `./mk.sh`,參考錯誤訊息補充缺失的 PHP 依賴。一些發行版的 PHP 自帶 php_mbstring 和 php-xml。
|
||||
|
||||
2. 構建靜態頁面
|
||||
- `./mk.sh`
|
||||
- 結果置於 `out` 目錄。
|
||||
|
||||
4. 伺服
|
||||
3. 伺服
|
||||
- `python3 -m http.server -d out`
|
||||
- 正式部署請使用更好的靜態檔案伺服器。
|
||||
|
||||
</details>
|
||||
|
||||
### [omnisrv](https://codeberg.org/NaitLee/omnisrv)
|
||||
|
||||
<details>
|
||||
<summary>展開閱讀</summary>
|
||||
|
||||
1. 準備 omnisrv 程式:
|
||||
|
||||
```sh
|
||||
git clone https://codeberg.org/NaitLee/omnisrv.git
|
||||
cd omnisrv
|
||||
go build ./bin ./cmd/...
|
||||
export PATH="$(pwd)/bin:$PATH"
|
||||
```
|
||||
|
||||
若無法安裝 Go 依賴,可配置 [Goproxy](https://goproxy.cn/)。
|
||||
|
||||
2. **任選一個**使用方式:
|
||||
|
||||
```sh
|
||||
cd ../amaharacya.one
|
||||
omnisrv -site src -addr [::]:8080
|
||||
omnisrv-ssg -site src -out out
|
||||
omnisrv-9p -site src -proto unix -addr /tmp/omnisrv
|
||||
```
|
||||
|
||||
</details>
|
||||
|
||||
## 小技巧
|
||||
|
||||
新頁面放在 `src/pages`。
|
||||
新頁面放在 `src/page`。
|
||||
|
||||
PHP 模板在 `tpl/*.php`。
|
||||
PHP 模板在 `tpl/*.php`;omnisrv 模板為 `tmpl.html`。
|
||||
|
||||
一級標題在 `/page` 頁面自動列出。
|
||||
|
||||
|
@ -29,13 +69,14 @@ PHP 模板在 `tpl/*.php`。
|
|||
|
||||
```
|
||||
---
|
||||
title Building Website
|
||||
lang en-US
|
||||
title 標題
|
||||
lang zh-TW
|
||||
date 2025-09-29
|
||||
---
|
||||
|
||||
# About How to Build a Website
|
||||
# 長標題
|
||||
|
||||
...
|
||||
正文...
|
||||
```
|
||||
|
||||
## 授權
|
||||
|
|
2
mk.sh
2
mk.sh
|
@ -6,7 +6,7 @@ if [ ! -e ssg/main.php ]; then
|
|||
echo "Try to install git, then run this script again"
|
||||
exit 1
|
||||
fi
|
||||
if ! git submodule update --init --recursive; then
|
||||
if ! git submodule update --init ssg; then
|
||||
if [ ! -e ssg/main.php ]; then
|
||||
echo "error: failed to init submodule dummy-ssg"
|
||||
echo "Check your network connection and the error message above"
|
||||
|
|
|
@ -1,3 +1,7 @@
|
|||
---
|
||||
status 404
|
||||
---
|
||||
|
||||
# 404 Not Found
|
||||
|
||||
<div style="text-align: center;">
|
||||
|
|
|
@ -17,7 +17,6 @@ body {
|
|||
color: var(--fore);
|
||||
background-color: var(--back);
|
||||
font-family: "Noto Sans", "Noto Sans CJK TW", "Noto Sans TW", sans-serif;
|
||||
/* font-size: large; */
|
||||
}
|
||||
|
||||
a:any-link {
|
||||
|
@ -39,6 +38,12 @@ main {
|
|||
line-height: 1.8;
|
||||
}
|
||||
|
||||
main > img {
|
||||
display: block;
|
||||
width: 29.7cm;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
nav {
|
||||
margin-top: 1em;
|
||||
padding: 0 16pt;
|
||||
|
@ -50,6 +55,7 @@ nav {
|
|||
top: 0;
|
||||
text-align: center;
|
||||
background-color: var(--back);
|
||||
z-index: 1;
|
||||
}
|
||||
nav a {
|
||||
display: inline-block;
|
||||
|
@ -115,17 +121,15 @@ table.pages td:nth-child(1) {
|
|||
}
|
||||
}
|
||||
|
||||
/*
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--fore: #6991b9;
|
||||
--back: #101010;
|
||||
--theme: #57a0e1;
|
||||
--fore: #a0b8d0;
|
||||
--back: #121212;
|
||||
--theme: #5aa5e6;
|
||||
--shade: rgba(255, 255, 255, 0.15);
|
||||
}
|
||||
|
||||
img {
|
||||
filter: brightness(0.8);
|
||||
filter: brightness(0.95);
|
||||
}
|
||||
}
|
||||
*/
|
||||
|
|
|
@ -1,3 +1,7 @@
|
|||
---
|
||||
date 2025-09-14
|
||||
---
|
||||
|
||||
# 本站建有 Git 服務
|
||||
|
||||
## 簡介
|
||||
|
|
|
@ -1,3 +1,7 @@
|
|||
---
|
||||
date 2025-09-14
|
||||
---
|
||||
|
||||
# 本站建有 XMPP 服務
|
||||
|
||||
## 簡介
|
||||
|
|
|
@ -1,7 +1,5 @@
|
|||
---
|
||||
{
|
||||
"lang": "en"
|
||||
}
|
||||
date 2025-09-10
|
||||
---
|
||||
|
||||
# Hello, world!
|
||||
|
|
|
@ -1,3 +1,7 @@
|
|||
---
|
||||
date 2025-09-24
|
||||
---
|
||||
|
||||
# 本站提供伺服器出租服務
|
||||
|
||||
## 簡介
|
||||
|
|
|
@ -15,16 +15,14 @@
|
|||
{{- template "bio" . -}}
|
||||
{{- else if eq .Url "/page" -}}
|
||||
{{- template "pages" . -}}
|
||||
{{- else if .Contentful -}}
|
||||
{{- .Html -}}
|
||||
{{- else -}}
|
||||
<p>此頁為空</p>
|
||||
{{- .Html -}}
|
||||
{{- end}}
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
{{define "nav"}}
|
||||
{{- define "nav" -}}
|
||||
<nav>
|
||||
<a href="/" class="logo-link">
|
||||
<svg class="logo" height="36" viewBox="0 0 512 64" aria-label="Amaharacya.one">
|
||||
|
@ -36,9 +34,9 @@
|
|||
<a href="/">關於</a>
|
||||
</div>
|
||||
</nav>
|
||||
{{end}}
|
||||
{{- end -}}
|
||||
|
||||
{{define "bio"}}
|
||||
{{- define "bio" -}}
|
||||
<div class="bio">
|
||||
<div class="bio__pic">
|
||||
<img height="640" src="/assets/amahara-full.webp" alt="雨晴的立繪">
|
||||
|
@ -49,9 +47,9 @@
|
|||
</div>
|
||||
<div class="bio__intro">{{.Html}}</div>
|
||||
</div>
|
||||
{{end}}
|
||||
{{- end -}}
|
||||
|
||||
{{define "pages"}}
|
||||
{{- define "pages" -}}
|
||||
{{.Html}}
|
||||
<table class="pages">
|
||||
<tbody>
|
||||
|
@ -63,4 +61,4 @@
|
|||
{{- end -}}
|
||||
</tbody>
|
||||
</table>
|
||||
{{end}}
|
||||
{{- end -}}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue