티스토리 글 작성 날짜 표시 형식을 미국식으로 바꾸는 방법

티스토리는 기본 날짜 표시 형식이 너무 길다.

내가 네이버 블로그에서 티스토리 블로그로 넘어와서 그런걸까? 티스토리의 글 작성 시간이 너무 투머치하게 느껴진다.

메인 화면에서도

글 본문에서도

연, 월, 일에다가 시와 분까지.

나는 굳이 남들에게 내가 글을 작성한 시간까지 보여주고 싶지 않은뎅. 내가 너무 ... 너무 올빼미인게 티나니까 .....

그래도 초는 빼줬네. 고오맙다 ...

다행히도 티스토리는 매우 불편한만큼 매우 다양하게 고칠 수 있기 때문에 이 날짜 표현 방식도 바꿀 수 있었다.

날짜 표현 방식은 HTML을 건들여야 한다.

정확하게는 스크립트를 건들여야한다.

스크립트 ...

코알못으로 css만 뚝딱뚝딱 열심히 건들여왔던 나로서는 html에 스크립트라는 걸 넣어야한다는 이 상황이 너무 당황스럽고 ... 날짜 바꾸는 스크립트는 쉽게 찾았는데 어떻게 적용해야 할 지를 모르겠고 ...

물론, 예쁜 스킨 레이아웃을 위한 의지의 항쿡인답게 답을 찾긴 했다. 답은 삽질이다.

적용시킬 스크립트는 이렇다.

<script>
var d = '2021. 11. 1. 05:11'.split(/[/| |:]/);
var m = new Array("January","February","March","April","May","June","July","August", "September","October","November","December");
var year = Number(d[0]);
var month = Number(d[1]-1);
var day = Number(d[2]);
document.write(m[month]+" "+day+", "+year);
</script>

참고로 이 스크립트는 날짜 표시 방식을 미국식으로 표현하는 스크립트다.

2021. 12. 21. 00:00를 December 21, 2021 이렇게.

만일 달을 January, February 이렇게 풀로 쓰지 않고 Jan, Feb처럼 약어로 쓰고 싶다면 저기 var m = new Array() 속, 큰 따옴표 속 글자를 일일이 달의 약자로 바꿔주면 된다.

이제 스크립트를 html에 적용해보자.

습관처럼 스킨 편집 - html 편집 - css탭에 들어가는 나 자신을 발견했다.

그러나 그러면 안 된다. 이번엔 css탭이 아닌 html탭에서 사부작거려야 한다.

Ctrl+F를 이용해 2021. 11. 1. 05:11 를 찾자. 이런 스타일을 치환자라고 부르는 모양이다.

이렇게.

내 html에서는 저 치환자가 총 네 군데 정도 있었다.

미국식 날짜 표시 방식 스크립트를 적용하는 방법은 바로 저 2021. 11. 1. 05:11 치환자를 없애버리고 저 자리에 고대로 위에 적어둔 스크립트 전부를 통째로 붙여 넣으면 되는 거 ... 더라?

저 위의 길고 긴 스크립트 전부를 그냥 ... 때려박 ...

html허저비는 쫌 ... 당황스럽고 ...
스크립트라는 건 ... 이렇게 ... 적용시키는 거였구나 ... 그랬구나 ...

당황한 것과는 별개로 미국식 날짜 표현은 매우 예쁘게 잘 적용이 되었다.

pc 화면에서도

모바일 화면에서도

글 본문에서도

2021. 11. 1. 05:11 가 있는 곳 전부를 바꿔야 구석구석 글 작성일이 전부 바뀌는 걸 잊지 말길.

아참, 이 미국식 날짜 표현 스크립트는 고맙게도 이 분의 블로그에서 도움을 받았다.

JavaScript로 티스토리 날짜 형식 바꾸기

이 분의 블로그에는 다양한 티스토리 날짜 형식 스크립트가 있었다.

미국식 날짜고 뭐고 작성일에서 그냥 단순히 시간만 떼고 싶다면?

2021. 11. 1. 05:11를 2021. 11. 1.로 바꿔주자.

2021. 11. 1. 05:11
- 글 발행 날짜 시간 (yyyy.mm.dd HH:MM)

2021. 11. 1.
- 글 발행 날짜 (yyyy.mm.dd)

그 외에도 티스토리에서 지원하는 날짜 치환자가 더 있긴 하더라. 관심있다면 아래 링크를 참고하길!

리스트 · GitBook

난 아직 치환자랑은 데면데면해서 ... 이 쪽은 나중에 뒤적거려봐야지 ...