Tistory 블로그에 코드블록 집어넣기

 

1. 하이라이팅 필요없고 그냥 간단하게 그냥 넣고 싶을때

 

티스토리 기본 에디팅 화면에서 상단에 "..." 버튼 눌러보면 거기에 "코드블럭" 이라고 있다. 그거 사용하면 됨.

 

----------

2. 하이라이팅 X, 줄번호 O

 

Line number 필요 없으면 심플하게 여길 이용해도 좋다.

 Django Template Language syntax 까지 제공하는 것으로 봐서 꽤 커버리지 넓어 보임.

 

그냥 코드 넣고 스타일 고르고 (나는 Zenbrun 이 좋더라) HIGHLIGHT!! 버튼 누르면

왼쪽 하단에 하이라이팅 된 html 코드가 쫙 나온다. 그거 편집기> HTML 모드에서 복붙하면 됨.

https://pinetools.com/syntax-highlighter

 

Online Syntax highlighter

 

-------

3. 하이라이팅 + 줄번호

 

Github 에서 제공하는 Gist 라는 코드 snippet 저장소가 있다.

여기에 코드를 저장해두면 embed 라는 기능을 제공하는데 거기서 복사해온 script 코드를

편집기 > HTML 모드 에서 원하는 위치에 넣어주면 아래처럼 예쁘게 코드 블럭이 생긴다.

 

요건 내꺼 gist 에서 퍼온 파이썬 코드 snippet 이다.

	from math import hypot
	class Vector:
	def __init__(self, x=0, y=0):
	self.x = x
	self.y = y
	def __repr__(self): # better than __str__
	return "Vector(%r, %r)"%(self.x, self.y)
	def __abs__(self): # 피타고라스 빗변의 길이
	return hypot(self.x, self.y)
	def __bool__(self):
	return bool(abs(self))
	def __add__(self, other):
	x = self.x + other.x
	y = self.y + other.y
	return Vector(x,y)
	def __mul__(self, scalar):
	return Vector(self.x * scalar, self.y * scalar)
	v1 = Vector(2,4)
	v2 = Vector(2,1)
	print("%r + %r = %r"%(v1, v2, v1+v2))
	v3 = Vector(3,4)
	print("abs(%r) = "%v3, abs(v3))
	print("%r * 3 = %r"%(v3, v3 * 3))

view raw vector.py hosted with ❤ by GitHub