프로그램소스 설명을 위한 스킨 정보
게시판 프로그램소스 설명을 위한 스킨관련링크
첨부파일
본문
프로그램 소스를 가독성 있고 이쁘게 소개할 수 있는 게시판 스킨입니다.
사용자는 쉽게 소스를 복사해 갈 수 있는 복사 버튼도 제공됩니다.
html, css, javascript 등의 소스를 쉽게 게시하고 소개할 수 있습니다.
prismjs를 이용하였습니다. 설정을 바꾸어 원하는 형태의 스킨으로 재구성이 가능합니다.
적용방법 :
그누보드5 일반 게시판 적용방법과 동일합니다.
1) 게시판 추가
2) 다운받은 화일 풀어서 게시판 폴더에 업로드
3) 게시판 적용
https://365ok.co.kr 정보실/강좌메뉴에 사용되었습니다.
데모 : 링크1
추천
10
10
댓글 전체
수고하셨습니다!
라이브러리 사이트 방문하면 더 다양한 옵션이 있습니다.
사용방법이 간단치 않네요.
그리고 사용한 스킨의 원본이 5.2버전이네요.
그리고 사용한 스킨의 원본이 5.2버전이네요.
네.. 5.2버전때 만든 것입니다.. 5.3은 일부수정하면 가능할 겁니다.
방금 수정했습니다~^
네, 축하드려요...
감사합니다. 수고하셨어요
도움 되길 바랍니다..
https://365ok.co.kr/bbs/board.php?bo_table=program 에 꼭 필요한 정보가 있을 수도..ㅎ
https://365ok.co.kr/bbs/board.php?bo_table=program 에 꼭 필요한 정보가 있을 수도..ㅎ
감사합니다!
도움 되길 바랍니다.
ㅅㄱ
도움 되길 바랍니다.
컬러테마가 제가 제일 좋아하는 Monokai 네요 ^^
다양한 테마가 있을 겁니다..
감사합니다
네 도움이 되길 바랍니다.
감사합니다
네 도움이 되길 바랍니다.
좋으네요. 잘 사용하겠습니다. 감사합니다.
네 즐거운날 보내세요.
감사합니다
도움되길 바랍니다.
감사합니다.
도움되길 바랍니다.
감사합니다.
도움되길 바랍니다.
좋은 정보 감사합니다.
도움되길 바랍니다.
세팅방법 및 사용법이 이해가 가지 않아요~~~
스킨을 적용하고 글쓰기를 누르면 상단에 '소스코드하이라이트방법'이라는 구문이 있습니다. 거기를 참조하세요.
감사합니다
도움되길 바랍니다.
와우 멋집니다!
ㅎ 오래 되어서 어떻게 구현했는지 잘 모르겠습니다.
제 사이트 정보실과 강좌메뉴에 구현하긴 했는데 매번하기에는 귀찮아 안할 때가 많습니다. ^-^
제 사이트 정보실과 강좌메뉴에 구현하긴 했는데 매번하기에는 귀찮아 안할 때가 많습니다. ^-^
네.. 다른 부분은 없었던 것 같아요.
제 사이트에서 반영할 때 나오는 설명글입니다.
----------------
html, css, javascript, php 의 소스코드를 본문중에 표현할 때 이 게시판을 사용합니다.
편집기에서 'editor', 'html', 'text' 중 'html'을 선택합니다.
<pre class="line-numbers"><code class="language-xxxx">코드가 들어갈 자리</code></pre> 이 부분을 사용하세요.
여기에서 xxxx자리에 'markup', 'css', 'javascript', 'php'등을 넣습니다. 소스가 html이라면 'markup'을 넣으세요.
코드가 들어갈 자리에 실제 코드를 넣습니다.
코드에서 태그는 html entity로 바꿔주어야 합니다. 잘 모르겠으면 구글에서 'html entity encode'로 검색하면 온라인에서 자동으로 바꿔 주는 사이트들이 있습니다.(예:https://mothereff.in/html-entities)
정상적으로 작성이 되면 코드 하이라이트가 반영이 됩니다.
더 자세한 사용법은 prismjs.com을 참조하세요.
제 사이트에서 반영할 때 나오는 설명글입니다.
----------------
html, css, javascript, php 의 소스코드를 본문중에 표현할 때 이 게시판을 사용합니다.
편집기에서 'editor', 'html', 'text' 중 'html'을 선택합니다.
<pre class="line-numbers"><code class="language-xxxx">코드가 들어갈 자리</code></pre> 이 부분을 사용하세요.
여기에서 xxxx자리에 'markup', 'css', 'javascript', 'php'등을 넣습니다. 소스가 html이라면 'markup'을 넣으세요.
코드가 들어갈 자리에 실제 코드를 넣습니다.
코드에서 태그는 html entity로 바꿔주어야 합니다. 잘 모르겠으면 구글에서 'html entity encode'로 검색하면 온라인에서 자동으로 바꿔 주는 사이트들이 있습니다.(예:https://mothereff.in/html-entities)
정상적으로 작성이 되면 코드 하이라이트가 반영이 됩니다.
더 자세한 사용법은 prismjs.com을 참조하세요.