차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

--- wiki:도쿠위키_제작과정 [2020/09/19 21:42]
clayeryan@gmail.com [interwiki 항목 편집]
+++ wiki:도쿠위키_제작과정 [2024/04/03 19:12] (현재)
clayeryan@gmail.com [메인페이지의 수정]
@@ 줄 5: / 줄 5: @@
 ====== 도쿠위키 제작 일지 =======
-이 페이지는 제작자의 사견<del>징징댐</del>이 많이 포함이 되어 있으며 ;; 매우 지저분하고 알아보기 힘든 내용들이 많이 있을 것이라 사료됩니다. ;; 제작자의 필요에 따라 만들어지고 있는 만큼... 뒤죽박죽일 수 있으니 양해나 뒤로 가기를 살포시....
-++++주저리 20.08.26|나는 처음 html 이니 태그니 그런 걸 알았을 때부터 지금까지 윈도우의 기본 메모장인 notepad 와 alftp 프로그램으로 홈페이지를 만들고 편집하고 있다. cgi를 지나 php에 이르기까지 제로보드를 지나 그누보드에 이르기까지 쭈욱 그렇게 해왔다.
-그런 내가 이제는 위키라는 걸 만들어 보고 있다. 그렇게 여전히 삽질을 계속 하고 있다.
-아는 게 짧고 단편적이기 때문에, 여전히 남의 소스를 보고 카피를 하고 메뉴얼을 찾아 뒤적거려가며 남이 만들어 놓은 것들을 복붙해 가면서 만들고 있기 때문에. 쉽게 잊어버리고 잃어버리는 특성을 감안할 때, 우선은 내가 편하고 내가 살아야 하기에.
-이런 페이지가 필요한 거다.
-다른 사람에게도 필요할 지는 모르겠다.
-도쿠위키란 넘이 그냥 홈페이지 구성과는 또 전혀 다른 위키라고 하는 특성을 가지고 있고, 홈페이지와 여러가지 참고할 정보들이 있기는 하지만 어디까지나 제한적이고, 외국어가 더 많기 때문에... 구글 번역기는 전문용어까지도 간간히 번역해버리는 통에 ;;; 답이 없는고로.
-다른 위키 사이트들을 뒤적거려가며 오늘도 삽질 중이다.++++
-++++주저리 20.09.04| <fs small>보안연결 -  %%https://%% 서비스를 신청한 이후,[[https://search.google.com
-|구글 서치콘솔]]도 등록했습니다. 대신 그럴수록 조금씩 접속이 지연되고 느려지는 일이(왼쪽 메뉴 클릭이 특히 버벅댑니다. ㅜㅠ) 발생하고 있는데, 원인을 찾아서 수정하려 노력하고 있습니다. 아~~~ 왜 이러는데 ㅠㅠ  / 다행히 모바일은 잘 되네요</fs> 도쿠위키 편집문법을 제대로 활용할 수 있는 건 [[wiki:위키문법]] 페이지 정도일 것이고 [[wiki:도쿠위키_제작과정]]은 뒤죽박죽입니다. 그것도 그럴 것이 필요할 때마다 크롤링에 가까운 구글서칭<fs xx-small>네이버는 없ㅇ</fs>을 거쳐 적용하고 안되면 되돌리고, 그러다 성공하는 작업의 반복이기 때문입니다. 플러그인, 그 중에서도 왼쪽 메뉴에 쓰이고 있는 index menu 플러그인은 아주 웬수입니다.;;; 그렇습니다. 그렇다구요 ㅠㅜ++++
-++++주저리 20.09.10| 이제 구글 애드센스 수익은 보지 말아야지 했으면서도 또 자꾸만 들여다보는 게 습관이 되어 버렸다. 1주일에 1달러도 안 되는데, 접속자는 쬐금 늘어난 것 같지만 여전히 혼자 놀고 있는 느낌이다. 뭐, 예상했던 바이니까... 그래도 이제 삽질과 노가다라 하는 것을 조금은 벗어날 수 있을듯 하다. 엑셀의 자동화 기술... 왜 나는 그걸 모르지 않으면서 그냥 무턱대고 반복 작업을 했던 것일까? ㅡㅜ 두어시간은 걸릴 리스트 정렬 작업을 2~30분만에 끝내놓고 혀를 찼다. 이래서 인간은 새로운 기술을 배우고 써먹어야 한다. 그래, 이제 겨우 템플릿의 main.php속에 있는 css들도 조금은 눈에 익었다. pc에서 광고가 뜨질 않아 씨름하고 그것을 온전하게 정렬하느라 또 하루, 그 다음에는 모바일 버젼 정렬이 망가져서 또 하루... 내용을 채워야 할 것들도 많은건데... 이제 디자인, 기능은 더 이상 손대지 말아야지 해놓고. 또 그랬다. ㅠㅜ 그래도 이제 main파일에 있는 언어들이 예쁘게 정렬이 잘 되었다. 시인들과 시 리스트도 마찬가지다. 모두 잘 백업해놓고 엑셀 파일로 작업해서 보관할 작정이다. 고생이 헛되질 않기를 기원해본다.++++
 =====도쿠위키 설치=====
 ++++쥔장의 경우|
