클로드 로 티스토리 블로그 스킨 수정

 

티스토리 스킨에 붙은 명령어가 괴랄해서

손으로 해보려다 몇번 실패했었는데 이번에 클로드 사용하면서 이거 고칠 수 있나 해봤다.

다크 / 라이트 모드지원과
글자 색 문제
글자 크기 조정

등을 수행했고 성공적으로 끝났다.

 

우선 설정 페이지에가서 -> 꾸미기 -> 스킨 수정

에 가면 html 편집 버튼이 있다.

누르면 정말 불편한 편집 툴을 볼 수 있는데 

 

클로드로 상단에 html 부분과 css 부분만 고치면 된다.

 

 

index.html 파일

먼저 클로드 코드에게 티스토리 블로그 스킬을 수정해야한다고 하고

html 파일 내용을 끌어다 붙이면 분석을 한다.

파일을 저장해줄까요 물어보는데

 

내가지정한 특정 폴더에 저장해 달라고 하면 index.html 이 생긴다.

복사에서 붙여넣는건 클로드가 할 수 없기 때문에 사람이 해야한다.

 

style.css 

이제 css 수정할 차례이다. 역시 CSS 내용을 복사해서 클로드에 붙여 넣고 읽어보라고 하면

파일을 index.html 저장한 곳에 style.css 파일이 생긴다.

 

나는 글씨 크기와 다크 / 라이트 모드에서 글씨 색깔이 안맞는 부분을

스샷과 들어가서 확인할 수 있는 링크를 주면서 이렇게 이상하게 표시된다고 말하면

클로드가 고쳐서 index.html 과 style.css 파일을 수정한다.

작업이 완료되면 다시 웹페이지에 붙어 낳고 저장 하기를 반복 하면된다.

파일은 이런식으롸 좌우에 각각 열어 동시에 볼수 있게 해놓고 복붙하면 편하다.

 

수정 진행 순서

1. 다크 / 라이트 모드 상단 우측에 추가

2. 돋보기 아이콘이랑 위치 맞도록 이동

3. 댓글 입력창의 색깔이 바탕색이랑 동일한 문제 수정

4. 글씨 크기 1.3배 늘려줘

 

각 단계마다 한번씩 복붙을 했었다.

보고 고쳐달라하고 결과물 나오면 복사해 붙여넣고 를 반복

블로그 글 링크 주소가 결과물이기 때문에 알려주면 알아서 확인도 한다.

 

말하지 않았는데 모바일 모드도 확인해서 글자 크기 문제를 알려줬다.

 

클로드 $ 20 달러 주고 요긴하게 잘 쓰는거 같다.