Giter Site home page Giter Site logo

limdongjin / til Goto Github PK

View Code? Open in Web Editor NEW
15.0 1.0 7.0 36.41 MB

Documenting Repository ( using Markdown/Vuepress )

Home Page: https://limdongjin.github.io

License: Apache License 2.0

JavaScript 13.96% Shell 0.41% HTML 0.06% Vue 55.88% Stylus 29.68%
documentation today-i-learned vuepress-site

til's Introduction

footer heroText description
Copyright © 2018-present Dongjin Lim
초고수를 향하여
개인위키 겸 기술블로그

Today I Learned

til's People

Contributors

limdongjin avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

til's Issues

TODO. 검색엔진 최적화(SEO) 플러그인 적용 또는 제작

TODO

포스트(md파일)의 제목,내용 요약,url을 자동으로 메타태그에 추가해주도록 한다.

왜 필요한가?

vuepress는 현재 SEO를 완전히 지원해주지않으며 포스트의 제목과 내용, url 등의 메타 정보를 seo를 위한 메타태그들에 자동으로 넣어주지않는다. 그래서 글을 쓸때마다 SEO 최적화를 위한 meta 태그들( title, description, og:* 등)에 일일이 제목, 내용, url을 작성해주어야하는 번거로움이 생긴다.

# Current SEO Example
---
title: 알고리즘 평가방법. 시간 복잡도
meta: 
  - name: description
    content: 알고리즘의 평가방법중 하나인 시간복잡도에 대헤 알아봅니다.
  - property: og:title
    content: 알고리즘 평가방법. 시간복잡도
  - property: og:description
    content:  알고리즘의 평가방법중 하나인 시간복잡도에 대헤 알아봅니다.
  - property: og:url
    content: https://limdongjin.github.io/algorithms/analysis
---
# 알고리즘 평가방법. 시간 복잡도

~~

어떻게 해결할것인가?

  1. 우선 vuepress의 beta 릴리즈에서 SEO를 어떻게 지원해주는지보고 자체구현할것인지 결정한다.

TODO. Layout에 Disqus 컴퍼넌트 추가

TODO

Layout 에 Disqus 컴퍼넌트를 추가한다.

왜 필요한가? ( 왜 해결해야하는가? )

현재 Disqus 적용한 방법은 md파일에 직접 컴퍼넌트를 추가하는것인데 이는 코드가 중복이 되므로 좋은 형태의 구현은 아니다.

# md 예제

<Disqus />

어떻게 해결할것인가

  • Default Layout을 확장한다.
  • Disqus 컴퍼넌트가 위치해야할곳과 위치하지않아야할곳을 구분한다.

TODO. 블로그 기능 구현 ( 카테고리, 태그, 목록 )

TODO

블로그 기능을 구현한다.!! 현재 vuepress 1.0.x alpa는 블로그 기능을 제대로 지원을 해주고있지않다. 공식 플러그인으로 blog plugin이 있지만 도큐멘트가 부실하게 되어있고 생각보다 기능이 적어서 부적합하다.

어떻게 구현할것인가?

구현 방법은 크게 세가지중 하나를 선택해야할것같다

  1. vuepress의 공식 블로그 기능이 나올때까지 기다린다?
  2. blog 기능을 구현한 theme를 찾아서 적용한다.
  3. 자체적으로 blog 기능을 구현한 theme를 작성한다.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.