제가 아는 소스코드 올리는 2가지 방법을 공유하고자 합니다.
간단하지만 분명 방법을 모르는 분들이 많을 것 같습니다.(저처럼....)
1. 줄번호X, 색깔통일된 블럭 형식의 소스코드
소스코드를 올리고 싶은 부분에
상단 배너의 "외부컨텐츠" -> "html"체크 -> 아래와 같은 코드 작성 후(c++기준, 다른 언어는 "cpp"부분을 수정하셔야합니다.)
<pre name="code" class="cpp"
</pre>
확인을 누르면 블럭한개가 생깁니다. 그 블럭에 소스코드를 붙여넣기하면 블럭안에 소스코드가 들어가는데,
미리보기로 확인해보시면 다음과 같이 나오게됩니다.
#include<iostream>
using namespace std;
int main()
{
//헬로월드 출력하기
cout << "hello world" << endl;
return 0;
}2. 줄번호O, 색깔 분리되고 가독성좋은 소스코드
실제 비쥬얼스튜디오의 코드를 그대로 옮겨놓은 듯한 느낌을 주고, 실제로 제가 현재사용하는 방법입니다.
일단 코드를 HTML코드로 생성해주는 사이트를 이용해야합니다.
https://colorscripter.com/을 클릭 한 뒤, 소스코드를 거기에 붙여넣기합니다.
배경, 스타일패키지 등은 원하는대로 상단배너에서 조절가능합니다.
소스코드를 붙여넣기 한 후 , 하단의 "HTML로 복사"를 클릭하면 HTML코드로 변환된 본인의 소스코드가 나오게됩니다.
그 코드를 통째로 복사해 놓습니다. 그리고 다시 본인이 글 쓰고있는 블로그화면으로 돌아옵니다.
사진, 슬라이드쇼, 동영상, 파일 등이 적힌 상단배너의 맨 오른쪽 HTML에 체크를 하면 HTML코드들이 나옵니다.
본인이 코드를 게시하고싶은 부분에 복사해두었던 HTML코드를 붙여넣기합니다. (굉장히 깁니다.)
붙여넣기할 부분에 이상한 코드, 예를들어 (<p><br/></p>) 같은 코드들은 지우고 그 자리에 붙여넣기 하면됩니다.
붙여넣기를 완료하고 다시 상단 배너의 HTML을 체크하면 아래와 같이 소스코드가 나옵니다.
1 2 3 4 5 6 7 8 | #include<iostream> using namespace std; int main() { //헬로월드 출력하기 cout << "hello world" << endl; return 0; } | cs |
