티스토리 뷰

꿀 정보 사이트

블로그에 소스코드 포스팅 할 때 과제 할 때, 꿀 정보사이트

부라더#수 2016. 1. 9. 17:30

/*

  혹시 블로그에 소스코드 작성할 때, 각종 프레임워크에서 복사붙여넣기(Ctrl C,V) 하시고

  소스에 색깔을 일일히 입혀주시나요? 어후 너무 피곤한 것 같아요ㅠ_ㅠ

  간단한 주석을 쓰고 있는 이것 조차도 귀찮은데요...

이 사이트는 학교 과제를 할때도 유용할 것 같네요


  어떤 사이트 인지! 소개해 드리겠습니다

*/


이 사이트는 회원 가입 없이! 사용할 수 있습니다 (우리의 개인정보는 소중하니까요)


바로 여기입니다~



http://colorscripter.com/







음... 이런 사이트라네요 :-)

가운데 사용하러 가기! 클릭~

http://colorscripter.com/ 주소로 직접 들어가면 바로 아래의 창에서 작업할 수 있어요








일단 상단에 언어를 선택할 수 있고, 스타일 패키지나 배경설정 세부설정을 할 수 있게 되어 있습니다







이렇게 세부 설정에서는 줄 간격이나 글꼴, 글 번호 시작 숫자도 설정 할 수 있습니다






소스코드를 붙여넣기 하고, 언어를 선택해 줍니다





그러면 이렇게 이쁘게 색깔이 입혀진 화면이 나옵니다





우측 하단에 클립보드에 복사를 클릭하시면 Ctrl+C와 같이 복사가 됩니다

이제 이걸 블로그 포스팅 하는 곳에 붙여넣기 하시면 되겠죠?





1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@include file="/resources/include/include.jsp"%>
<gachonTag:html>
<gachonTag:script bootstrapTable="YES">
 
</script>
</gachonTag:script>
 
<body>
<table data-toggle="table" data-url="/resources/js/test.json" data-card-view="true">
    <thead>
    <tr>
        <th data-field="name">Name</th>
        <th data-field="license">Stars</th>
        <th data-field="description">Forks</th>
        <th data-field="url">Description</th>
    </tr>
    </thead>
</table>
</body>
</gachonTag:html>
 
cs

결과는 이쁘게 삽입 되었네요
이제 편하게 포스팅 할 수 있겠죠?
다른 유용한 사이트 있다면 공유 해주세요!





위 사이트를 추천 해 주신 'r3ve' 개발자님께 감사말씀 드립니다


r3ve 개발자님 블로그 바로가기 : http://revereve.tistory.com/4



저작자표시
공유하기 링크
댓글