{
  "post_this_md": false,
  "blog_post": true,
  "layout": "post",
  "title": "옵시디언으로 블로그 만들기",
  "aliases": "옵시디언으로 블로그 만들기",
  "subtitle": null,
  "thumbnail-img": "",
  "date": "20240323",
  "parse-url": "",
  "sources": "",
  "tags": null,
  "categories": ["Etc"],
  "keywords": null,
  "html": " <div id=\"pygen-1\" class=\"w-full flex items-center justify-center\" style=\"\" > <div id=\"pygen-2\" class=\"w-full flex items-center justify-center\" style=\"\" > <div id=\"pygen-3\" class=\"w-full\" style=\"max-width:800px;\" > <div class=\"w-full\" style=\"padding-top: 1.25rem;padding-bottom: 1.25rem;padding-left: 1.25rem;padding-right: 1.25rem;\" > <False >  </False> </div> </div> </div> </div>  <div id=\"pygen-1\" class=\"w-full flex items-center justify-center\" style=\"\" > <div id=\"pygen-2\" class=\"w-full flex items-center justify-center\" style=\"\" > <div id=\"pygen-3\" class=\"w-full\" style=\"max-width:800px;\" > <h4>블로그를 다시 해보자</h4><p>현재 글을 옵시디언에서 작성하고 있다. 그리고 옵시디언에서 적는 글을 블로그로 포스팅한다. 예전부터 여러가지 블로그를 시도했다. 구글 블로그 스팟, 티스토리, GitHub Pages로 블로그 만들기 등등..  근데 뭔가 한군데씩 맘에 들지 않는게 있었다. GitHub Pages, 그러니까 github.io로 했던 예전 시도도 사실 옵시디언을 블로그로 만든 형태였다. 근데 당시에는 md 파일을 html로 변환해주는 프레임워크(?)인 <a href=\"https://jekyllrb.com/\" target=\"_blank\">Jekyll</a> 을 사용해서 블로그를 만들었었다. 이 방식도 나름 괜찮긴 했는데, 이래저래 내가 원하는 방식으로 꾸미기가 힘들었다. 프론트를 좀 알아야 제대로 꾸밀수 있다는 느낌을 받았다. 그래서 이런저런 피로감에 블로그를 지속할수 없다는 생각이 들어 블로그를 접었다. 그게 1년쯤 전이다. 근데 요즘 취미로 뭘 좀 만들면서 프론트 쪽을 공부하게 됐다. 이제는 내가 원하는 방식으로 블로그를 만들수 있겠다는 생각이 들었다. 그래서 오랜 숙원중 하나였던 꾸준히 지속가능한 블로그를 만들어보려고 한다. 이젠 거의 100% 수제작 블로그가 가능해졌다.</p> </div> </div> </div>  <div id=\"pygen-1\" class=\"w-full flex items-center justify-center\" style=\"padding-top: 1.25rem;padding-bottom: 1.25rem;\" > <div id=\"pygen-2\" class=\"w-full flex items-center justify-center\" style=\"--tw-bg-opacity: 1; background-color: rgba(255, 251, 235, var(--tw-bg-opacity));\" > <div id=\"pygen-3\" class=\"w-full\" style=\"max-width:800px;\" > <div class=\"w-full py-5 flex flex-col items-center \">  <img class=\"py-5 \" style src=\"/obsidian/Pasted image 20240323101052.png\">옵시디언에서 적는 글</img>  </div> </div> </div> </div>  <div id=\"pygen-1\" class=\"w-full flex items-center justify-center\" style=\"\" > <div id=\"pygen-2\" class=\"w-full flex items-center justify-center\" style=\"\" > <div id=\"pygen-3\" class=\"w-full\" style=\"max-width:800px;\" > <h4>포스팅 프로세스</h4><p>이번에 만든 블로그의 포스팅 프로세스는 다음과 같다. </p> </div> </div> </div>  <div id=\"pygen-1\" class=\"w-full flex items-center justify-center\" style=\"\" > <div id=\"pygen-2\" class=\"w-full flex items-center justify-center\" style=\"\" > <div id=\"pygen-3\" class=\"w-full\" style=\"max-width:800px;\" > <div class=\"w-full\" style=\"padding-top: 1.25rem;padding-bottom: 1.25rem;padding-left: 1.25rem;padding-right: 1.25rem;\" > <ol > <li>옵시디언에서 글으르 쓴다. 이때 글은 Markdown 형식으로 작성한다. </li><li>작성된 마크다운 문서를 파이썬으로 파싱해서 json의 형태로 바꾼다.</li><li>이때, 문서의 프론트 매터 등 기타 정보가 포함되고, 컨텐츠 내용은 html로 변환된다.</li><li>해당 Json을 읽고, 포스팅할수 있는 프론트 웹페이지를 만든다. React, Typescript, Tailwind를 사용하고, vite로 빌드했다.</li><li>이를 깃헙페이지에 push하여 호스팅한다. </li> </ol> </div> </div> </div> </div>  <div id=\"pygen-1\" class=\"w-full flex items-center justify-center\" style=\"\" > <div id=\"pygen-2\" class=\"w-full flex items-center justify-center\" style=\"\" > <div id=\"pygen-3\" class=\"w-full\" style=\"max-width:800px;\" > <p>계속 작성중..</p> </div> </div> </div> ",
  "outlinks": [],
  "resources": ["_🌲 Attachments/Pasted image 20240323101052.png"],
  "inlinks": [],
  "filename": "20240323_1711156165597"
}

{
  "categories": ["Posts", "Posts/Obsidian"],
  "Posts": { "1": ["20240323_1711156165597"], "number": 1, "total_pages": 1 },
  "Posts/Obsidian": {
    "1": ["20240323_1711156165597"],
    "number": 1,
    "total_pages": 1
  }
}