티스토리에서 \(\LaTeX\) v3.x, v4.x 사용하기

\(\LaTeX\)를 설명하는 블로그들은 무분별한 복붙 내용들이 많다. 사용자 정의가 가능한지, 환경설정 코드를 왜 설정하는지 모르는 초보자들은 그대로 보고 베낄 수밖에 없다.  ※ 아래는 \(\LaTeX\)로 작성된 수식이다. 수식 위에서 RMB(마우스 오른쪽 버튼)를 누르면 메뉴가 나타난다.\[\begin{align}\dfrac{n(n+1)}{2} \quad \dfrac{\dfrac{\sqrt{x}+1}{2}-x}{y^2} \\  \int_a^b \! f(x) \, dx = \lim_{\Delta x \rightarrow 0}  \sum_{i=1}^{n} f(x_i) \,\Delta x_i \\ax^2 + bx + c = 0 \\x_{1,2} = \frac{-b \pm \sqrt{b^2-4ac}}{2..
PC&웹/웹프로그래밍 2024. 8. 27. 21:14

(미디어위키) 멀티 사이트 만들기

미디어위키도 워드프레스처럼 같은 소스 파일로 여러 사이트를 만들 수 있습니다.워드프레스처럼 별도의 종합 설정 페이지가 없기 때문에 LocalSettings.php 파일을 직접 수정해야 합니다.멀티 위키 사이트 만들기1. 첫 번째 위키 설치첫 위키를 설치 완료합니다. 이미 설치되어 있다면 다음 과정으로 넘어갑니다.설정 파일명 변경LocalSettings.php 파일명 뒤에 DB명이나 Table 접두어를 붙여서 파일을 구분합니다.워드프레스는 사이트를 생성할 때마다 wp_ 접두어 뒤에 숫자가 붙습니다.같은 데이터베이스를 사용하려면 mw_2_와 같은 접두어를 사용하면 됩니다.예) LocalSettings_wiki1.php2. 가상 호스팅 설정wiki2.mydomain.com처럼 서브 도메인을 설정합니다. 또는 ..
PC&웹/웹프로그래밍 2024. 8. 21. 16:44

(워드프레스) 블록 패턴 - 인용 박스 코드

사용 조건Pattern CSS 플러그인 설치 패턴 등록스타일 에디터에서 작업할 때관리자 페이지 - 모양 - 패턴에서 동기화 패턴을 등록합니다. (도대체 누가 Appearence를 디자인으로 번역했는지 참🤬)빈 패턴 문서를 등록 후 postId를 확인하여 DB의 wp_posts 테이블에서 해당 postId를 찾은 후 post_content 컬럼에 아래 HTML 코드를 삽입합니다. PHP코드를 넣으면 안 됨.그다음 페이지를 새로고침하면 에디터에서 세부 내용을 편집할 수 있습니다.PHP 파일로 만들 때.php 파일로 등록할 때에는 패턴 양식에 따라 문서를 만들고 코드를 삽입합니다. 스타일 에디터글/페이지 에디터에서 패턴 두 개를 추가했습니다. 제목에 따라 출력
PC&웹/웹프로그래밍 2024. 7. 22. 11:19

워드프레스, '오류 알림업데이트 실패. 응답이 유효한 JSON 응답이 아닙니다.'

오류 알림업데이트 실패. 응답이 유효한 JSON 응답이 아닙니다.사이트 에디터로 내 블록 패턴을 만들다 보면, 제목과 같은 오류가 발생합니다. 그리고 저장이 되지 않지요.하지만 강제로 저장을 하는 꼼수가 있습니다. 그중, DB 편집을 알아봅시다. postId 가져오기제목 표시줄을 보면/wp-admin/site-editor.php?postType=wp_block&postId=430&canvas=edit이렇게 postId 값을 확인할 수 있습니다. DB 접속편집하기 쉽게 PMA로 접속합니다.wp_posts 테이블로 이동 후 ID 값이 postId 값인 레코드를 찾습니다.post_content 컬럼을 더블클릭하거나 수정 버튼을 누릅니다.더블클릭하면 이렇게 바로 편집이 됩니다.복붙으로 내용을 편집하고 다른 곳을..
PC&웹/웹프로그래밍 2024. 7. 21. 23:25

티스토리스런 워드프레스 테마를 만들다...

2024.07 기준 여기 티스토리 블로그와 똑같은 형태로 워드프레스 테마를 만들고 있었다. 티스토리 스킨 코드를 복붙만 해도 동작하는 워드프레스 테마...동작 방식이 다르다보니 설정할게 너무 많다. 티스토리에서 제공하는 기능은 직접 구현해야 한다.그래도 그럴듯하게 만들어졌다. 워드프레스 테마 편집기로 사용자정의가 된다.총 수 시간동안 작업하면서 점점 비슷하게 만들어졌는데, 결국 자괴감에 빠져버림. 왜 하고 있지?십수년 전 XE 만지던 시절이 생각나는 뻘짓.지원금이라도 받으면 좋으련만 🤣어쨌든 언젠가 망할 티스토리의 데이터를 옮길 준비를 미리 해놔야 한다.
PC&웹/웹프로그래밍 2024. 7. 15. 21:02

그누보드5 로그인이 안 될 때

기존 웹호스팅에 그누보드를 재설치할 때 로그인이 안 된다면 쿠키 문제일 가능성이 높다. 특히, ID가 변경됐을 때.브라우저 설정에서 쿠키를 삭제한다. 그누보드와 관련된 기본 설정URL에 호스트 절대 경로가 붙으면 config.php 파일에서 도메인 주소를 설정한다.define('G5_DOMAIN', 'https://abcde/gb5');define('G5_HTTPS_DOMAIN', 'https://abcde/gb5');define('G5_COOKIE_DOMAIN', 'abcde');세션을 사용할 때에는 common.php 파일에서 아래 줄을 주석 제거한다.session_save_path(G5_SESSION_PATH);./data 디렉터리 권한을 0707로 설정한다../data/cache, ./data/..
PC&웹/웹프로그래밍 2024. 4. 23. 15:28

워드프레스 - 암호를 잊었을 때 DB에서 변경하기

워드프레스 암호를 잊어 임시로 변경할 때, SMTP도 되지 않아 이메일 발송이 되지 않을 때 강제로 암호를 변경하는 방법입니다. 방법 아래 페이지에서 새 암호를 입력 후 해시값을 복사합니다. https://www.miraclesalad.com/webtools/md5.php MD5 Hash 항목에 나타나는 값을 복사합니다. phpMyAdmin으로 접속합니다. wp_users 테이블에서 암호를 변경할 계정의 user_pass 값을 클릭하여 편집 상태로 변경 후, 위에서 복사한 해시값을 붙여넣으면 됩니다. 끝
PC&웹/웹프로그래밍 2024. 4. 15. 18:04

블로그에 (구글)프로그래밍 검색 엔진 추가하기

이 글의 주제는 구글 검색 엔진에 티스토리 블로그를 등록하는 것이 아니라!!! 티스토리 블로그에서 구글 검색을 하는 것입니다. 티스토리든, 워드프레스든 검색하고 싶은 단어를 입력하면 설정한 화면이나 페이지에 검색 결과가 나타납니다. 직접 해보세요. 위 검색 결과는 지정된 사이트만 검색하도록 설정했습니다. 초기값은 구글 전체 검색입니다. 설정 설명 레이아웃 8가지 레이아웃이 있으며 이 글에 사용된 검색 엔진은 그림에서 강조된 “두 페이지”입니다. 오버레이 현재 화면에 레이어를 띄워서 검색 결과를 표시합니다. 두 페이지 다른 페이지에 검색 결과를 표시합니다. 티스토리 블로그라면 /search/ 페이지뿐만 아니라, 이 글처럼 특정 페이지 또는 일반 글에도 검색 결과를 표시할 수 있습니다. URL 설정이 되므로..
PC&웹/웹프로그래밍 2024. 2. 26. 12:05

(CSS) 티스토리 테이블 색상 변경

티스토리의 (표) 테두리 스타일은 총 6가지가 있습니다. 기본, 선, 첫 행·열 배경색, 첫 행 굵은선, 격행 배경색, 선 없음 색상은 4가지가 있습니다. DarkGray, SkyBlue, ForestGreen, RoyalBlue data-ke-style 속성 값으로 정해집니다. 기본 테두리 색상은 회색이므로 원하는 색으로 설정을 해봅니다. CSS 코드 article table { width:100%; font-size: 0.9375em; line-height: 1.5714; text-align: center; margin-bottom: 22px; border-collapse: collapse; border-spacing: 0; } article :is(table[data-ke-style="style1"..
PC&웹/웹프로그래밍 2023. 11. 23. 16:18

(CSS) 애드센스 반응형 광고 코드 수정

태블릿과 데스크톱 환경에 반응형 광고를 사용해야 하는 이유는 브라우저 크기가 다르고, UI 기능으로 광고 영역이 변하기 때문이다. 영역이 변하는데 큰 광고가 그대로 나타나면 광고 효과도 없고 레이아웃과 스크롤바가 엉망이 된다. 스킨에 구글 애드센스 반응형 광고 코드를 넣고 새로고침을 통해 결과물을 보면 광고가 숨어버린다. 요소 코드를 모니터링 해보면 광고를 감싸고 있는 태그 중 일부의 높이가 0인 것을 볼 수 있다. 이를 방지하는 코드를 적용해본다. (자세한 설명은 생략한다) 화면 폭에 따른 정확한 광고 단위 크기 지정 위 CSS 코드의 첫 번째 줄은 모든 화면 너비에 적용된다. @media(min-width: 500px) 항목은 최소 500px 이상인 화면 너비에 적용된다. @media(min-widt..
PC&웹/웹프로그래밍 2023. 11. 17. 20:06

티스토리, CSS 변경 - 줄 바꿈 문제 2023-11

2023년 11월, 티스토리의 에디터에 변화가 생겼습니다. 본문의 줄 바꿈과 관련된 것으로, CSS가 변경되었습니다. Enter 키를 눌러서 줄 바꿈을 하면 Shift+Enter 키를 눌렀을 때와 간격 차이가 발생해야 하는데, 이를 막기 위해 CSS에 간격을 줄이는 코드가 추가되었습니다. 글 설정과 무관하게 적용됩니다. content.css:16 .content p + p { margin: 1px auto 0; } top 부분의 간격을 1px로 지정하여 p와 p 사이의 간격을 1px로 줄였습니다. 이에 따라 문장과 문단의 구분이 어려워지면서 에디터 이용에 불편을 줄 수 있습니다. 2023-11-09. 카카오에 문의하니 CSS가 변경되었습니다. 2023-11-10. 위 코드는 그대로이지만 아래 코드가 생겼..
PC&웹/웹프로그래밍 2023. 11. 8. 11:07

미디어위키, ./maintenance/update.php

확장 기능을 추가할 때 DB 업데이트 등으로 설치를 완료하려면 wiki를 업데이트 해야한다. maintenance 디렉터리의 파일들은 보안상 .htaccess에 의해 웹브라우저에서 실행되지 않도록 막혀있다. 명령줄에서 실행해야 한다. php maintenance/update.php
PC&웹/웹프로그래밍 2023. 10. 30. 13:50

.htaccess+Php, 이미지 링크 리다이렉트

아주 오~래전, PHP3 시절에 만들었던 이미지 불펌 추적기를 소생시켰다. 지정된 도메인이 아닌 곳에 이미지를 링크할 경우, 경고 이미지를 보여줄 수 있다. .htaccess RewriteEngine On RewriteCond %{REQUEST_FILENAME} .*jpg$|.*gif$|.*png$|.*jpeg$ [NC] RewriteCond %{HTTP_REFERER} !^$ RewriteCond %{HTTP_REFERER} !example.com [NC] RewriteRule (.*) https://www.example.com/warningimage 아래 이미지는 simulz.kr 도메인에서만 정상적으로 보인다. GeoIP 정보와 시각이 기록된다. GeoIP IP 주소, ISP 업체, 국가, 주, 시..
PC&웹/웹프로그래밍 2023. 10. 29. 18:04

미디어위키, 같은 디렉터리에서 단축 URL 사용하기

mediawiki(미디어위키)나 다른 사이트에서 안내된 방법은 참 귀찮고 쓸모가 없다. /w 디렉터리에 설치하라는 둥... 죄다 펌복붙...😡 예 아래와 같은 기본 경로를 https://simulz.kr/wiki/index.php?title=대문 https://simulz.kr/wiki/index.php/대문 아래처럼 바꿀 수 있는데도 왜 관련 정보가 없을까? https://simulz.kr/wiki/대문 XpressEngine(XE) 또는 Wordpress(워드프레스)는 자체 단축 URL 기능을 가지고 있다. 그럼, 미디어위키도 가능하다는 것이다! 방법 카페24 호스팅 기준. 아파치 서버. .htaccess .htaccess 파일을 만들고 /wiki/ 디렉터리에 넣는다. 미디어위키가 설치된 폴더에 넣으..
PC&웹/웹프로그래밍 2023. 10. 29. 15:42

미디어위키 - HTTPS 로 변경하기

도메인 SSL 인증서를 설치했다면, MediaWiki도 HTTPS를 이용하도록 설정하는 것이 좋다. ./LocalSettings.php 파일을 열고 아래처럼 편집한다. $wgServer = "https://yourDNS.com"; $wgForceHTTPS = true; $wgServer 주소에 http로 되어 있으면 오류가 발생한다. $wgForceHTTPS 변수가 없으면 추가한다. http로 접속하거나 링크를 누르면 주소 앞에 https가 붙는다. 참조 Manual:$wgForceHTTPS - MediaWiki
PC&웹/웹프로그래밍 2023. 8. 23. 19:39

(구글) 블로그 이벤트 기록 및 추적 프로젝트

geoIP 추적 - geoIP 쿼리용 JSONP, 구글 태그 준비 geoIP를 수집하기 위한 작업이다. geoIP는 IP 주소와 위치 정보를 나타낸다. 해외 서비스를 이용하면 트래픽 제한으로 인해 쿼리가 안 되거나 차단될 수 있다. 그러면 본인 소유의 웹호스팅이나 웹서버를 이용해야 한다. PHP - JSONP 생성 코드
PC&웹/웹프로그래밍 2023. 8. 19. 00:11
1 2 3 4 5
반응형

티스토리툴바