diff --git a/src/components/widget/Profile.astro b/src/components/widget/Profile.astro
index 4c0897d..22eddca 100644
--- a/src/components/widget/Profile.astro
+++ b/src/components/widget/Profile.astro
@@ -22,7 +22,7 @@ const config = profileConfig;
+
)}
-
}
@@ -97,7 +97,7 @@ class TableOfContents extends HTMLElement {
toggleActiveHeading = () => {
let i = this.active.length - 1;
- let min = this.active.length - 1, max = 0;
+ let min = this.active.length - 1, max = -1;
while (i >= 0 && !this.active[i]) {
this.tocEntries[i].classList.remove(this.visibleClass);
i--;
@@ -112,11 +112,15 @@ class TableOfContents extends HTMLElement {
this.tocEntries[i].classList.remove(this.visibleClass);
i--;
}
- let parentOffset = this.tocEl?.getBoundingClientRect().top || 0;
- let scrollOffset = this.tocEl?.scrollTop || 0;
- let top = this.tocEntries[min].getBoundingClientRect().top - parentOffset + scrollOffset;
- let bottom = this.tocEntries[max].getBoundingClientRect().bottom - parentOffset + scrollOffset;
- this.activeIndicator?.setAttribute("style", `top: ${top}px; height: ${bottom - top}px`);
+ if (min > max) {
+ this.activeIndicator?.setAttribute("style", `opacity: 0`);
+ } else {
+ let parentOffset = this.tocEl?.getBoundingClientRect().top || 0;
+ let scrollOffset = this.tocEl?.scrollTop || 0;
+ let top = this.tocEntries[min].getBoundingClientRect().top - parentOffset + scrollOffset;
+ let bottom = this.tocEntries[max].getBoundingClientRect().bottom - parentOffset + scrollOffset;
+ this.activeIndicator?.setAttribute("style", `top: ${top}px; height: ${bottom - top}px`);
+ }
};
scrollToActiveHeading = () => {
diff --git a/src/components/widget/WidgetLayout.astro b/src/components/widget/WidgetLayout.astro
index c90121a..870dcfb 100644
--- a/src/components/widget/WidgetLayout.astro
+++ b/src/components/widget/WidgetLayout.astro
@@ -2,6 +2,7 @@
import { Icon } from "astro-icon/components";
import I18nKey from "../../i18n/i18nKey";
import { i18n } from "../../i18n/translation";
+
interface Props {
id: string;
name?: string;
diff --git a/src/config.ts b/src/config.ts
index 33429be..f90bed1 100644
--- a/src/config.ts
+++ b/src/config.ts
@@ -1,4 +1,5 @@
import type {
+ ExpressiveCodeConfig,
LicenseConfig,
NavBarConfig,
ProfileConfig,
@@ -9,19 +10,19 @@ import { LinkPreset } from "./types/config";
export const siteConfig: SiteConfig = {
title: "Raiton",
subtitle: "Teenager and his daily life",
- lang: "en", // 'en', 'zh_CN', 'zh_TW', 'ja', 'ko', 'es', 'th'
+ lang: "en", // Language code, e.g. 'en', 'zh_CN', 'ja', etc.
themeColor: {
hue: 250, // Default hue for the theme color, from 0 to 360. e.g. red: 0, teal: 200, cyan: 250, pink: 345
- fixed: true, // Hide the theme color picker for visitors
+ fixed: false, // Hide the theme color picker for visitors
},
banner: {
- enable: true,
+ enable: false,
src: "assets/images/minimal-banner.png", // Relative to the /src directory. Relative to the /public directory if it starts with '/'
position: "center", // Equivalent to object-position, only supports 'top', 'center', 'bottom'. 'center' by default
credit: {
enable: false, // Display the credit text of the banner image
- text: "空色天絵 - NEO TOKYO NOIR", // Credit text to be displayed
- url: "https://www.pixiv.net/en/artworks/111024784", // (Optional) URL link to the original artwork or artist's page
+ text: "", // Credit text to be displayed
+ url: "", // (Optional) URL link to the original artwork or artist's page
},
},
toc: {
@@ -31,10 +32,10 @@ export const siteConfig: SiteConfig = {
favicon: [
// Leave this array empty to use the default favicon
{
- src: "/favicon/favicon-32x32.png", // Path of the favicon, relative to the /public directory
- // theme: 'light', // (Optional) Either 'light' or 'dark', set only if you have different favicons for light and dark mode
- sizes: "32x32", // (Optional) Size of the favicon, set only if you have favicons of different sizes
- },
+ src: '/favicon/favicon-32x32.png', // Path of the favicon, relative to the /public directory
+ // theme: 'light', // (Optional) Either 'light' or 'dark', set only if you have different favicons for light and dark mode
+ sizes: '32x32', // (Optional) Size of the favicon, set only if you have favicons of different sizes
+ }
],
};
@@ -91,3 +92,9 @@ export const licenseConfig: LicenseConfig = {
name: "CC BY-NC-SA 4.0",
url: "https://creativecommons.org/licenses/by-nc-sa/4.0/",
};
+
+export const expressiveCodeConfig: ExpressiveCodeConfig = {
+ // Note: Some styles (such as background color) are being overridden, see the astro.config.mjs file.
+ // Please select a dark theme, as this blog theme currently only supports dark background color
+ theme: "github-dark",
+};
diff --git a/src/constants/link-presets.ts b/src/constants/link-presets.ts
index 412d4aa..bb7db5d 100644
--- a/src/constants/link-presets.ts
+++ b/src/constants/link-presets.ts
@@ -1,6 +1,6 @@
-import { LinkPreset, type NavBarLink } from "@/types/config";
import I18nKey from "@i18n/i18nKey";
import { i18n } from "@i18n/translation";
+import { LinkPreset, type NavBarLink } from "@/types/config";
export const LinkPresets: { [key in LinkPreset]: NavBarLink } = {
[LinkPreset.Home]: {
diff --git a/src/i18n/languages/id.ts b/src/i18n/languages/id.ts
new file mode 100644
index 0000000..9143ed5
--- /dev/null
+++ b/src/i18n/languages/id.ts
@@ -0,0 +1,38 @@
+import Key from "../i18nKey";
+import type { Translation } from "../translation";
+
+export const id: Translation = {
+ [Key.home]: "Beranda",
+ [Key.about]: "Tentang",
+ [Key.archive]: "Arsip",
+ [Key.search]: "Cari",
+
+ [Key.tags]: "Tag",
+ [Key.categories]: "Kategori",
+ [Key.recentPosts]: "Postingan Terbaru",
+
+ [Key.comments]: "Komentar",
+
+ [Key.untitled]: "Tanpa Judul",
+ [Key.uncategorized]: "Tanpa Kategori",
+ [Key.noTags]: "Tanpa Tag",
+
+ [Key.wordCount]: "kata",
+ [Key.wordsCount]: "kata",
+ [Key.minuteCount]: "menit",
+ [Key.minutesCount]: "menit",
+ [Key.postCount]: "postingan",
+ [Key.postsCount]: "postingan",
+
+ [Key.themeColor]: "Warna Tema",
+
+ [Key.lightMode]: "Terang",
+ [Key.darkMode]: "Gelap",
+ [Key.systemMode]: "Sistem",
+
+ [Key.more]: "Lainnya",
+
+ [Key.author]: "Penulis",
+ [Key.publishedAt]: "Diterbitkan pada",
+ [Key.license]: "Lisensi",
+};
diff --git a/src/i18n/languages/tr.ts b/src/i18n/languages/tr.ts
new file mode 100644
index 0000000..dfd1d9c
--- /dev/null
+++ b/src/i18n/languages/tr.ts
@@ -0,0 +1,38 @@
+import Key from "../i18nKey";
+import type { Translation } from "../translation";
+
+export const tr: Translation = {
+ [Key.home]: "Anasayfa",
+ [Key.about]: "Hakkında",
+ [Key.archive]: "Arşiv",
+ [Key.search]: "Ara",
+
+ [Key.tags]: "Taglar",
+ [Key.categories]: "Katagoriler",
+ [Key.recentPosts]: "Son Paylaşımlar",
+
+ [Key.comments]: "Yorumlar",
+
+ [Key.untitled]: "Başlıksız",
+ [Key.uncategorized]: "Katagorisiz",
+ [Key.noTags]: "Tag Bulunamadı",
+
+ [Key.wordCount]: "kelime",
+ [Key.wordsCount]: "kelime",
+ [Key.minuteCount]: "dakika",
+ [Key.minutesCount]: "dakika",
+ [Key.postCount]: "gönderi",
+ [Key.postsCount]: "gönderiler",
+
+ [Key.themeColor]: "Tema Rengi",
+
+ [Key.lightMode]: "Aydınlık",
+ [Key.darkMode]: "Koyu",
+ [Key.systemMode]: "Sistem",
+
+ [Key.more]: "Daha Fazla",
+
+ [Key.author]: "Yazar",
+ [Key.publishedAt]: "Yayınlanma:",
+ [Key.license]: "Lisans",
+};
diff --git a/src/i18n/languages/vi.ts b/src/i18n/languages/vi.ts
new file mode 100644
index 0000000..33c36a0
--- /dev/null
+++ b/src/i18n/languages/vi.ts
@@ -0,0 +1,38 @@
+import Key from "../i18nKey";
+import type { Translation } from "../translation";
+
+export const vi: Translation = {
+ [Key.home]: "Trang chủ",
+ [Key.about]: "Giới thiệu",
+ [Key.archive]: "Kho bài",
+ [Key.search]: "Tìm kiếm",
+
+ [Key.tags]: "Thẻ",
+ [Key.categories]: "Danh mục",
+ [Key.recentPosts]: "Bài viết mới nhất",
+
+ [Key.comments]: "Bình luận",
+
+ [Key.untitled]: "Không tiêu đề",
+ [Key.uncategorized]: "Chưa phân loại",
+ [Key.noTags]: "Chưa có thẻ",
+
+ [Key.wordCount]: "từ",
+ [Key.wordsCount]: "từ",
+ [Key.minuteCount]: "phút đọc",
+ [Key.minutesCount]: "phút đọc",
+ [Key.postCount]: "bài viết",
+ [Key.postsCount]: "bài viết",
+
+ [Key.themeColor]: "Màu giao diện",
+
+ [Key.lightMode]: "Sáng",
+ [Key.darkMode]: "Tối",
+ [Key.systemMode]: "Hệ thống",
+
+ [Key.more]: "Thêm",
+
+ [Key.author]: "Tác giả",
+ [Key.publishedAt]: "Đăng vào lúc",
+ [Key.license]: "Giấy phép bản quyền",
+};
diff --git a/src/i18n/translation.ts b/src/i18n/translation.ts
index d8ed502..69ff5a2 100644
--- a/src/i18n/translation.ts
+++ b/src/i18n/translation.ts
@@ -2,9 +2,12 @@ import { siteConfig } from "../config";
import type I18nKey from "./i18nKey";
import { en } from "./languages/en";
import { es } from "./languages/es";
+import { id } from "./languages/id";
import { ja } from "./languages/ja";
import { ko } from "./languages/ko";
import { th } from "./languages/th";
+import { tr } from "./languages/tr";
+import { vi } from "./languages/vi";
import { zh_CN } from "./languages/zh_CN";
import { zh_TW } from "./languages/zh_TW";
@@ -28,6 +31,11 @@ const map: { [key: string]: Translation } = {
ko_kr: ko,
th: th,
th_th: th,
+ vi: vi,
+ vi_vn: vi,
+ id: id,
+ tr: tr,
+ tr_tr: tr,
};
export function getTranslation(lang: string): Translation {
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 6c0d3c8..c180522 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -3,8 +3,8 @@ import "@fontsource/roboto/400.css";
import "@fontsource/roboto/500.css";
import "@fontsource/roboto/700.css";
-import { profileConfig, siteConfig } from "@/config";
import ConfigCarrier from "@components/ConfigCarrier.astro";
+import { profileConfig, siteConfig } from "@/config";
import {
AUTO_MODE,
BANNER_HEIGHT,
@@ -17,7 +17,7 @@ import {
} from "../constants/constants";
import { defaultFavicons } from "../constants/icon";
import type { Favicon } from "../types/config";
-import { url, pathsEqual } from "../utils/url-utils";
+import { pathsEqual, url } from "../utils/url-utils";
import "katex/dist/katex.css";
interface Props {
@@ -84,8 +84,6 @@ const bannerOffset =
-
-
@@ -307,17 +305,6 @@ function initCustomScrollbar() {
autoHideSuspend: false,
},
});
- const preElements = document.querySelectorAll('pre');
- preElements.forEach((ele) => {
- OverlayScrollbars(ele, {
- scrollbars: {
- theme: 'scrollbar-base scrollbar-dark px-2',
- autoHide: 'leave',
- autoHideDelay: 500,
- autoHideSuspend: false
- }
- });
- });
const katexElements = document.querySelectorAll('.katex-display') as NodeListOf
;
@@ -330,14 +317,14 @@ function initCustomScrollbar() {
const processKatexElement = (element: HTMLElement) => {
if (!element.parentNode) return;
if (element.hasAttribute('data-scrollbar-initialized')) return;
-
+
const container = document.createElement('div');
container.className = 'katex-display-container';
container.setAttribute('aria-label', 'scrollable container for formulas');
-
+
element.parentNode.insertBefore(container, element);
container.appendChild(element);
-
+
OverlayScrollbars(container, {
scrollbars: {
theme: 'scrollbar-base scrollbar-auto',
@@ -346,7 +333,7 @@ function initCustomScrollbar() {
autoHideSuspend: false
}
});
-
+
element.setAttribute('data-scrollbar-initialized', 'true');
};
@@ -366,13 +353,13 @@ function initCustomScrollbar() {
function showBanner() {
if (!siteConfig.banner.enable) return;
-
+
const banner = document.getElementById('banner');
if (!banner) {
console.error('Banner element not found');
return;
}
-
+
banner.classList.remove('opacity-0', 'scale-105');
}
diff --git a/src/layouts/MainGridLayout.astro b/src/layouts/MainGridLayout.astro
index b1e27c6..e1f8e5c 100644
--- a/src/layouts/MainGridLayout.astro
+++ b/src/layouts/MainGridLayout.astro
@@ -1,7 +1,7 @@
---
+import BackToTop from "@components/control/BackToTop.astro";
import Footer from "@components/Footer.astro";
import Navbar from "@components/Navbar.astro";
-import BackToTop from "@components/control/BackToTop.astro";
import SideBar from "@components/widget/SideBar.astro";
import type { MarkdownHeading } from "astro";
import { Icon } from "astro-icon/components";
diff --git a/src/pages/[...page].astro b/src/pages/[...page].astro
index 504013b..f5a5de4 100644
--- a/src/pages/[...page].astro
+++ b/src/pages/[...page].astro
@@ -1,7 +1,7 @@
---
import type { GetStaticPaths } from "astro";
-import PostPage from "../components/PostPage.astro";
import Pagination from "../components/control/Pagination.astro";
+import PostPage from "../components/PostPage.astro";
import { PAGE_SIZE } from "../constants/constants";
import MainGridLayout from "../layouts/MainGridLayout.astro";
import { getSortedPosts } from "../utils/content-utils";
diff --git a/src/pages/about.astro b/src/pages/about.astro
index 9f3db2c..9556872 100644
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -1,12 +1,10 @@
---
-import MainGridLayout from "../layouts/MainGridLayout.astro";
-
-import { getEntry } from "astro:content";
-import { render } from "astro:content";
+import { getEntry, render } from "astro:content";
import Markdown from "@components/misc/Markdown.astro";
import I18nKey from "../i18n/i18nKey";
import { i18n } from "../i18n/translation";
+import MainGridLayout from "../layouts/MainGridLayout.astro";
const aboutPost = await getEntry("spec", "about");
diff --git a/src/pages/archive.astro b/src/pages/archive.astro
index 52ced04..90ede24 100644
--- a/src/pages/archive.astro
+++ b/src/pages/archive.astro
@@ -3,12 +3,12 @@ import ArchivePanel from "@components/ArchivePanel.svelte";
import I18nKey from "@i18n/i18nKey";
import { i18n } from "@i18n/translation";
import MainGridLayout from "@layouts/MainGridLayout.astro";
-import { getSortedPosts } from "../utils/content-utils";
+import { getSortedPostsList } from "../utils/content-utils";
-const sortedPosts = await getSortedPosts();
+const sortedPostsList = await getSortedPostsList();
---
-
+
diff --git a/src/pages/posts/[...slug].astro b/src/pages/posts/[...slug].astro
index fd0f31b..7fdfcb8 100644
--- a/src/pages/posts/[...slug].astro
+++ b/src/pages/posts/[...slug].astro
@@ -9,8 +9,8 @@ import { getSortedPosts } from "@utils/content-utils";
import { getDir, getPostUrlBySlug } from "@utils/url-utils";
import { Icon } from "astro-icon/components";
import { licenseConfig } from "src/config";
-import PostMetadata from "../../components/PostMeta.astro";
import ImageWrapper from "../../components/misc/ImageWrapper.astro";
+import PostMetadata from "../../components/PostMeta.astro";
import { profileConfig, siteConfig } from "../../config";
import { formatDateToYYYYMMDD } from "../../utils/date-utils";
@@ -63,7 +63,9 @@ const jsonLd = {
- {remarkPluginFrontmatter.minutes} {" " + i18n(I18nKey.minutesCount)}
+
+ {remarkPluginFrontmatter.minutes} {" " + i18n(remarkPluginFrontmatter.minutes === 1 ? I18nKey.minuteCount : I18nKey.minutesCount)}
+