티스토리에 음악을 전체배경음 말고
페이지에 하나 올리고 플레이 하고싶은데 할줄몰라서 무작정 찾아봤다.
여러가지 방법들이 존재하지만 아래글처럼 해결했고.
- 제네레이터는 수정해가며 제작했다.
1. github에 mp3파일을 올리고 재생하는 방식으로 해봤다.
2. 첨부된 제너레이터로 복사해서 붙여넣을 코드를 받는다.
3. 블로그 글쓰기를 html모드를 바꾸고 붙여넣는다.
4. 끝.
준비물 : mp3파일 하나, 제너레이터
설명 1. 먼저 깃허브가 없는 사람은 구글 아이디로 클릭만 하면 되니 가입은 쉽다.
먼저 레포지토리가 없으면 하나 만들면 된다.
순서대로 넣고 만들면 끝! 반드시 공유! 선택하세요
준비한 mp3파일을 만들어진 저장소에 upload 파일을 해준다.
업로드 버튼을 누르면 이런 창이 뜨는데 드레그를 해서 넣으면 저렇게 업로드가 되고 커밋 체인지 버튼을 누른다.
자 그럼 이렇게 업로드된 mp3파일이 있고 링크주소 복사를 한다.
설명 2. 첨부된 제너레이터로 복사해서 붙여넣을 코드를 받는다.
설명 2.1 - 1. 노래제목 넣고 2. 아까 깃허브에서 복사한 링크주소넣고 3. 코드생성 4. 복사 순서대로 하면된다.
설명 3. 블로그 글쓰기를 html모드를 바꾸고 붙여넣는다.
복사한 코드를 html 코드 형식으로 바꾸고 복사붙여넣기를 하고 완료를 누른다.
그럼 이런식으로 플레이를 할수있어용.
끝~
미리 결과확인 >> https://wayfaringwanderer.tistory.com/7
ps. html모드에서 다붙이고 기본모드와서 글은 저렇게 소개글 형식으로 넣어도 된다.
ps. 깃헙에 mp3파일 올리고 빠르게 하다보면 가끔 바로 재생이 안될때가 있다.
그럴땐 아까 깃헙 mp3 링크를 url 넣는곳에 넣고, 아래 캐시 강제 갱신을 눌러주고 하면된다.
'갑자기 생각나서 만든 간단한 도구' 카테고리의 다른 글
| 워터마크 일괄 적용 — 샘플 뽑고, conf하나로 전체적용 (아이디어 노트) (5) | 2025.11.16 |
|---|---|
| Mondrian Video Mosaic — 동영상 웹뷰어 (아이디어 노트) (0) | 2025.11.12 |
| Cropper — 영상 일부만 깔끔하게 오려내는 도구 (무료 배포) (0) | 2025.11.05 |
| 블로그(티스토리) 타이틀 옆에 실시간 시계 넣기 (요일·오전/오후) (0) | 2025.11.01 |
| 사람있는 사진과 사람없는 사진 분류하는 간단한 프로그램 (사진 분류) (0) | 2025.10.22 |