Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

@re4lfl0w

re4lfl0w/gist:fadc6bee495c63b4f893 Secret

Last active August 25, 2023 02:19
Show Gist options
  • Star 14 You must be signed in to star a gist
  • Fork 3 You must be signed in to fork a gist
  • Save re4lfl0w/fadc6bee495c63b4f893 to your computer and use it in GitHub Desktop.
Save re4lfl0w/fadc6bee495c63b4f893 to your computer and use it in GitHub Desktop.
Download ZIP
github.io 구축
Raw
gistfile1.md

목적

  • 생활 코딩: 생활코딩처럼 만들어 보는데 최대한 쉽게 만들기 위해서 정적 웹사이트를 구축
  • 스포카처럼 댓글 시스템 넣기
  • 댓글은 DISQUS
  • github로 push 권한만 주면 공동 작업 가능

Github를 이용한 개인 홈페이지 구축

lecture

Webcast • Get Started with GitHub Pages • Featuring Dani Traphagen

Examples site

Tool

Static Site Generators

Python Static Site Generators(Pelican)

Jekyll

md wiki

git book

어떤 툴을 써야 되나?

  • ipython으로 정적 웹사이트 구축하려면 아무래도 pelican으로 가야될 것 같은데..? Jekyll 이나 md wiki처럼 다른 걸로 가도 되나?
  • Jekyll: 가장 유명하고 문서화도 잘되어 있는것 같다.
  • pelican: 문서화가 허접한것 같다. Jekyll보다 템플릇이나 이런게 좀 약한듯
  • md wiki: 아직은 잘 모름. 어쨌든 위키처럼 각 메뉴를 md에 작성하면 자동으로 메뉴를 만들어주는 것 같다. 이게 가장 효율적이고 내가 원하는 기능에 맞는건 같은데..

현재 jekyll로 테스트 페이지 만들어 봄

CI(continuous integration)

git 배우기

댓글 시스템

Emotion cheat sheet

Mardkdown VS Asciidoc

  • Markdown은 간단한 반면에 책 만들기에는 부족한 것 같다.
  • Asciidoc이 책 만들기에 적합할 것 같다.
  • 어떤걸 써야되지? 문법은 비슷비슷한데 github는 MD만 지원해주니까... 따로 Asciidoc 플러그인을 써야 되나?

javascript로 프롬프트 흉내내기

MDwiki 선택한 이유

  1. 내가 원하는 네비게이션 메뉴(jekyll은 블로그 형태에 적합한듯)
  2. jekyll도 마찬가지지만 Markdown 지원

MDwiki 사용시 문제점

  1. 댓글 시스템(disqus): 현재 정상적으로 운용은 되나 각 페이지를 unique한 것으로 읽어서 각 페이지별로 댓글을 관리해야 되는데 그게 안되고 있다. 내 id 하나로 모두 통합되서 나타난다. 뭔가 설정을 바꿔줘야 할 것 같은데...
  • unique id를 여러개 만드니까 되네..
  • euripythonabout
  • euripythondownload
  • 이렇게 나눠서 관리를 해야 되나..??
  • 페이지가 100개 있으면 내가 100개를 일일이 url을 만들어줘야 된다는건데..
  • 뭐 할 수는 있지만 귀찮다. 뭔가 자동으로 해줄 수 없나..?
  • JavaScript configuration variables| DISQUS: Javascript configuration variables를 설정해서 한 사이트 내에서 다양하게 사용할 수 있다.
  • Why are the same comments showing up on ...| DISQUS

  1. MDwiki가 현재 내 입맛에는 맞지만 조금 더 크게 하려면 jekyll 같이 사후관리가 잘되는 걸로 옮기는게 나을듯도 싶은데 지금 내 needs에는 딱 맞으니 더 찾으려고 하지 말자.

  2. 페이스북 좋아요, disqus 적용하려고 하는데 이걸 다 일일이 손으로 쳐서 해줘야 하나?

  • 뭔가 자바스크립트로 함수를 만들어서 자동으로 페이지 입력 받아서 변수로 넣어줄 수 있을것 같은데..
  • MDwiki가 사람들이 많이 쓰지 않으니 플러그인 같은 기능이 떨어질 수 밖에 없네..

  1. 시간을 어떻게 넣어주나?

  2. 페이스북 연동하는데 주소를 넣어주는데 default로 자기 자신의 url을 넣는다. 대신에 url이 넘어온다면 그 값으로 오버라이딩 시킨다.

  3. 주소 치환자: 각 url별로 url이 달라지는데 이걸 자동으로 치환해 준다.

  1. index.html에서 index.md, about.md 등을 받아서 client 단에서 javascript로 해석해서 홈페이지를 뿌려주는 구조같다. 이렇게 되면 index.html은 많이 보이겠지만 다른 곳에서 제대로 문서를 제대로 파싱할 수 없을것 같다. 구글 검색에도 잘 안걸릴것 같고?

  2. 아 귀찮다. MDwiki로도 약간 부족하지만 동작은 하는데 그냥 이걸로 갈까..? 아니면 갈아엎고 유명한 프레임워크로 갈아타야 하나.. 어쨋든 좀 있어보이는걸 만들어 보려면 프레임워크를 써봐야 되는데.. 이거야 어차피 정적 사이트니 큰 영향을 주는게 아니니까.

MDwiki 참고 사이트

Using Hangul problem in bootstrap

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment