This is just a sample. You can play around with your own text right here.

highlight 템플릿에 x축 y축으로 스크롤 생기는게 싫다

_sass/_highlights.scss 파일의 pre.highlight overflow속성을 아래처럼 변경해야 하나? => 응!

max-height: 300px;
overflow-y: auto;

> This is just a sample. You can play around with your own text right here. Edited by 깃페이지 쉽게 컨텐츠 작성 및 수정 및 업로드 가능하게 해주는 서비스 (https://prose.io)

Jekyll 포스팅에 IMAGE 첨부 !

지킬(Jekyll) 포스팅에 이미지 첨부하는 방법 총체적 정리 !(클릭!)

google에서 검색되도록 설정 !

github blog를 google에서 검색되도록 설정하기

Jekyll 블로그에 Latex적용하되, ‘옵션’으로 ‘SVG’ 이용하기 !

Latex를 SVG로 이용하는 옵션

Markdown

18.11.21에 찾은 마크다운 문법 정리 블로그 - 깔끔 정리 ★마크다운 문법 간략 정리 블로그! 클릭!★

New Document

This is just a sample. You can play around with your own text right here. 깃헙 마크다운 치트키

수식 (github 블로그인 git page에서는 이제 이런거 사용하지말자 단순히 MD파일일때는 어쩔수없이 사용하더라도..)

GFM에서 latex 문법은 제공되지 않습니다. 이 페이지에서 수식을 입력한 뒤 하단 창에서 URL encoded를 선택하면 해당 이미지에 대응하는 URL을 얻을 수 있습니다. 이를 활용하면 다음과 같이 수식 이미지를 추가할 수 있습니다.

인용

글 앞에 > 표시를 사용해서 인용문을 나타낼 수 있습니다. 인용문의 두 번째 줄 앞에는 >을 적지 않아도 됩니다.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eros lorem, laoreet in enim at, sodales tempor quam. Etiam sit amet mattis ligula.

Etiam sit amet mattis ligula. - someone

다만 인용문이 여러 문단일 경우에는 빈 줄에도 >을 붙여야 합니다.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eros lorem, laoreet in enim at, sodales tempor quam. Etiam sit amet mattis ligula.

Etiam sit amet mattis ligula. - someone

목록

순서 없는 목록

문장 맨 앞에 공백없이 * 나 -를 입력하면 순서 없는 목록을 만들 수 있습니다. * 앞에 공백을 넣으면 안되지만, * 다음에는 공백을 넣어야 합니다. 만일 * 다음에 공백을 넣지 않으면 강조로 인식할 수 있습니다.

*no_space

• item
• item

• item

• item
• item
• item

순서 있는 목록

글 앞에 숫자를 입력하면 순서 있는 목록을 만들 수 있습니다. 순서와 상관없이 입력해도 자동으로 숫자가 매겨집니다.

1. 첫 번째
2. 두 번째

3. 세 번째

4. 첫 번째
5. 두 번째
6. 세 번째

중첩된 목록

두 칸을 들여 쓰거나 TAB을 입력해서 중첩된 목록을 만들 수 있습니다. 반대로 내어 쓸 때는 Shift+TAB을 입력합니다.

1. 첫 번째 목록
   1. 첫 번째의 첫 번째 목록
   2. 첫 번째의 두 번째 목록
2. 두 번째 목록
   • 두 번째의 순서 없는 목록
   • 두 번 중첩된 순서 없는 목록
     • 몇 번이고 중첩할 수 있습니다.
3. 세 번째 목록

할 일 목록

본문에 간단한 할 일 목록을 만들 수 있습니다. 편집 화면이 아닌 읽기 화면에서 체크 박스를 클릭하면 클릭한 그 상태를 저장합니다.

장보기

• 계란
• 당근
• 우유

Gist

GitHub에서 제공하는 gist를 마크다운 본문에 삽입할 수 있습니다. 다음 주소를 참고하세요. https://gist.github.com/

https://gist.github.com/schacon/1

LaTex 수식

LaTex 문법의 수식을 작성할 수 있습니다.

Latex문법 클릭! Latex문법 적용하기 한국인 블로그 클릭! Latex 관련 추가 사이트 - 1 - 마우스로 그려서 특수문자 코드를 알 수 있음 Latex 관련 추가 사이트 - 2 - MathJax 문법들이 정리 Latex 관련 추가 사이트 - 3 e.g. KaTex 라는 것도 있음 ! 클릭 ! KaTex 공식 깃헙

이 <math>는 주로 인라인(작성중인 문장에 이어서 삽입하는)으로 작동하는데요. 복잡한 수식의 경우에는 열심히 수식을 쳐넣어도 막상 보기가 불편해서 헛수고한 느낌이 들기도 하죠.

1차 함수는 $y=ax+b$ 다

새로운 줄로는 \( N_n=\lambda_j \sum_{j=1}^{n} {N_1(0)e^{-\lambda_j t}} \) 이렇게

\\( 와 \\) 로 감싸주는 스타일도 있고 !! :D 이게 아니라 그냥 단순히 글자 사이에 들어가면 인라인 되네!?!?!?!?!?!?

2차 함수는 $a^2 + b^2 = c^2$

출처: 출처클릭!

\[ \mathbf{X} = \mathbf{Z} \mathbf{P^\mathsf{T}} \]

\( sin(x^2) \)

Markdown

…is really just ordinary text, plain and simple. How is it good for you?

• You just type naturally, and the result looks good.
• You don’t have to worry about clicking formatting buttons.
  • Or fiddling with indentation. (Two spaces is all you need.)

To see what else you can do with Markdown (including tables, images, numbered lists, and more) take a look at the Cheatsheet. And then try it out by typing in this box!

https://github.com/adam-p/markdown-here/wiki/Markdown-Here-Cheatsheet

링크를 클릭하세용

There are multiple syntax highlighting themes to choose from. Here’s one of them:

class Pet(object):

    def __init__(self, name, species):
        self.name = name
        self.species = species

    def getName(self):
        return self.name

    def getSpecies(self):
        return self.species

    def __str__(self):
        return "%s is a %s" % (self.name, self.species)

class Dog(Pet):

    def __init__(self, name, chases_cats):
        Pet.__init__(self, name, "Dog")
        self.chases_cats = chases_cats

    def chasesCats(self):
        return self.chases_cats

class Cat(Pet):
    def __init__(self, name, hates_dogs):
        Pet.__init__(self, name, "Cat")
        self.hates_dogs = hates_dogs

    def hatesDogs(self):
        return self.hates_dogs

package com.baeldung.dao;

import com.baeldung.aop.annotations.Loggable;
import com.baeldung.model.Foo;
import org.springframework.stereotype.Repository;

@Repository
public class FooDao {

    public String findById(Long id) {
        return "Bazz";
    }

    @Loggable
    public Foo create(Long id, String name) {
        return new Foo(id, name);
    }

    public Foo merge(Foo foo) {
        return foo;
    }
}

// All the code you will ever need
var hw = "Hello World!"
alert(hw);

<a href="https://www.google.co.kr/" target="_blank">GOOGLE</a>

.list > li {
  position: absolute;
  top: 40px;
}

function func() {
  var a = 'AAA';
  return a;
}

$ vim ./~zshrc

s = "Python syntax highlighting"
print s

No language indicated, so no syntax highlighting.
But let's throw in a tag.

My math is so rusty that I barely remember the quadratic equation: $-b \pm \sqrt{b^2 - 4ac} \over 2a$

$-b \pm \sqrt{b^2 - 4ac} \over 2a$ $x = a_0 + \frac{1}{a_1 + \frac{1}{a_2 + \frac{1}{a_3 + a_4}}}$ $\forall x \in X, \quad \exists y \leq \epsilon$

강조 = Emphasis

Emphasis, aka italics, with asterisks or underscores.

Strong emphasis, aka bold, with asterisks or underscores.

Combined emphasis with asterisks and underscores.

Strikethrough uses two tildes. Scratch this.

리스트

1. First ordered list item
2. Another item
   • Unordered sub-list.
3. Actual numbers don’t matter, just that it’s a number
4. Ordered sub-list

5. And another item.

   Some text that should be aligned with the above item.

• Unordered list can use asterisks
• Or minuses
• Or pluses

하이퍼링크

I’m an inline-style link

I’m a reference-style link

You can use numbers for reference-style link definitions

Or leave it empty and use the link text itself

URLs and URLs in angle brackets will automatically get turned into links. http://www.example.com or http://www.example.com and sometimes example.com (but not on Github, for example).

Some text to show that the reference links can follow later.

이미지삽입하기

Here’s our logo (hover to see the title text):

Inline-style:

Reference-style:

Three or more…

Hyphens

Asterisks

Underscores

var s = "JavaScript syntax highlighting";
alert(s);

s = "Python syntax highlighting"
print s

No language indicated, so no syntax highlighting.
But let's throw in a <b>tag</b>.

Colons can be used to align columns.

Blockquotes are very handy in email to emulate reply text. This line is part of the same quote.

Quote break.

This is a very long line that will still be quoted properly when it wraps. Oh boy let’s keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can put Markdown into a blockquote.

Definition list

Is something people use sometimes.

Markdown in HTML

Does *not* work **very** well. Use HTML tags.