reonokiy/blog
1
0
Fork 0
mirror of https://github.com/reonokiy/blog.nokiy.net.git synced 2025-06-16 19:51:07 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

update: post page layout

Browse source 
- Change default font style from sans to serif
- Add responsive mobile header class
- Update post images with new gallery images
- Modify post title and layout styling
- Simplify font style class application in Layout
This commit is contained in:
radishzzz 2025-02-16 01:43:54 +00:00
parent e2cce321fc
commit c63eaa3792
9 changed files with 13 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/MobileHeader.astro
View file

@ -14,7 +14,7 @@ const marginBottom = {
}[titleSpace] || 'mb-4.6' }[titleSpace] || 'mb-4.6'
--- ---
<header class="mb-17"> <header class="mb-17 lg:hidden">
<h3 class={`${marginBottom} mt-4.7 text-8.6 c-secondary font-bold font-title`}> <h3 class={`${marginBottom} mt-4.7 text-8.6 c-secondary font-bold font-title`}>
<!-- Fix text cut issue on ios by adding a div tag --> <!-- Fix text cut issue on ios by adding a div tag -->
<div <div

4
src/config.ts
View file

@ -34,8 +34,8 @@ export const themeConfig: ThemeConfig = {
global: { global: {
locale: 'zh', // support 'zh', 'zh-tw', 'ja', 'en', 'es', 'ru'. Default language setting locale: 'zh', // support 'zh', 'zh-tw', 'ja', 'en', 'es', 'ru'. Default language setting
moreLocale: ['zh-tw', 'ja', 'en', 'es', 'ru'], // ['zh', 'zh-tw', 'ja', 'en', 'es', 'ru']. Not fill in the default locale code again moreLocale: ['zh-tw', 'ja', 'en', 'es', 'ru'], // ['zh', 'zh-tw', 'ja', 'en', 'es', 'ru']. Not fill in the default locale code again
fontStyle: 'sans', // support sans or serif. Font styles for post content fontStyle: 'serif', // sans, serif. Font styles for post content
titleSpace: 3, // support 1, 2 or 3. Space between title and subtitle titleSpace: 3, // 1, 2, 3. Space between title and subtitle
}, },
// GLOBAL SETTINGS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> END // GLOBAL SETTINGS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> END

2
src/content/posts/retypeset_zh.md
View file

@ -1,5 +1,5 @@
--- ---
title: Retypeset 主题介绍 title: 主题介绍
published: 2024-01-25 published: 2024-01-25
tags: ["Astro", "博客主题"] tags: ["Astro", "博客主题"]
--- ---

2
src/content/posts/容忍与自由.md
View file

@ -4,7 +4,7 @@ published: 2022-06-17
tags: ["胡适"] tags: ["胡适"]
--- ---
![这是图片的说明文字这是图片的说明文字](https://image.radishzz.cc/image/01-oneui/14.webp) ![这是图片的说明文字](https://image.radishzz.cc/image/gallery/02.webp)
十七八年前，我最后一次会见我的母校康耐儿大学的史学大师布尔先生（George Lincoln Burr）。我们谈到英国史学大师阿克顿（Lord Acton）一生准备要著作一部《自由之史》，没有写成他就死了。布尔先生那天谈话很多，有一句话我至今没有忘记。他说，“我年纪越大，越感觉到容忍（tolerance）比自由更重要”。 十七八年前，我最后一次会见我的母校康耐儿大学的史学大师布尔先生（George Lincoln Burr）。我们谈到英国史学大师阿克顿（Lord Acton）一生准备要著作一部《自由之史》，没有写成他就死了。布尔先生那天谈话很多，有一句话我至今没有忘记。他说，“我年纪越大，越感觉到容忍（tolerance）比自由更重要”。

2
src/content/posts/故乡.md
View file

@ -4,7 +4,7 @@ published: 2024-01-10
tags: ["鲁迅"] tags: ["鲁迅"]
--- ---
![](https://image.radishzz.cc/image/01-oneui/21.webp) ![](https://image.radishzz.cc/image/gallery/03.webp)
我冒了嚴寒，回到相隔二千餘里，別了二十餘年的故鄉去。 我冒了嚴寒，回到相隔二千餘里，別了二十餘年的故鄉去。

2
src/content/posts/羅生門.md
View file

@ -4,7 +4,7 @@ published: 2022-03-05
tags: ["芥川龙之介"] tags: ["芥川龙之介"]
--- ---
![](https://fuwari.vercel.app/_astro/cover.CgGywNHJ_1wRFtk.webp) ![](https://image.radishzz.cc/image/gallery/06.webp)
ある日の暮方の事である。一人の下人げにんが、羅生門らしょうもんの下で雨やみを待っていた。 ある日の暮方の事である。一人の下人げにんが、羅生門らしょうもんの下で雨やみを待っていた。

8
src/layouts/Layout.astro
View file

@ -23,13 +23,13 @@ interface Props {
} }
const { postTitle, postDescription, postImage } = Astro.props const { postTitle, postDescription, postImage } = Astro.props
const fontStyle = `font-${themeConfig.global.fontStyle}` const { isHome, isPost } = getPagePath(Astro.url.pathname)
const { isHome, isPost } = getPagePath(Astro.url.pathname); const fontStyle = themeConfig.global.fontStyle === 'serif' ? 'font-serif' : 'font-sans'
--- ---
<html <html
lang={Astro.currentLocale || 'en-US'} lang={Astro.currentLocale || 'en-US'}
class:list={[fontStyle]} class={fontStyle}
data-overlayscrollbars-initialize data-overlayscrollbars-initialize
> >
<Head {postTitle} {postDescription} {postImage} /> <Head {postTitle} {postDescription} {postImage} />
@ -45,7 +45,7 @@ const { isHome, isPost } = getPagePath(Astro.url.pathname);
<Footer /> <Footer />
</div> </div>
{!isHome && isPost && <MobileHeader class="lg:hidden" /> } {!isHome && isPost && <MobileHeader /> }
<main class="col-start-1 row-start-1"> <main class="col-start-1 row-start-1">
<slot /> <slot />

2
src/pages/posts/[slug].astro
View file

@ -32,7 +32,7 @@ const { Content, remarkPluginFrontmatter } = await post.render()
</h1> </h1>
<div <div
class="mb-20.5 block c-primary font-time" class="mb-23.4 block c-primary font-time"
transition:name={`time-${post.data.slug || post.slug}`} transition:name={`time-${post.data.slug || post.slug}`}
> >
<time> <time>

2
src/styles/heti.css
View file

@ -116,7 +116,7 @@
font-weight:600 font-weight:600
} }
.heti .post-title { .heti .post-title {
--at-apply: 'c-primary mb-7.1 text-14.4 relative leading-19.2 before:(absolute left-0 top--7 h-0.2 w-16 bg-secondary opacity-25 content-[''])'; --at-apply: 'c-primary mb-7.1 font-bold text-14.4 relative leading-19.2 before:(absolute left-0 top--7 h-0.2 w-16 bg-secondary opacity-25 content-[''])';
line-height:48px line-height:48px
} }
.heti h1 { .heti h1 {