feat: Add about.md

fix: Edit about.md file layout

fix: Modify font size

fix: Modify about page for personallinks

fix: Modify image preview setting

_config.yml

@@ -24,7 +24,7 @@
 # You can create any custom variable you would like, and they will be accessible
 # in the templates via {{ site.myvariable }}.
 
-title: Kernel360 Crew Tech Blog
+title: Kernel360 Crew Blog
 #email: [email protected]
 author: Kernel360
 
@@ -43,10 +43,10 @@ author: Kernel360
 # copyright: "Unpublished Work (cleft) 2023-{currentYear} {author}"
 copyright: "Copyright © Day 1 Company. All Rights Reserved"
 
-description: >- # this means to ignore newlines until "baseurl:"
-  Write an awesome description for your new site here. You can edit this
-  line in _config.yml. It will appear in your document head meta (for
-  Google search results) and in your feed.xml site description.
+# description: >- # this means to ignore newlines until "baseurl:"
+#   Write an awesome description for your new site here. You can edit this
+#   line in _config.yml. It will appear in your document head meta (for
+#   Google search results) and in your feed.xml site description.
 
 baseurl: "" # the subpath of your site, e.g. /blog
 url: "" # the base hostname & protocol for your site, e.g. https://example.com
@@ -141,7 +141,8 @@ yat:
 # it will be always kept on every visit (i.e. no matter
 # the browser is closed or not)
 #
-# night_mode: "auto"
+# night_mode: "on"
+theme_mode: dark
 
 # Code badge setting
 # You can enable or disable the code badge and so on
@@ -153,12 +154,12 @@ yat:
 
 # If you want to link only specific pages in your header, uncomment
 # this and add the path to the pages in order as they should show up
-# header_pages:
-#   - index.html
-#   - archives.html
-#   - categories.html
-#   - tags.html
-#   - about.md
+header_pages:
+  - index.html
+  - archives.html
+  - categories.html
+  - tags.html
+  # - about.md
 
 # Page default value
 # defaults:
@@ -197,15 +198,15 @@ banner:
 
 # Photo previewer settings (PhotoSwipe 5)
 # the options please refer to: https://photoswipe.com/options/
-# photo_previewer:
-#  gallery: "section.main"
-#  children: "a.photo-swipe"
-#  bgOpacity: 0.8
-#  padding:
-#    top: 20
-#    bottom: 40
-#    left: 100
-#    right: 100
+photo_previewer:
+  gallery: "section.main"
+  #  children: "a.photo-swipe"
+  bgOpacity: 0.8
+  padding:
+    top: 20
+    bottom: 40
+    left: 100
+    right: 100
 
 # Click to top settings
 # click_to_top:

_includes/extensions/photo-swipe.html

@@ -1,7 +1,11 @@
 <script
-  src="//cdnjs.cloudflare.com/ajax/libs/photoswipe/5.3.7/umd/photoswipe-lightbox.umd.min.js" async></script>
+  src="//cdnjs.cloudflare.com/ajax/libs/photoswipe/5.3.7/umd/photoswipe-lightbox.umd.min.js"
+  async
+></script>
 <script
-  src="//cdnjs.cloudflare.com/ajax/libs/photoswipe/5.3.7/umd/photoswipe.umd.min.js" async></script>
+  src="//cdnjs.cloudflare.com/ajax/libs/photoswipe/5.3.7/umd/photoswipe.umd.min.js"
+  async
+></script>
 <link
   href="//cdnjs.cloudflare.com/ajax/libs/photoswipe/5.3.7/photoswipe.min.css"
   rel="stylesheet"
@@ -55,20 +59,25 @@
       return;
     }
 
