[Tips] html에 css와 js로 linux terminal 표현하기
포스트
취소

[Tips] html에 css와 js로 linux terminal 표현하기

1
2
3
4
5
6
7
8
9
10
11
<head>
<link rel="stylesheet" type="text/css" href="css/cssterm.css">
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="https://github.com/nstephens/cssterm/blob/master/scripts/cssterm.js"></script>
<script src="https://github.com/nstephens/cssterm/blob/master/css/cssterm.css"></script>
</head>

<div class="cssterm"> 
$ sudo reboot -h 0
Shutdown scheduled for ~~
</div>

이런식으로 javascript와 css를 추가해주고 <div> 태그에 class="cssterm" 하면

짜잔~ 나는 chirpy jekyll theme에서 github 블로그로 빌드해줄때 충돌이 일어나서 쓰지 않는다 ㅠ


참고

이 기사는 저작권자의 CC BY 4.0 라이센스를 따릅니다.