[재질문] 마크다운 질문 드립니다.

안녕하세요.

말씀 주신 사이트를 참고하여 아래와 같이 적용을 하였지만 ㅜ.ㅜ;;;
적용 되지 않아 댓글 드립니다.

highlight.pack.js 파일은 pybo/static/highlight.pack.js 으로 두고
pybo/templates/base.html 파일에

     <script src="{{ url_for('static', filename='highlight.pack.js') }}"></script>
     <script>hljs.initHighlightingOnLoad();</script>

와 같이 하고

question_detail.html 파일에

<div>
            <pre><code>
                    {{ question.content|markdown }}
            </code></pre>
</div>

이렇게 했습니다 ㅜ.ㅜ;; 되지 않네요 ㅜ.ㅜ;;
도움 부탁드립니다.

ggaammee 562

M 2020년 7월 22일 2:33 오후

목록으로
1개의 답변이 있습니다. 1 / 1 Page

다음 URL을 보시면..

https://highlightjs.org/usage/

다음처럼 css 도 필요합니다.

<link rel="stylesheet" href="/path/to/styles/default.css">
<script src="/path/to/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

그리고 question_detail.html 파일에는 <pre><code> 태그를 추가하실 필요가 없습니다. 마크다운이 코드블락을 자동으로 변환시켜주기 때문입니다. 아마 그 위치에 <pre><code> 태그를 추가하면 본문이 다 이상하게 보일 것 같습니다.

그리고 저같은 경우에는 highlightjs의 소스들을 다운로드 받지 않고 다음처럼 CDN url들을 그대로 사용했습니다.

<link rel="stylesheet"
      href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.1/styles/default.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.1/highlight.min.js"></script>

박응용

M 2020년 7월 23일 9:20 오전

아 감사합니다. <link rel="stylesheet" href="/path/to/styles/default.css"> CSS 링크를 안 걸어주어서 안나오는거였군요 ㅜ.ㅜ;;; 감사합니다. 재미있게 점프 투 플라스크를 열독하면서 공부중에 있습니다. 항상 감사합니다. - ggaammee님, 2020년 7월 23일 11:35 오전 추천 , 대댓글