+    // imgEls.forEach((imgEl) => {
+    //   imgEl.outerHTML = `
+    //   <a class="photo-swipe"
+    //     href="${imgEl.src}"
+    //     data-pswp-width="${
+    //       Math.max(imgEl.naturalWidth, imgEl.width) * options.photo_scale
+    //     }"
+    //     data-pswp-height="${
+    //       Math.max(imgEl.naturalHeight, imgEl.height) * options.photo_scale
+    //     }"
+    //     data-pswp-caption="${imgEl.getAttribute("caption") || imgEl.alt}"
+    //     target="_blank">
+    //     ${imgEl.outerHTML}
+    //   </a>`;
+    // });
     imgEls.forEach((imgEl) => {
       imgEl.outerHTML = `
-      <a class="photo-swipe"
-        href="${imgEl.src}"
-        data-pswp-width="${
-          Math.max(imgEl.naturalWidth, imgEl.width) * options.photo_scale
-        }"
-        data-pswp-height="${
-          Math.max(imgEl.naturalHeight, imgEl.height) * options.photo_scale
-        }"
-        data-pswp-caption="${imgEl.getAttribute("caption") || imgEl.alt}"
-        target="_blank">
         ${imgEl.outerHTML}
-      </a>`;
+      `;
     });
 
     // Initialize PhotoSwipe 5

_includes/views/header.html

@@ -27,6 +27,9 @@
         </label>
 
         <div class="trigger">
+          <!-- 추가: about.md 페이지에 대한 링크 -->
+          <a class="page-link" href="{{ '/about' | relative_url }}">ABOUT</a>
+
           {%- for path in page_paths -%} {%- assign my_page = site.pages |
           where: "path", path | first -%} {%- if my_page.title -%}
 

_includes/youtubePlayer.html

@@ -0,0 +1,28 @@
+<style>
+  .embed-container {
+    position: relative;
+    padding-bottom: 56.25%;
+    height: 0;
+    overflow: hidden;
+    max-width: 100%;
+  }
+  .embed-container iframe,
+  .embed-container object,
+  .embed-container embed {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+  }
+</style>
+
+<div class="embed-container">
+  <iframe
+    src="https://www.youtube.com/embed/{{ include.id }}"
+    frameborder="0"
+    allowfullscreen=""
+    onclick="ga('send', 'event', 'post', 'click', 'youtubePlayer');"
+  >
+  </iframe>
+</div>

_layouts/about.html

@@ -1,5 +1,5 @@
 ---
-layout: post
+layout: aboutlayouts
 hidden:
   - header
   - navigator

_layouts/aboutlayouts.html

@@ -0,0 +1,74 @@
+---
+layout: framework
+banner:
+banner_html: post-header.html
+hidden: []
+<!-- sidebar:
+  - article-menu -->
+---
+
+<div class="post">
+  <section>
+    {%- assign name = 'banner' -%} {%- include functions.html func='get_value'
+    -%} {%- assign banner = return -%} {%- assign name = 'hidden' -%} {%-
+    include functions.html func='get_value' -%} {%- assign hidden = return -%}
+    {%- assign result = hidden | where_exp: "item", "item == 'header'" -%} {%-
+    if banner == nil and result.size == 0 -%} {%- include views/post-header.html
+    -%} {%- endif -%} {%- include views/article.html -%} {%- assign result =
+    hidden | where_exp: "item", "item == 'navigator'" -%} {%- if result.size ==
+    0 -%}
+    <div class="post-nav">
+      {%- if page.previous -%}
+      <a
+        class="previous"
+        href="{{ page.previous.url | relative_url }}"
+        title="{{
+          page.previous.title | escape }}"
+        >{{ page.previous.title | escape | truncatewords: 6 }}</a
+      >
+      {%- else -%}
+      <span></span>
+      {%- endif -%} {%- if page.next -%}
+      <a
+        class="next"
+        href="{{ page.next.url | relative_url }}"
+        title="{{ page.next.title | escape }}"
+        >{{ page.next.title | escape | truncatewords: 6 }}</a
+      >
+      {%- else -%}
+      <span></span>
+      {%- endif -%}
+    </div>
+    {%- endif -%} {%- assign result = hidden | where_exp: "item", "item ==
+    'related_posts'" -%} {%- if result.size == 0 -%}
+    <div class="post-related">
+      <div>Related Articles</div>
+      <ul>
+        {% assign posts = site[page.collection] | sample:4 %} {%- for post in
+        posts -%} {%- assign post_item_class = "" -%} {%- if post.top -%} {%-
+        assign post_item_class = "top-post" -%} {%- endif -%}
+        <li class="{{ post_item_class }}">
+          <a
+            class="post-link"
+            href="{{ post.url | relative_url }}"
+            title="{{ post.title | escape }}"
+          >
+            {{ post.title | escape | truncatewords: 12 }} {%- include
+            views/post-badges.html -%}
+          </a>
+        </li>
+        {%- endfor -%}
+      </ul>
+    </div>
+    {%- endif -%} {%- assign result = hidden | where_exp: "item", "item ==
+    'comments'" -%} {%- if result.size == 0 -%}
+    <div class="post-comments">
+      {%- if page.comments != false -%} {%- if site.disqus.shortname -%} {%-
+      include extensions/comments/disqus.html -%} {%- endif -%} {%- if
+      site.gitment.username -%} {%- include extensions/comments/gitment.html -%}
+      {%- endif -%} {%- if site.utterances.repo -%} {%- include
+      extensions/comments/utterances.html -%} {%- endif -%} {%- endif -%}
+    </div>
+    {%- endif -%}
+  </section>
+</div>

_layouts/default.html

@@ -11,7 +11,7 @@
 
     {%- include extensions/hashlocate.html -%}
 
-    {%- include extensions/theme-toggle.html -%}
+    <!-- {%- include extensions/theme-toggle.html -%} -->
 
     {%- include extensions/click-to-top.html -%}
 

_sass/yat.scss

@@ -5,7 +5,7 @@
 
 // $base-font-family: Helvetica Neue, Helvetica, Arial, sans-serif !default;
 $base-font-family: "pretendard";
-$base-font-size: 14px !default;
+$base-font-size: 16px !default;
 $base-font-light-weight: 100 !default;
 $base-font-semi-light-weight: 200 !default;
 $base-font-weight: 400 !default;