Wip

.github/workflows/jekyll.yml

@@ -0,0 +1,64 @@
+# This workflow uses actions that are not certified by GitHub.
+# They are provided by a third-party and are governed by
+# separate terms of service, privacy policy, and support
+# documentation.
+
+# Sample workflow for building and deploying a Jekyll site to GitHub Pages
+name: Deploy Jekyll site to Pages
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches: ["main"]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  # Build job
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Setup Ruby
+        uses: ruby/setup-ruby@8575951200e472d5f2d95c625da0c7bec8217c42 # v1.161.0
+        with:
+          ruby-version: '3.1' # Not needed with a .ruby-version file
+          bundler-cache: true # runs 'bundle install' and caches installed gems automatically
+          cache-version: 0 # Increment this number if you need to re-download cached gems
+      - name: Setup Pages
+        id: pages
+        uses: actions/configure-pages@v5
+      - name: Build with Jekyll
+        # Outputs to the './_site' directory by default
+        run: bundle exec jekyll build --baseurl "${{ steps.pages.outputs.base_path }}"
+        env:
+          JEKYLL_ENV: production
+      - name: Upload artifact
+        # Automatically uploads an artifact from the './_site' directory by default
+        uses: actions/upload-pages-artifact@v3
+
+  # Deployment job
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

.gitignore

@@ -2,26 +2,63 @@
 .bundle
 vendor
 Gemfile.lock
-
+   
 # Jekyll cache
 .jekyll-cache
-.jekyll-metadata
 _site
-
+   
 # RubyGems
 *.gem
-
+   
 # NPM dependencies
 node_modules
 package-lock.json
-
+   
 # IDE configurations
 .idea