@@ 줄 47: / 줄 28: @@
 ==== 우선 다운로드 ====
+[[https://www.dokuwiki.org/dokuwiki|도쿠위키 최신 다운로드]]
 ++++ 도쿠위키를 다운로드 받으십시오|
 {{ :wiki:install.png?nolink |}}
@@ 줄 54: / 줄 38: @@
 ====도쿠위키 처음 설정====
 ftp의 경우 : 업로드 해주면 된다. 시간이 좀 걸리더라. (다른 일 보고 오기를 추천) / 도메인 경로로 접속하면 된다. 안 되면 install.php 붙여서 접속해보고, 폴더 권한설정 777로 해보고, 그래도 에러메시지나 페이지 없음 어쩌구 뜨면 내가 사용하고 있는 업체의 php 버젼을 확인하라~
+==== 환경설정 ====
+테마 등을 바꾸기 위해서는 ''./conf/dokuwiki.php'' 이 파일을 수정해야 한다.
+ ++++한글 버젼으로 하고 테마를 변경하기 위해|
+<code java>
+/* Basic Settings */
+$conf['title']       = 'DokuWiki';        //what to show in the title
+$conf['start']       = 'start';           //name of start page
+$conf['lang']        = 'ko';              //your language
+$conf['template']    = 'white';         //see lib/tpl directory
+$conf['tagline']     = '';                //tagline in header (if template supports it)
+$conf['sidebar']     = 'sidebar';         //name of sidebar in root namespace (if template supports it)
+$conf['license']     = 'cc-by-nc-sa';     //see conf/license.php
+$conf['savedir']     = './data';          //where to store all the files
+$conf['basedir']     = '';                //absolute dir from serveroot - blank for autodetection
+$conf['baseurl']     = '';                //URL to server including protocol - blank for autodetect
+$conf['cookiedir']   = '';                //path to use in cookies - blank for basedir
+$conf['dmode']       = 0755;              //set directory creation mode
+$conf['fmode']       = 0644;              //set file creation mode
+$conf['allowdebug']  = 0;                 //allow debug output, enable if needed 0|1
+</code>
+++++
+이렇게 수정해주었다.
+==== 메인페이지의 수정 ====
+<hi #fff200>어찌보면 가장 중요한 껍데기(스킨)에서의 핵심 파일이 바로 :!:''main.php'' 파일이다. 스킨을 적용해주고, 그 나머지 디자인과 기능들은 이 파일의 수정을 통해 지금 보고 있는 디자인이 모두 이루어진 것이다.</hi>
+경로 : ''./lib/tpl/white/main.php''
+++++main.php 소스|
+<file php main.php>
+<?php
+/**
+ * DokuWiki NME Template
+ *
+ * @link     http://nme.kr
+ * @based on white template
+ * @editor  [email protected]
+ * @license  GPL 2 (http://www.gnu.org/licenses/gpl.html)
+ */
+if (!defined('DOKU_INC')) die();
+@require_once(dirname(__FILE__).'/tpl_functions.php');
+header('X-UA-Compatible: IE=edge,chrome=1');
+$showSidebar = page_findnearest($conf['sidebar']);
+?>
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $conf['lang'] ?>" lang="<?php echo $conf['lang'] ?>" dir="<?php echo $lang['direction'] ?>" class="no-js">
+<head>
+    <!-- Google Tag Manager -->
+    <script>
+        (function(w, d, s, l, i) {
+            w[l] = w[l] || [];
+            w[l].push({
+                'gtm.start': new Date().getTime(),
+                event: 'gtm.js'
+            });
+            var f = d.getElementsByTagName(s)[0],
+                j = d.createElement(s),
+                dl = l != 'dataLayer' ? '&l=' + l : '';
+            j.async = true;
+            j.src =
+                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
+            f.parentNode.insertBefore(j, f);
+        })(window, document, 'script', 'dataLayer', 'GTM-WJ3T8KM');
+    </script>
+	    <!-- End Google Tag Manager -->
+    <script type="text/javascript" src="view-source:http://usablica.github.io/widearea/widearea.js?v030"></script>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,
+  maximum-scale=1.0, minimum-scale=1.0">
+    <meta name="description" content="nme.kr - name - 문학, 클래식, 어학, 여행회화, 상용구, 단문장사전, 어문학사전">
+    <meta property="og:type" content="website">
+    <meta property="og:title" content="nme.kr - name - 문학, 클래식, 어학, 여행회화, 상용구, 단문장사전, 어문학사전">
+    <meta property="og:description" content="nme.kr - name 원서로 읽기 위한, 문학, 클래식, 어학, 여행회화, 상용구, 단문장사전, 어문학사전">
+    <meta property="og:image" content="https://nme.kr/katoc.jpg">
+    <meta property="og:url" content="https://nme.kr">
+    <?php tpl_metaheaders() ?>
+    <?php tpl_includeFile('meta.html') ?>
+    <title><?php tpl_pagetitle() ?> [<?php echo strip_tags($conf['title']) ?>]</title>
+    <script>
+        (function(H) {
+            H.className = H.className.replace(/\bno-js\b/, 'js')
+        })(document.documentElement)
+    </script>
+    <?php echo tpl_favicon(array('favicon', 'mobile')) ?>
+    <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag() {
+            dataLayer.push(arguments);
+        }
+        gtag('js', new Date());
+        gtag('config', 'UA-177213008-1');
+    </script>
+    <!--- 구글 애드센스 스크립트 --->
+    <script data-ad-client="ca-pub-3614176458286759" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
+    <!--- 구글 애널리틱스 스크립트 --->
+    <!-- Global site tag (gtag.js) - Google Analytics -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-177213008-1"></script>
+    <!--- 우측 광고 정렬 스크립트 --->
+    <style type="text/css" media="screen and (min-width:769px)">
+       #parent1 {
+            position: relative;
+            z-index: 3;
+        }
+       #child {
+            position: absolute;
+            display: none;
+	z-index: 1;
+        }
+    </style>
+    <style type="text/css">
+        #button {
+            background: #FFF;
+        }
+        #button:hover {
+            background: #F2F2F2;
+        }
+    </style>
+    <link rel="stylesheet" type="text/css" href="/dw/lib/plugins/widearea/widearea/widearea.css" />
+<script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>
+</head>
+<body id="dokuwiki__top">
+    <div id="dokuwiki__site" class="<?php echo tpl_classes(); ?> <?php echo ($showSidebar) ? 'hasSidebar' : ''; ?>">
+        <?php html_msgarea() ?>
+        <?php tpl_includeFile('header.html') ?>
+<div id="parent1">
+        <!-- ********** HEADER ********** -->
+         <div id="dokuwiki__header">
+            <div class="group">
+                <h1><?php tpl_link(wl(),$conf['title'],'accesskey="h" title="[H]"') ?></h1>
+                <div class="left">
+                    <?php if ($showSidebar): ?>
+                    <button class="btn_left" accesskey="m" , title="[M]">Nav</button>
+                    <?php endif; ?>
+                </div>
+                <div class="right">
+                    <button class="btn_search" accesskey="s" , title="[S]">Search</button>
+                    <button class="btn_right" accesskey="i" , title="[I]">Edit</button>
+                </div>
+            </div>
+            <div class="search">
+                <?php tpl_searchform(); ?>
+            </div>
+        </div><!-- /header -->
+        <!-- ********** 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') ?>
+                <div id="button" style="font-size:12px; border: solid 1px; padding:5px; margin:5px; width:160px; height:30px;">
+                    <img src="https://nme.kr/dw/lib/tpl/white/fold.png" align=middle><a href="javascript:void(0);" class="fold_unfold_all" onclick="fold_unfold_all();" rel="nofollow" title="Fold/unfold all"><span><b>전체 접힌 글 펴기 / 접기</b></span></a>
+                </div>
+                <!-- TOC -->
+                <div id="sidebar" style="padding:5px; margin:5px;">
+                    <?php tpl_toc()?>
+                </div>
+            </div><!-- /dokuwiki__aside -->
+            <?php endif; ?>
+            <div id="dokuwiki__tools" class="sidebar left">
+                <!-- PAGE TOOLS -->
+                <div id="dokuwiki__pagetools">
+                    <h3><?php echo $lang['page_tools'] ?></h3>
+                    <ul>
+                        <?php white_toolsevent('pagetools', array(
+                            'edit'      => tpl_action('edit', 1, 'li', 1, '<span>', '</span>'),
+                            'revisions' => tpl_action('revisions', 1, 'li', 1, '<span>', '</span>'),
+                            'backlink'  => tpl_action('backlink', 1, 'li', 1, '<span>', '</span>'),
+                            'subscribe' => tpl_action('subscribe', 1, 1, '<span>', '</span>'),
+                            'revert'    => tpl_action('revert', 1, 'li', 1, '<span>', '</span>'),
+                        )); ?>
+                    </ul>
+                </div><!-- /dokuwiki__pagetools -->
+                <!-- SITE TOOLS -->
+                <div id="dokuwiki__sitetools">
+                    <h3><?php echo $lang['site_tools'] ?></h3>
+                    <ul>
+                        <?php white_toolsevent('sitetools', array(
+                            'recent'    => tpl_action('recent', 1, 'li', 1, '<span>', '</span>'),
+                            'media'     => tpl_action('media', 1, 'li', 1, '<span>', '</span>'),
+                            'index'     => tpl_action('index', 1, 'li', 1, '<span>', '</span>'),
+                        )); ?>
+                    </ul>
+                </div><!-- /dokuwiki__sitetools -->
+                <!-- USER TOOLS -->
+                <?php if ($conf['useacl']): ?>
+                <div id="dokuwiki__usertools">
+                    <h3><?php echo $lang['user_tools'] ?>
+                    </h3>
+                    <ul>
+                        <?php white_toolsevent('usertools', array(
+                            'admin'     => tpl_action('admin', 1, 'li', 1, '<span>', '</span>'),
+                            'register'  => tpl_action('register', 1, 'li', 1, '<span>', '</span>'),
+                            'login'     => tpl_action('login', 1, 'li', 1, '<span>', '</span>'),
+                        )); ?>
+                    </ul>
+                    <h3><a href="http://nme.kr/dw/doku.php?id=index&do=admin&page=move_tree">왼쪽 메뉴 편집</a>
+                        <p>
+                            <p>
+                                <a href="http://nme.kr/dw/doku.php?id=index&do=admin&page=extension">&nbsp;Plugin 관리</a>
+                                <p>
+                                    <a href="http://nme.kr/dw/doku.php?id=index&do=admin&page=styling">&nbsp;테마 디자인</a>
+                    </h3>
+<!-- Kakaotalk Share -->
+<div>
+&nbsp;
+</div>
+<center><input type="image" onClick="sendLinkCustom();" src="https://developers.kakao.com/assets/img/about/logos/kakaolink/kakaolink_btn_medium.png" width="25" height="25">&nbsp;<b>카카오톡 링크 보내기</b></center>
+<script type="text/javascript">
+    function sendLinkCustom() {
+        Kakao.init('e4dc9d94bcfd69949b12133b45c4d2cb');
+        Kakao.Link.sendCustom({
+            templateId: 75002
+        });
+    }
+</script>
+<script type='text/javascript'> //<![CDATA[ // // 사용할 앱의 JavaScript 키를 설정해 주세요. Kakao.init('e4dc9d94bcfd69949b12133b45c4d2cb'); // // 카카오링크 버튼을 생성합니다. 처음 한번만 호출하면 됩니다. Kakao.Link.createScrapButton({ container: '#kakao-link-btn', requestUrl: 'http://nme.kr', templateId : 75002 }); //]]> </script>
+                </div><!-- /dokuwiki__usertools -->
+                <?php endif ?>
+            </div><!-- /dokuwiki__tools -->
+            <div id="sidebar_bg">
+            </div>
+            <div id="to_top">
+                <?php tpl_action('top') ?>
+            </div>
+        </div><!-- /sidebar_wrapper -->
+        <div class="wrapper group">
+            <div style="border:1px solid lightgray;">
+                <!-- ********** CONTENT ********** -->
+                <div id="dokuwiki__content">
+	            <div class="group" id="parent1" style="background-color: #FFFFFF" style="height: 100%; width: 100%">
+                        <?php tpl_flush() ?>
+                        <?php tpl_includeFile('pageheader.html') ?>
+                        <!-- BREADCRUMBS -->
+                        <?php if($conf['breadcrumbs']){ ?>
+                        <div class="breadcrumbs"><?php tpl_breadcrumbs($ret='›') ?></div>
+                        <?php } ?>
+                        <?php if($conf['youarehere']){ ?>
+                        <div class="breadcrumbs"><?php tpl_youarehere() ?></div>
+                        <?php } ?>
+                        <div class="page group
+                <?php if(tpl_getConf('numberedHeading')): ?> numbered_heading<?php endif ?>
+                <?php if(tpl_getConf('tocPosition')): ?> toc_<?php echo tpl_getConf('tocPosition') ?><?php endif ?>
+                ">
+	                <!-- wikipage start -->
+		<div>
+		    <?php tpl_content() ?>
+		    <!-- wikipage stop -->
+                        </div>
+                        <?php tpl_flush() ?>
+                        <?php tpl_includeFile('pagefooter.html') ?>
+                    </div>
+                </div><!-- /content -->
+                <a href="https://nme.kr"><img src="https://nme.kr/dw/logo.gif" border="0"></a>
+                <!-- ********** FOOTER ********** -->
+                <div id="dokuwiki__footer">
+                    <?php if($INFO['exists']): ?>
+                    <div class="doc"><?php white_pageinfo() ?></div>
+                    <?php endif ?>
+                    <?php tpl_includeFile('sidebarfooter.html') ?>
+                    <?php tpl_license('badge', false, false) ?>
+                    <div class="footer">
+                        <?php tpl_include_page(tpl_getConf('footer'), 1, 1) ?>
+                    </div>
+                </div><!-- /footer -->
+                <?php tpl_includeFile('ads.html') ?>
+            </div><!-- /wrapper -->
+	        </div>
+		</div><!-- /site -->
+        <div class="no"><?php tpl_indexerWebBug() /* provide DokuWiki housekeeping, required in all templates */ ?></div>
+        <!-- Google Tag Manager (noscript) -->
+        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WJ3T8KM" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+        <!-- End Google Tag Manager (noscript) -->
+        <!-- Naver Analytics -->
+        <script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script>
+        <script type="text/javascript">
+            if (!wcs_add) var wcs_add = {};
+            wcs_add["wa"] = "4b599b83947410";
+            if (window.wcs) {
+                wcs_do();
+            }
+        </script>
+        <!-- End Naver Analytics -->
+</body>
+</html>
+</file>
+++++
+**{{date>%A:%y.%m.%d}}** 수정 백업
 ====도쿠위키 꾸미기====
