zenn/ghost.sori.studio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

테마: 작성자 이미지 경로 보정

Browse Source
This commit is contained in:
zenn
2026-04-27 17:10:03 +09:00
parent bedd6cc603
commit 319f30d6c5
11 changed files with 71 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
partials/site/sidebar-left.hbs
View File

@@ -116,7 +116,7 @@
<a href="{{url}}" class="group relative flex items-center gap-1.5 leading-tight pl-0 pr-3 py-1 rounded-theme hover:text-typ hover:bg-[#f5f5f5] transition-[padding] min-h-8 md:min-h-10 hover:pl-7" aria-label="{{name}}">
{{#if profile_image}}
<figure class="size-6 md:size-7 rounded-full overflow-hidden transition-all group-hover:size-0">
<img class="w-full h-full object-cover rounded-full" src="{{img_url profile_image size="s"}}" alt="">
<img class="w-full h-full object-cover rounded-full" src="{{img_url profile_image size="s" absolute="true"}}" alt="">
</figure>
{{else}}
<span class="size-6 md:size-7 rounded-full bg-bgr-tone flex items-center justify-center text-[11px] transition-all group-hover:size-0">A</span>

40
partials/site/sidebar-right.hbs
View File

@@ -1,10 +1,26 @@
<aside class="sidebar sidebar--right h-full flex flex-col">
<section class="px-4 sm:px-5 py-4 sm:py-5 xl:pr-1 flex flex-col gap-3 border-b border-brd ">
<div class="flex items-center gap-2.5">
{{#if @site.icon}}
<img class="w-12 min-h-12 rounded-md h-full relative" src="{{@site.icon}}" alt="{{@site.title}}">
{{else}}
<div class="w-12 min-h-12 rounded-md h-full relative site-icon--fallback">T</div>
{{/if}}
<div class="flex flex-col gap-0.5">
<h2 class="text-sm md:text-base font-extrabold leading-tight">{{@site.title}}</h2>
{{#if @site.description}}
<p class="text-sm text-typ-tone leading-tight">{{@site.description}}</p>
{{/if}}
</div>
</div>
</section>
{{#is "post"}}
{{#post}}
{{#primary_author}}
<section class="px-4 sm:px-5 py-4 sm:py-5 xl:pr-1 flex flex-col gap-1.5 border-b border-brd">
<a class="flex gap-2 hover:opacity-80">{{#if profile_image}}
<img class="object-cover size-10 sm:size-12 aspect-square" src="{{img_url profile_image size="s"}}" alt="{{name}}">
<a class="flex gap-2 hover:opacity-80" href="{{url}}">{{#if profile_image}}
<img class="object-cover size-10 sm:size-12 aspect-square" src="{{img_url profile_image size="s" absolute="true"}}" alt="{{name}}">
{{else}}
<div class="object-cover size-10 sm:size-12 aspect-square avatar--fallback">A</div>
{{/if}}
@@ -19,29 +35,11 @@
{{/post}}
{{/is}}
<section class="px-4 sm:px-5 py-4 sm:py-5 xl:pr-1 flex flex-col gap-3 border-b border-brd ">
<div class="flex items-center gap-2.5">
{{#if @site.icon}}
<img class="w-12 min-h-12 rounded-md h-full relative" src="{{@site.icon}}" alt="{{@site.title}}">
{{else}}
<div class="w-12 min-h-12 rounded-md h-full relative site-icon--fallback">T</div>
{{/if}}
<div class="flex flex-col gap-0.5">
<h2 class="text-sm md:text-base font-medium leading-tight">{{@site.title}}</h2>
{{#if @site.description}}
<p class="text-sm text-typ-tone leading-tight">{{@site.description}}</p>
{{/if}}
</div>
</div>
</section>
{{subscribe_form
placeholder="Your email"
button_class="button button--subscribe"
form_class="subscribe-form"
}}
<section class="px-4 sm:px-5 py-4 sm:py-5 xl:pr-1 flex flex-wrap items-center justify-between gap-1.5 border-b border-brd">
<h2 class="uppercase font-medium text-xs text-typ-tone">Follow</h2>
@@ -57,7 +55,7 @@
</svg>
</i><span class="hidden">Twitter</span></a>
{{/if}}
<a href="{{@site.url}}/rss/" class="hover:w-5 h-5 opacity-75 p-0.5" aria-label="RSS">
<i class="icon icon-rss size-4 stroke-2" role="presentation">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-rss" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">

4
partials/site/topbar.hbs
View File

@@ -23,7 +23,7 @@
</i>
</span>
</button>
<a class="brand brand--topbar inline-flex min-w-0 max-w-full items-center gap-2.5" href="{{@site.url}}">
<a class="brand brand--topbar inline-flex min-w-0 max-w-full items-center gap-2.5 lg:hidden" href="{{@site.url}}">
{{#if @site.logo}}
<img class="max-h-8 w-auto object-contain" src="{{@site.logo}}" alt="{{@site.title}}">
{{else}}
@@ -155,7 +155,7 @@
<div hidden data-search-source>
{{#get "authors" limit="100"}}
{{#foreach authors}}
<span data-search-item data-search-type="author" data-search-title="{{name}}" data-search-url="{{url}}" data-search-image="{{#if profile_image}}{{img_url profile_image size='s'}}{{/if}}"></span>
<span data-search-item data-search-type="author" data-search-title="{{name}}" data-search-url="{{url}}" data-search-image="{{#if profile_image}}{{img_url profile_image size='s' absolute='true'}}{{/if}}"></span>
{{/foreach}}
{{/get}}
{{#get "tags" limit="100"}}