본문 바로가기

Tistory10

인라인 코드블럭 테스트 ㅇㄴㅇㄹ`sads` 되나? 잘된다 굳 참조-https://haruisshort.tistory.com/253 티스토리에서 백틱(``)으로 인라인 코드 편하게 입력하기 (반응형 #2 스킨)너무 불편하게도 티스토리는 에디터 자체에 인라인 코드를 삽입하는 기능이 없어 html 모드에서 를 일일이 덧씌워 적용해야했다. (마크다운 모드는 나한테 글자가 너무 작아서 불편했다.) 오늘도haruisshort.tistory.com 2024. 6. 5.
[RSS] RSS란? AWS 최신 소식 Slack으로 받아보기 https://aws.amazon.com/ko/new/ AWS의 새로운 소식 – 클라우드 혁신 및 뉴스 AWS는 사용자가 최신 기술을 활용하여 더 빠르게 시험하고 혁신할 수 있도록 지속적으로 새로운 기능을 추가하고 있습니다. 새로운 소식 게시물은 당사가 그러한 업무를 수행하는 방법을 보여주 aws.amazon.com RSS 피드를 통해 구독 이라는 버튼이 있다. 이를 눌러보면 위와 같은 xml 형태의 창이 뜬다 📌 RSS란? Rich Site Summary or Really Simple Syndication (정말 간단한 배급) 뉴스나 블로그 사이트에서 주로 사용하는 콘텐츠 표현 방식이며, 해당 사이트에서 새로운 기사 또는 포스팅을 직접 배달해주는 개념이다 즉, 해당 사이트에서 제공하는 RSS를 구독(리.. 2022. 2. 17.
[Tistory] hELLO. 스킨 컨텐츠 내의 a 태그 수정 새 테마의 a 링크들의 핑크색이 맘에 안들었다 CSS로 들어가 #f0506e 들을 전부 #FA8258 로 바꿔주었다 또 마우스를 올렸을 때 링크란 걸 확실하게 티를 내고 싶었다 1. 무지개색 효과 a:hover, a:focus { animation-duration: 2s; animation-name: rainbowLink; animation-iteration-count: infinite; } @keyframes rainbowLink { 0% { color: #2a89ff; } 15% { color: #202082; } 30% { color: #e82aff; } 45% { color: #ff2a2a; } 58% { color: #ff7a2a; } 70% { color: #ffc52a; } 85% { col.. 2021. 3. 19.
[Tistory] 접은글 테스트 참고자료 blog.siyeol.com/50 [기능] 티스토리 접은 글 텍스트 변경하기 접은 글 텍스트 변경 티스토리 블로그를 이용하면 서 접은 글 기능을 이용하는 경우가 가끔 있는데 접은 글이 본문에서 ...더보기와 접기로 밖에 나타낼 수 없다는 점을 파악하고 해당 텍스트를 blog.siyeol.com 접은글1 더보기 111111111111111 11111111111111 11111111111111 접은글2 더보기 2222222222222 22222222222222 22222222222222 HTML 수정 ver 접은글1-수정 더보기 1111111111 111111111 11111111111 접은글2-수정 더보기 2222222222222 2222222222222 2222222222222 이상하게 내가 누.. 2021. 1. 27.
[Tistory] 위로/아래로 가기 버튼 만들기 코드는 검색하니 많길래 긁어왔고, 아이콘도 검색해서 나온거 색만 좀 바꿔주었다 그리고 스킨편집 > HTML로 들어가 위에 아래 코드를 써주자 각 img 태그에 본인이 저장한 사진의 이름을 넣자 아이콘의 위치는 a태그의 bottom과 right로, 크기는 img의 width와 height로 조절하면 된다 그리고 위에서/아래서 100 위치일 때 까진 안보이다가 페이드인 시키는데, 이 위치도 scrollTop, scrollBottom 옆의 숫자를 조절할 수 있다 원하는대로 잘 적용됐다 끝 2021. 1. 11.
[Tistory] 페이지 내 원하는 지점 이동 (HTML) 사실 Tistory글이라기 보단 HTML 글이긴 하다 글 쓰고 HTML모드로 들어가 a태그로 수정해주면 된다 링크를 넣을 곳 밑으로 이동 이동시킬 곳 밑 여기서 q는 내가 임의로 넣은 부분이니 필요할 때 필요한 이름으로 넣어서 사용하자 밑으로 이동 밑 다시 위로 참조한 글 2021. 1. 6.
[Tistory] 글 수정 단축키 등록 www.mvapple.com/235 티스토리 본문 수정 단축키 # 일부 상황에서는 적용되지 않는 팁입니다. # 이런 방법도 있다라고 알아주시길.. 티스토리의 경우 기본적으로 일부 단축키를 지원합니다. 이외에도 스킨을 통해 추가 단축키를 지원하기도 하 www.mvapple.com 2021. 1. 4.
[Tistory] 사이드바 커스터마이징 2021.03.17 스킨 변경함! 현재 변경한 사이드바 커스터마이징은 디지털뱃지밖에 없음 (파일 사이즈는 60x60으로 함) 얘를 와 사이에 넣어주었다 CSS엔 아래만 추가해 줌 #badge { margin-bottom: 10px; } ==옛날꺼== 사용하는 테마의 사이드바가 원래도 이뻤지만, 몇가지를 고치고 싶었다 1. 블로그 이름 위에 내 아이콘 보이기 2. 방문자 수와 검색창을 위로 올리기 3. 최근 댓글 등의 메뉴들 없애기 4. 내 디지털 뱃지 자랑하기 1. 블로그 이름 위에 내 아이콘 보이기 먼저 파일업로드 탭으로 가서 원하는 사진을 등록해준다 다시 HTML 탭으로 돌아와, s_t3의 id가 sidebar인 div를 찾는다 class가 blank인 div 아래에 다음 코드를 적는다 haejang.. 2021. 1. 4.
[Tistory] 코드블럭 테마 정보 + 적용 + 커스터마이징 주의!! 티스토리 플러그인에서 를 꼭 해제해놔야 한다 highlightjs.org/static/demo/ highlight.js demo highlightjs.org 먼저 여기서 본인의 마음에 드는 테마를 골라 기억해둔다 나는 Tomorrow Night Eighties를 사용하고 있다 링크를 사용하는 방법도 있지만, 난 잘 적용이 안됐어서 직접 다운받는 방법을 사용했다 여기서 내가 골라둔 테마를 찾아 티스토리에 업로드해준다 관리자 모드 > 꾸미기 > 스킨 편집 > html 편집 > 파일 업로드 로 들어가서 하단의 추가 버튼을 통해 업로드 해준다 난 여러 테마를 직접 써보려고 많이 올려놨었다 그리고 HTML로 돌아가 위에 아래 코드를 추가해준다 첫번째줄의 tomorrow-night-eighties를 본인이.. 2021. 1. 4.
[Tistory] 테마 정보 + 적용하는 법 테마 정보 Square - Wallel 가장 기본이 되는 2단 스킨에 불필요한 기능은 제거하여 더 가볍게 제작했습니다. ※ 티스토리 반응형웹 스킨 공모전 대상 수상 ※ 티스토리 스킨 구매는 회원가입 후 가능합니다. wallel.com 티스토리 테마 적용 티스토리 스킨 설치방법 - Wallel 스킨 메뉴에서 바로 적용하는게 아닌, 다운받은 티스토리 스킨 파일의 설치방법이다. 스킨을 처음 설치하거나, 설치한 스킨이 제대로 작동하지 않는다면 아래 step을 천천히 따라해볼 것. step 1 - wallel.com 2021.03.17 hello 테마로 변경 : pronist.tistory.com/5 hELLO. 티스토리 스킨을 소개합니다. hELLO. hELLO 스킨은 본래 기능의 많이 없었다가, 최근 반응이 .. 2021. 1. 4.