@@ 줄 88: / 줄 405: @@
 현재 이곳에 적용되어 있는 템플릿은 white 템플릿이다. [[doku>template:white]]
 한국사람이 제작했으며 (예제 스샷이 아이유이다~), 매우 깔끔하고 단순하며 그래서 모바일에 더더욱 이점이 있다. (하지만 데스크탑용에는 기능이 너무 없으며 단순해서 기능을 하나 추가하려면 무진장 애먹어야 한다.. ㅡㅡ;;;) <del>괜찮아, [[nme>]]는 모바일 최적화이니까 ;;;</del>
+=== 백업 및 복구 ===
+모든 글의 데이터는 txt 파일로 저장되는 것이 도쿠위키의 특징이자, 장단점이다. (백업 복구가 간편하다)
+폴더의 위치도 간단하다. ''./data/pages'' 이곳에 저장된다.
 ====도쿠위키 글쓰기====
@@ 줄 134: / 줄 457: @@
 [[https://www.dokuwiki.org/development|고오급 단계 편집]]
-[[nme>wiki:도쿠위키_디렉터리_구조]]
+[[wiki:도쿠위키_디렉터리_구조]]
@@ 줄 290: / 줄 613: @@
   - 보다 고급스런 방법이다. 위의 참조는 무시하기로 한다. <del>나는 도쿠위키이니까, 도쿠위키에 맞게</del> 우선, favicon.ico 파일을 만들어 둔다. <del>걍 png 파일 저장이나 이름 바꾸기로 해서 .ico 로 만든다. 사이즈도 되기만 하면 되지 16x16으로 한다.</del> 그 다음에 [[doku>tips:favicons]] 여기를 참조해서, ''./data/media'' 폴더와 ''./lib/tpl/dokuwiki/images'' 폴더에 업로드 시켜주기만 하면 끝이다.
+==== 좀 더 깊이 있게 파고들고자 하면 ====
+[[wiki:도쿠위키_디렉터리_구조]] => 이곳을 참고하시길
 ==== 도쿠위키 사이트들 ====

nme.kr

문서 도구

사이트 도구

사용자 도구

왼쪽 메뉴 편집

Plugin 관리
테마 디자인

차이

nme.kr

문서 도구

사이트 도구

사용자 도구

왼쪽 메뉴 편집 Plugin 관리 테마 디자인

차이

왼쪽 메뉴 편집

Plugin 관리
테마 디자인