Prism 테스트 코드 블록

코드 삽입 포스팅 테스트 합니다.

코드 하이라이트 + 라인넘버링 + 복사버튼 테스트용 포스팅 입니다.

코드블록 추가(HTML 카드)

새 줄에서 /html 입력 → HTML 카드 선택.
아래 예시를 그대로 붙여 넣는다.


# ecoups 테스트 명령
echo "hello ecoups"
ls -la

카드 밖을 클릭해서 반영 → 포스트 저장/발행.

프런트에서 확인할 것

테스트 포스트 페이지를 열어서 아래를 체크한다.
- 코드가 회색 박스나 테마에 맞는 스타일로 하이라이트되는지.
- 왼쪽에 줄 번호가 보이는지.
- 코드 박스 상단이나 우측에 복사 버튼이 나타나는지, 누르면 클립보드에 코드가 복사되는지.

이 세 가지 중 어느 단계까지 되는지 알려주면,

하이라이트만 되는지
라인넘버까지 되는지
복사 버튼은 안 보이는지
에 따라 테마 JS/CSS를 어떻게 손봐야 할지 정확히 잡아서 다음 단계 작업을 안내하겠다.

1. 리눅스 명령어 블록

Ghost 편집기 → /html 카드 → 아래처럼 작성:


sudo mv ~/prism.js /var/www/ghost/content/themes/pitch.1.2.9/assets/js/
sudo mv ~/prism.css /var/www/ghost/content/themes/pitch.1.2.9/assets/css/
cd /var/www/ghost
ghost restart

language-bash → 셸 명령어 색상 하이라이트.
마우스를 올리면 Copy 버튼이 자동으로 나타남.

2. 설정 파일 블록 (nginx, config 등)


location / {
    proxy_pass         http://192.168.0.22/;
    proxy_set_header   Host              $host;
    proxy_set_header   X-Real-IP         $remote_addr;
    proxy_set_header   X-Forwarded-For   $proxy_add_x_forwarded_for;
    proxy_set_header   X-Forwarded-Proto https;
    
    proxy_buffering        off;
    proxy_request_buffering off;
    proxy_read_timeout     3600;
}

language-nginx → nginx 설정 파일용 하이라이트.
주석 #도 자동으로 색상 구분.

3. 기타 자주 쓸 언어 코드

용도	class 값
셸 명령어	`language-bash`
nginx 설정	`language-nginx`
JSON	`language-json`
YAML	`language-yaml`
Python	`language-python`
JavaScript	`language-javascript`
일반 텍스트	`language-plaintext`