JBEE.io
JBEE.io copied to clipboard
JaeYeopHan
etc/intro-new-blog/
블로그를 만들며 고려한 것들 (JBEE.io) | JBEE.io
오랜 숙원 사업이었던 블로그 마이그레이션이 거의 마무리되었고 그 과정 속에서 고민했던 내용을 정리해 보았습니다. 추가하고 싶은 기능은 많았지만 블로그를 만드느라 포스팅을 게을리하여 부랴부랴 마무리했습니다. 0. Choose Tool 블로그를 마이그레이션 해야겠다라는 생각을 할 때부터 Gatsby 로 정해져 있던터라 고민은 없었습니다. 선택한 결과는 매우 만족입니다. React 기반의 Static Web Generator 중 가장 Well-made한 Framework…
https://jbee.io/etc/intro-new-blog/
@dongw00 https://github.com/JaeYeopHan/gatsby-starter-bee와 함께 블로그를 시작해보세요!(ㅋㅋㅋ)
gatsby-starter-blog로 블로그를 만들어 운영중이었는데 적용하신 feature들이 마음에 들어 이거로 바꾸려고 합니다ㅎㅎ 잘 쓰겠습니다!
@delivan 감사합니다! https://github.com/JaeYeopHan/gatsby-starter-bee#use-case 여기에 PR도 올려주세요!
안녕하세요. 재엽님 글 잘보고있습니다 :) 다름이 아니라 해당 내용을 참고하여 저도 블로그를 개설했는데 혹시 도메인을 별도로 구매하신건가요? 저는 검색엔진을 통해서는 검색이 안되서 물어봅니다. 구매 하셨다면, 가격은 어떻게 측정되는지도 궁금합니다.
- https://jbee-resume.now.sh/ 해당 이력서도 검색엔진에서 보여지는데 저 또한 이력서를 zeit 사용하여 개발하였는데 그와 관련해서 알려주시면 감사합니다~
@ljlm0402 도메인은 별도 구매했습니다 :) 공유해주신 링크는 deprecate한 이력서 인데요, 검색엔진 관련해서는 별도 작업을 진행하진 않았어요! :)
@JunSeok94 물론입니다! https://github.com/JaeYeopHan/gatsby-starter-bee#use-case 여기에도 PR올려주셔요!ㅎㅎ
ㅠㅠ 저도 이 스타터로 블로그 시작해보고싶어서 하루 종일을 시도했는데 재엽님 스타터만 안되네요... gyp과 관련한 것 + 알수 없는 오류가 엄청나게 많이 떠서 노드 문제인가 하고 node도 재설치해보았는데도 안되기에 다른 스타터로 시작해보니 잘 실행되더라구요. 댓글도 보니 아무도 저와 같은 현상을 겪으신 분은 없는 것 같은데 방법을 모르겠네요. 너무 예뻐서 이 테마를 쓰고싶었는데...
@anthonyminyungi 이런😭혹시 윈도우 환경이신가요? https://github.com/JaeYeopHan/gatsby-starter-bee/issues/52 이 이슈와 비슷하다면 현상 남겨주세요! 살펴보도록 하겠습니다!
빠른 답변 감사드려요~
about 페이지 먼저 작성하고 있는데 Markdown table 정렬이 안되는 문제가 있고, JBee님 about페이지에 Links 하단에 바로 테이블이 붙어서 나오도록 하셨는데 어떻게 하셨는지 궁금해요. 그리고 진분홍 테두리를 감싸고 있는 파일명 hightlight도 궁금해요.
Gatsby도 react도 잘 모르지만, JBee님 만들어주신 starter 기반으로 블로깅시작해보려고 애쓰고 있는데, 막히는 부분이 있어서 염치불구하고 질문드려요~ㅠㅠ
Markdown table 정렬이 안되는 문제는 https://www.gatsbyjs.org/tutorial/part-two/ 여기서 힌트를 얻었습니다! global.css를 만들고 gatsby-browser.js에 require global.css 하고 npm start를 다시 하니 잘 먹네요! Links 하단에 바로 테이블 붙이는 것도 markdown 정렬 안먹는 것도 css 추가로 해결했습니다! h1, h2 { border-bottom: transparent!important; letter-spacing: -1px; } th[align="right"], td[align="right"] { text-align: right!important; }
진분홍 코드 태그 생성 부분 힌트 부탁드려도 될까요?
@towhereur 개발자 도구로 확인해보시면 빠를 것 같아요! @ugaemi 와 감사합니다! :) use case에도 PR 올려주셔요!!