문서의 이전 판입니다!
이 페이지는 제작자의 사견징징댐이 많이 포함이 되어 있으며 ;; 매우 지저분하고 알아보기 힘든 내용들이 많이 있을 것이라 사료됩니다. ;; 제작자의 필요에 따라 만들어지고 있는 만큼… 뒤죽박죽일 수 있으니 양해나 뒤로 가기를 살포시….
나는 처음 html 이니 태그니 그런 걸 알았을 때부터 지금까지 윈도우의 기본 메모장인 notepad 와 alftp 프로그램으로 홈페이지를 만들고 편집하고 있다. cgi를 지나 php에 이르기까지 제로보드를 지나 그누보드에 이르기까지 쭈욱 그렇게 해왔다.
그런 내가 이제는 위키라는 걸 만들어 보고 있다. 그렇게 여전히 삽질을 계속 하고 있다.
아는 게 짧고 단편적이기 때문에, 여전히 남의 소스를 보고 카피를 하고 메뉴얼을 찾아 뒤적거려가며 남이 만들어 놓은 것들을 복붙해 가면서 만들고 있기 때문에. 쉽게 잊어버리고 잃어버리는 특성을 감안할 때, 우선은 내가 편하고 내가 살아야 하기에.
이런 페이지가 필요한 거다.
다른 사람에게도 필요할 지는 모르겠다.
도쿠위키란 넘이 그냥 홈페이지 구성과는 또 전혀 다른 위키라고 하는 특성을 가지고 있고, 홈페이지와 여러가지 참고할 정보들이 있기는 하지만 어디까지나 제한적이고, 외국어가 더 많기 때문에… 구글 번역기는 전문용어까지도 간간히 번역해버리는 통에 ;;; 답이 없는고로.
다른 위키 사이트들을 뒤적거려가며 오늘도 삽질 중이다.
보안연결 - https:// 서비스를 신청한 이후,구글 서치콘솔도 등록했습니다. 대신 그럴수록 조금씩 접속이 지연되고 느려지는 일이(왼쪽 메뉴 클릭이 특히 버벅댑니다. ㅜㅠ) 발생하고 있는데, 원인을 찾아서 수정하려 노력하고 있습니다. 아~~~ 왜 이러는데 ㅠㅠ / 다행히 모바일은 잘 되네요 도쿠위키 편집문법을 제대로 활용할 수 있는 건 위키문법 페이지 정도일 것이고 도쿠위키_제작과정은 뒤죽박죽입니다. 그것도 그럴 것이 필요할 때마다 크롤링에 가까운 구글서칭네이버는 없ㅇ을 거쳐 적용하고 안되면 되돌리고, 그러다 성공하는 작업의 반복이기 때문입니다. 플러그인, 그 중에서도 왼쪽 메뉴에 쓰이고 있는 index menu 플러그인은 아주 웬수입니다.;;; 그렇습니다. 그렇다구요 ㅠㅜ
이제 구글 애드센스 수익은 보지 말아야지 했으면서도 또 자꾸만 들여다보는 게 습관이 되어 버렸다. 1주일에 1달러도 안 되는데, 접속자는 쬐금 늘어난 것 같지만 여전히 혼자 놀고 있는 느낌이다. 뭐, 예상했던 바이니까… 그래도 이제 삽질과 노가다라 하는 것을 조금은 벗어날 수 있을듯 하다. 엑셀의 자동화 기술… 왜 나는 그걸 모르지 않으면서 그냥 무턱대고 반복 작업을 했던 것일까? ㅡㅜ 두어시간은 걸릴 리스트 정렬 작업을 2~30분만에 끝내놓고 혀를 찼다. 이래서 인간은 새로운 기술을 배우고 써먹어야 한다. 그래, 이제 겨우 템플릿의 main.php속에 있는 css들도 조금은 눈에 익었다. pc에서 광고가 뜨질 않아 씨름하고 그것을 온전하게 정렬하느라 또 하루, 그 다음에는 모바일 버젼 정렬이 망가져서 또 하루… 내용을 채워야 할 것들도 많은건데… 이제 디자인, 기능은 더 이상 손대지 말아야지 해놓고. 또 그랬다. ㅠㅜ 그래도 이제 main파일에 있는 언어들이 예쁘게 정렬이 잘 되었다. 시인들과 시 리스트도 마찬가지다. 모두 잘 백업해놓고 엑셀 파일로 작업해서 보관할 작정이다. 고생이 헛되질 않기를 기원해본다.
기본적으로 html을 알며, php가 어떤 것인지는 알아야 한다. 제로보드, 그누보드 를 설치해 보았다는 전제하에 이 글은 시작된다.
도쿠위키는 일단 ftp / 리눅스 / 퍼미션이니 하는 것들의 설정….
그 딴 거 없다. (하지만 ftp는 쓸 수 있어야 하고 알아야 한다. 편집자 본인은 오로지 alftp만 고집해왔던지라그거밖에 쓸 줄 몰ㄹ) 오히려 초보자들에게는 도움이 될 수 있지 않을까 싶다. 아울러 삽질 & 시간 낭비를 조금이라도 덜 하기를 바라면서)
여기서 최신버젼을 다운받아 압축 풀어서 걍 ftp로 업로드만 하고 경로로 접속만 하면 끝!!!
세상 간단하다. 물론 설치 전에 내가 쓰고 있는 호스팅서버(윈도우,리눅스 같은 운영체계에 설치해서 사용하는 것은 배제한다.)의 php 버젼(PHP는 버전 5.6 이상이어야 하지만 최신 버전을 적극 권장합니다.)
등은 확인해야 한다. 참조
모바일 홈페이지도 그냥 만들어진다. 그거 하나 만들어 보겠다고 XE에서나 요즘 유행하는 반응형 홈페이지 feat. wordpress / https://www.makenow.kr← 쉽고 빠르고 간편하게 반응형 홈페이지를 만들겠다면 이거 추천 / 따위를 열심히 기웃거렸던 나는 뭐지 ;;;
하지만 문제는 그 다음에 있으니~ ;;;
25.03.14. 기준 Hogfather 버젼이 최신 (안정된 것을 위해 나는 중간 버젼을 다운 받았다.) / 언어 선택은 걍 ko(한글)을 받아도 되는데 다 체크가 되어 있는 버젼을 받는다. (괜한 욕심) / 플러그인도 걍 다 체크해서 기본 포함이 되어 있는 것으로… (껴주는 옵션이 편리한거다. 본인은 혼자 쓰는 위키로 만들 것이니 맨 위에 capcha 는 뺀다.)
ftp의 경우 : 업로드 해주면 된다. 시간이 좀 걸리더라. (다른 일 보고 오기를 추천) / 도메인 경로로 접속하면 된다. 안 되면 install.php 붙여서 접속해보고, 폴더 권한설정 777로 해보고, 그래도 에러메시지나 페이지 없음 어쩌구 뜨면 내가 사용하고 있는 업체의 php 버젼을 확인하라~
plugin 은 도쿠위키라고 하는 신차에 달리는 옵션이라고 할 수 있다. 플러그인의 기능에 따라서는 스마트폰의 앱만큼이나 기능이 없는 기기에 날개를 달아준다고도 볼 수 있다. 하지만, 여기에도 무분별한 플러그인의 설치는 에러 메시지 출력을 보게 될 수 있으니 꼭 필요한 기능을 위주로, 내 도쿠위키 버젼과 호환성(되도록 너무 오래된 플러그인은 깔지 말자) 및 다른 플러그인 설치 및 충돌에 대한 설명을 잘 읽어보고 설치하자.
용법에 관해서는 논외의 플러그인을 통한 구문 문법에 정리를 해놓고 있다.
코드 :
{{<date>% A : % d. % m. % y}}> plugin:date 날짜 삽입 플러그인코드 :
{searchform}plugin:searchform 내부 검색이 필요해서 깔았는데 그닥 ;;https://www.dokuwiki.org/ko:plugins#%EC%83%88%EB%A1%9C%EC%9A%B4_%ED%94%8C%EB%9F%AC%EA%B7%B8%EC%9D%B8_%EC%95%84%EC%9D%B4%EB%94%94%EC%96%B4 목록으로 되어 있는 전체 플러그인 리스트이다.
현재 이곳에 적용되어 있는 템플릿은 white 템플릿이다. template:white
한국사람이 제작했으며 (예제 스샷이 아이유이다~), 매우 깔끔하고 단순하며 그래서 모바일에 더더욱 이점이 있다. (하지만 데스크탑용에는 기능이 너무 없으며 단순해서 기능을 하나 추가하려면 무진장 애먹어야 한다.. ㅡㅡ;;;) 괜찮아, 는 모바일 최적화이니까 ;;;
wiki:위키문법 참조
25.03.14 현재 지금까지도 가장 애를 많이 먹고 있는 부분이다.앞으로도? ㅠㅠ
플러그인 plugin:indexmenu 이것을 사용해서 현재 왼쪽의 메뉴를 구성하고 있다. 도쿠위키에서 메뉴 구성은 좀 특이한데 좌측의 메뉴처럼 폴딩 - 트리 구조의 메뉴를 만드려면 플러그인을 통해서 구현할 수가 있다. (하지만 도쿠위키 처음 디자인만큼이나 기본으로 제공하는 것은 투박함 ;;;) 플러그인을 설치한 후, sidebar 라는 처음부터 만들어져 있던 페이지에 코드를 작성하면 그 페이지가 메뉴 페이지가 되는 형식이다. 메뉴 편집은 사이드바 페이지를 편집하면 된다. 어찌보면 매우 효율적인 시스템이긴 한데.. 원하는대로 구성하려면 쉽지가 않다. ㅜㅠ
아주 긴 싸움이었다. 목차….
./lib/tpl/white/main.php 수정 <!-- ********** sidebar ********** --> <div id="sidebar_wrapper"> <!-- ********** ASIDE ********** --> <?php if ($showSidebar): ?> <div id="dokuwiki__aside" class="sidebar"> <?php tpl_includeFile('sidebarheader.html') ?> <?php tpl_include_page($conf['sidebar'], 1, 1) ?> <?php tpl_includeFile('sidebarfooter.html') ?> <!-- TOC --> <div id="sidebar"> <?php tpl_toc()?> </div> </div> <!-- /dokuwiki__aside -->
lib/scripts/page.js
파일을 수정 dw_page.makeToggle('#dwtoc h3','#dwtoc > div',-1);
-1만 끝에 붙여서 수정했다.
이곳은 도쿠위키라는 위키사이트로 제작되었다. 도쿠위키는 영문이다. 젝일, 내가 영어를 더 공부하던가 해야지. 네이버에서는 검색하면 아이돌 글들만 딸려 나온다. 네이버 쓰렉~ 결국 구글링인데~ 구글 자동번역하면 코드 명령어까지 같이 번역된다. 아놔… 빵부스러기 ;;;
그리하야~ 길고 긴 오딧세이 여정을 거치게 된 결과물들이다. 한글로 된 도쿠위키 정보들이 참 귀하다. ㅡㅜ 설치는 쉽다. 참 쉽다. 하지만 플러그인이 없으면 옵션없는 깡통 차에 불과하고, 디자인은 테마를 쓰면 되는데 당최 수정이 어렵다. ㅡㅜ
편집에 참고한 문서들
interwiki tips:interwiki_shortcuts
# Each URL may contain one of these placeholders # {URL} is replaced by the URL encoded representation of the wikiname # this is the right thing to do in most cases # {NAME} this is replaced by the wikiname as given in the document # only mandatory encoded is done, urlencoding if the link # is an external URL, or encoding as a wikiname if it is an # internal link (begins with a colon) # {SCHEME} # {HOST} # {PORT} # {PATH} # {QUERY} these placeholders will be replaced with the appropriate part # of the link when parsed as a URL # If no placeholder is defined the urlencoded name is appended to the URL # To prevent losing your added InterWiki shortcuts after an upgrade, # you should add new ones to interwiki.local.conf nme http://nme.kr/dw/doku.php?id={NAME} doku https://www.dokuwiki.org/ namu https://namu.wiki/w/{NAME} wpko https://ko.wikipedia.org/wiki/{NAME} wp https://en.wikipedia.org/wiki/{NAME} ow https://openwiki.kr/home?do=search&id={NAME} go https://www.google.com/search?q={URL}&btnI=lucky # To support VoIP/SIP/TEL links callto callto://{NAME} tel tel:{NAME}
<?php /* * Dokuwiki's Main Configuration File - Local Settings * Auto-generated by config plugin * Run for user: nme * Date: Fri, 28 Aug 2020 01:53:15 +0900 */ $conf['title'] = 'nme.kr'; $conf['start'] = 'index'; $conf['lang'] = 'ko'; $conf['template'] = 'white'; $conf['license'] = 'cc-by-sa'; $conf['breadcrumbs'] = 5; $conf['youarehere'] = 1; $conf['fullpath'] = 1; $conf['showuseras'] = 'email'; $conf['tocminheads'] = '2'; $conf['maxtoclevel'] = '5'; $conf['maxseclevel'] = '5'; $conf['useacl'] = 1; $conf['superuser'] = '@admin'; $conf['disableactions'] = 'register'; $conf['htmlok'] = 1; $conf['target']['extern'] = '_blank'; $conf['defer_js'] = 0; $conf['plugin']['pagebuttons']['hideDelete'] = 1; $conf['plugin']['pagelist']['style'] = 'simplelist'; $conf['plugin']['pagelist']['showheader'] = 1; $conf['tpl']['white']['numberedHeading'] = 1; $conf['tpl']['white']['footer'] = 'pagefooter.html'; $conf['tpl']['bootstrap3']['socialShareProviders'] = 'facebook,linkedin,pinterest,whatsapp,reddit,twitter,telegram,yammer,google-plus'; $conf['plugin']['overlay']['admin'] = '0'; $conf['plugin']['overlay']['profile'] = '0'; $conf['plugin']['overlay']['recent'] = '0'; $conf['plugin']['overlay']['revisions'] = '0'; $conf['plugin']['overlay']['backlink'] = '0'; $conf['plugin']['overlay']['login'] = '0'; $conf['plugin']['overlay']['index'] = '0'; $conf['plugin']['overlay']['media'] = '0'; $conf['plugin']['overlay']['register'] = '0'; $conf['plugin']['overlay']['edit'] = '0'; $conf['tpl']['white']['socialShareProviders'] = 'facebook,linkedin,pinterest,whatsapp,reddit,twitter,telegram,yammer,google-plus'; $conf['tpl']['dokuwiki']['socialShareProviders'] = 'facebook,linkedin,pinterest,whatsapp,reddit,twitter,telegram,yammer,google-plus';
파일에서 $conf['target']['interwiki'] = '_blank';
추가하면 된다.$conf['target']['extern'] = '_blank';
여기에다 그냥 ['interwiki']넣었다가 홈페이지에서 아무것도 안 눌러지는 먹통현상이 발생했다. 쩝, 따로 한 줄 넣어주어야 한다.
./lib/images/interwiki
에 올렸는데 말이다. 인터위키를 사용하는데 맛들리니 이제 아이콘을 넣어 문서를 만들고 싶어졌다. 그래서 연구했다.
결과 - devel:smileys.conf 참조 / 현재 이곳에 적용된 아이콘은 아래와 같다.
- 코드 :f: 폴더 아이콘 추가
이미지 업로드 경로는 ./ lib/images/smileys
8-) icon_cool.gif 8-O icon_eek.gif 8-o icon_eek.gif :-( icon_sad.gif :-) icon_smile.gif =) icon_smile2.gif :-/ icon_doubt.gif :-\ icon_doubt2.gif :-? icon_confused.gif :-D icon_biggrin.gif :-P icon_razz.gif : -o icon_surprised.gif : -O icon_surprised.gif : -x icon_silenced.gif : -X icon_silenced.gif :-| icon_neutral.gif ;-) icon_wink.gif m (facepalm.gif ^ _ ^ icon_fun.gif :? : icon_question.gif :! : icon_exclaim.gif LOL icon_lol.gif FIXME fixme.gif DELETEME delete.gif :f: f.png
주소입력창에 아이콘을 넣었다. 익스플로러의 경우,
<link rel="shortcut icon" href="이미지경로">
./data/media
폴더와 ./lib/tpl/dokuwiki/images
폴더에 업로드 시켜주기만 하면 끝이다.