-.vscode/*
-!.vscode/settings.json
-!.vscode/extensions.json
-!.vscode/tasks.json
-
+.vscode
+
 # Misc
-_sass/dist
-assets/js/dist
+# assets/js/dist  
+
+# File created using '.gitignore Generator' for Visual Studio Code: https://bit.ly/vscode-gig
+# Created by https://www.toptal.com/developers/gitignore/api/macos
+# Edit at https://www.toptal.com/developers/gitignore?templates=macos
+
+### macOS ###
+# General
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear in the root of a volume
+.DocumentRevisions-V100
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+.VolumeIcon.icns
+.com.apple.timemachine.donotpresent
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+### macOS Patch ###
+# iCloud generated files
+*.icloud
+
+# End of https://www.toptal.com/developers/gitignore/api/macos
+
+# Custom rules (everything added below won't be overriden by 'Generate .gitignore File' if you use 'Update' option)
+

_config.yml

@@ -150,7 +150,7 @@ pwa:
 paginate: 10
 
 # The base URL of your site
-baseurl: ""
+baseurl: "/"
 
 # ------------ The following options are not recommended to be modified ------------------
 

_data/contact.yml

@@ -10,9 +10,9 @@
   icon: "fas fa-envelope"
   noblank: true # open link in current tab
 
-- type: rss
-  icon: "fas fa-rss"
-  noblank: true
+# - type: rss
+#   icon: "fas fa-rss"
+#   noblank: true
 # Uncomment and complete the url below to enable more contact options
 #
 # - type: mastodon

_data/share.yml

@@ -2,17 +2,17 @@
 #  Icons from <https://fontawesome.com/>
 
 platforms:
-  - type: Twitter
-    icon: "fa-brands fa-square-x-twitter"
-    link: "https://twitter.com/intent/tweet?text=TITLE&url=URL"
+  # - type: Twitter
+  #   icon: "fa-brands fa-square-x-twitter"
+  #   link: "https://twitter.com/intent/tweet?text=TITLE&url=URL"
 
-  - type: Facebook
-    icon: "fab fa-facebook-square"
-    link: "https://www.facebook.com/sharer/sharer.php?title=TITLE&u=URL"
+  # - type: Facebook
+  #   icon: "fab fa-facebook-square"
+  #   link: "https://www.facebook.com/sharer/sharer.php?title=TITLE&u=URL"
 
-  - type: Telegram
-    icon: "fab fa-telegram"
-    link: "https://t.me/share/url?url=URL&text=TITLE"
+  # - type: Telegram
+  #   icon: "fab fa-telegram"
+  #   link: "https://t.me/share/url?url=URL&text=TITLE"
 
   # Uncomment below if you need to.
   #

_posts/2019-08-08-text-and-typography.md

@@ -12,6 +12,7 @@ image:
   path: /commons/devices-mockup.png
   lqip: data:image/webp;base64,UklGRpoAAABXRUJQVlA4WAoAAAAQAAAADwAABwAAQUxQSDIAAAARL0AmbZurmr57yyIiqE8oiG0bejIYEQTgqiDA9vqnsUSI6H+oAERp2HZ65qP/VIAWAFZQOCBCAAAA8AEAnQEqEAAIAAVAfCWkAALp8sF8rgRgAP7o9FDvMCkMde9PK7euH5M1m6VWoDXf2FkP3BqV0ZYbO6NA/VFIAAAA
   alt: Responsive rendering of Chirpy theme on multiple devices.
+published: False # 공개/비공개
 ---
 
 ## Headings

_posts/2019-08-08-write-a-new-post.md

@@ -5,6 +5,7 @@ date: 2019-08-08 14:10:00 +0800
 categories: [Blogging, Tutorial]
 tags: [writing]
 render_with_liquid: false
+published: False # 공개/비공개
 ---
 
 This tutorial will guide you how to write a post in the _Chirpy_ template, and it's worth reading even if you've used Jekyll before, as many features require specific variables to be set.

_posts/2019-08-09-getting-started.md

@@ -9,6 +9,7 @@ categories: [Blogging, Tutorial]
 tags: [getting started]
 pin: true
 media_subpath: '/posts/20180809'
+published: False # 공개/비공개
 ---
 
 ## Creating a Site Repository

_posts/2019-08-11-customize-the-favicon.md

@@ -4,6 +4,7 @@ author: cotes
 date: 2019-08-11 00:34:00 +0800
 categories: [Blogging, Tutorial]
 tags: [favicon]
+published: False # 공개/비공개
 ---
 
 The [favicons](https://www.favicon-generator.org/about/) of [**Chirpy**](https://github.com/cotes2020/jekyll-theme-chirpy/) are placed in the directory `assets/img/favicons/`{: .filepath}. You may want to replace them with your own. The following sections will guide you to create and replace the default favicons.

_posts/2024-10-13-jeykyll-github-pages-활용한-블로그-개설.md

@@ -0,0 +1,63 @@
+---
+layout: post
+title: "Github Pages 활용한 블로그 도입"
+date: 2024-10-13
+author: "horoong"
+categories: [blog, Github Pages]
+tags: [blog, jekyll]
+# description: "설명 추가하기"
+# image: 대표이지미지 경로(/assets/imgages/000.
+# permaling: /custom-url-for-post/
+comments: false  # 댓글 가능 유무
+published: true # 공개/비공개
+---
+
+# 블로그 선택
+
+부트캠프를 진행하면서 블로그 포스팅을 하면 도움이 된다는 이야기를 아주 많이 들었다.
+
+필자도 당연하게 정보를 찾으면 여러 블로그에서 정보를 얻는 것은 마찬가지 였으나 노션에 따로 정리해서 내가 필요할 때 내가 정리해 둔 글을 보면되지 왜 남에게 공개하면서 정보를 저장해야하는가? 라는 의문이 있었다. 그러나 다른 참가자분들과 얘기를 나눠보면서 느꼇던 점이 있어 시작하게 되었으니, 다들 많이들 을어본 이야기이지만 유명한 말이 있다.
+
+ `본인만 아는 지식은 지식이 아니며 다른 사람들에게 설명 가능해야 온전한 지식이 된다.`
+
+역시 괜히 있는 말이 아니다. 최대한 올바르게 진행하며, 남들과 공유하여 나에게 부족한 부분을 얻는 것을 목표로 진행하려한다.
+
+
+그렇게 노션에만 정리를 진행해오다가 어떤 블로그를 고를지 고민을 하던 중에 Github Pages로 블로그를 적는 글을 몇 번 본 적이 있어 3가지 정도를 추리고 비교해보았다.
+
+---
+
+- Tistory
+
+    * 티스토리 역시 많이 사용하는데 현재 카카오에서 운영하며 개발쪽으로만 치우쳐진 기능도 아니고 일반적인 사용자도 많이 사용한다. 블로그를 쉽게 운영할 수 있는 좋은 선택지라 생각한다.
+
+- velog
+    * velog는 구글링을 통해서 개발 지식들을 찾을 때에 가장 많은 개발에 관련된 블로그를 찾을 수 있었다. 미니멀한 디자인도 가지고 있고 시리즈 기능을 가지고 있어서 어느 주제를 정해서 길게 여러 글로 정리하기에 좋은 선택지라 생각한다. 
+
+- Github Pages
+    * 다른 블로그들과 다른 점이 많다. Github에서 무료로 제공하는 ***정적 웹 호스팅 서비스***이다.
+
+    * Jekyll과 같은 정적 사이트 생성기를 활용한 사이트들을 만들고, 다만 웹에서 글쓰기는 어렵다. 대신에 ***markdown editor***를 활용해서 포스트를 작성한다.
+
+    * 마크다운을 잘 활용한다는 것과 에디터에서 작성한다는 점.
+    vscode에서 작성해서 preview로 확인하고 호스팅하면 된다니 아주 맘에 들었다.(필자는 브라우저로 이동해서 글을 쓰는 블로그보다는 이 점이 아주 맘에 들었다. 여러 과정이 더 필요하지만 추가로 후술 할 것이다.) 
+
+
+3가지 블로그들을 찾아보고 도입에서 고민된 점들은
+*  Tistory는 범용적으로는 활용이 가능하나 마크다운 글쓰기가 크게 맘에 들지 않았다. 
+*  velog는 개발 관련 지식들이 너무 많은데 맞는 지식도 있고 아닌 지식도 있다.(사실 이 부분은 개인적인 견해다. 좋은 정보를 찾는 것도 개발자의 능력이니까)
+*   ***가장 중요했던 Github pages를 선택한 점***
+    * 벡엔드 개발자를 목표로 하고 있는데 프로젝트를 하면서 프론트 포지션을 고른 분들과 얘기를 해보면 모르는 부분이 많다. 이 부분을 채우기 위해서 간단한 프론트 지식(HTML, CSS)을 보완하고자 Github Pages를 선택했다.
+
+현재까지론 이미지 삽입 기능이 다른 블로그와 확실히 달라 어렵긴하지만 도입하는데에 어렵진 않을 것 같다.
+
+다음 글은 Github Pages와 Jekyll을 어떻게 도입 했는지 정리하려 한다.
+
+**이미지 첨부와 함께**
+
+
+
+
+
+
+