Commit 4edf4b46 authored by 稻米鼠's avatar 稻米鼠
Browse files

Create gh-pages branch via GitHub

parents

index.html

0 → 100644
+125 −0
Original line number Diff line number Diff line 
<!DOCTYPE html>

<html lang="en-us">

  <head>

    <meta charset="UTF-8">

    <title>Wiki-in-box by dmscode</title>

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" type="text/css" href="stylesheets/normalize.css" media="screen">

    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>

    <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">

    <link rel="stylesheet" type="text/css" href="stylesheets/github-light.css" media="screen">

  </head>

  <body>

    <section class="page-header">

      <h1 class="project-name">Wiki-in-box</h1>

      <h2 class="project-tagline">一个可以放在各种网盘，各种空间的，Markdown 语法支持的 Wiki 系统，可以用来方便的管理自己的知识碎片。欢迎各种支持</h2>

      <a href="https://github.com/dmscode/Wiki-in-box" class="btn">View on GitHub</a>

      <a href="https://github.com/dmscode/Wiki-in-box/zipball/master" class="btn">Download .zip</a>

      <a href="https://github.com/dmscode/Wiki-in-box/tarball/master" class="btn">Download .tar.gz</a>

    </section>



    <section class="main-content">

      <h1>

<a id="wiki-in-box" class="anchor" href="#wiki-in-box" aria-hidden="true"><span class="octicon octicon-link"></span></a>Wiki in box</h1>



<p>我觉得管理知识碎片的最好形式就是 Wiki，因为很多时候知识总是逃不出一个相互定义的圈子，因为这是知识的本质，这也是不懂英语的人拿到了一本英英词典却无法学会英文的原因。而 Wiki 中知识的相互链接恰好十分形象的表现了这一点。</p>



<p>扯远了哈，所以在经历过许多次的“查询 --&gt; 忘记”的过程之后，我终于决定开始构建自己的知识体系了，那么如上所述， Wiki 便成了我的不二选择。</p>



<p>但是，自己搭建 Wiki 总是需要各种环境支持，这倒不不难，但是琢磨起备份的方法来总是觉得头晕。因为本人手残，在服务器上误删网站的事情也旅游发生，所以就希望一个简简单单，放在 Dropbox 里的 Wiki 系统。当然，其实这个已经有很多人在做了，但是也许是我笨，一个都没能试验成功，索性自己操刀了……</p>



<p><strong>Append:</strong> 我想我是被 Chrome 给坑了，他喵的不允许 Javascript 操作本地文件。所以如果你用的是 Chrome 浏览器，那么你必须搭建一个服务器。</p>



<p>不过好消息是：在 Windows 下搭建静态服务器的软件实在是多的一塌糊涂，且十分小巧方便，比打开一个记事本可能都要省资源，那么网盘里放一个也不算什么了。</p>



<p>Linux 下可能更简单一些，大部分系统都自带了 Python， 那么到 Wiki 根目录下运行 <code>python -m SimpleHTTPServer 4000</code> 然后访问 <code>http://ocalhost:4000</code> 即可。</p>



<p>Mac 系统我不了解，求赞助一个供我研究……</p>



<hr>



<h2>

<a id="当前状态" class="anchor" href="#%E5%BD%93%E5%89%8D%E7%8A%B6%E6%80%81" aria-hidden="true"><span class="octicon octicon-link"></span></a>当前状态：</h2>



<ul>

<li>建立项目 ………… OK</li>

<li>文件体系 ………… OK</li>

<li>网页模板 ………… OK</li>

<li>代码转换 ………… OK</li>

<li>文件获取 ………… OK</li>

<li>命名空间 ………… OK</li>

<li>样式定义 ………… OK</li>

<li>代码复制</li>

<li>首页文档 ………… OK</li>

<li>页内索引</li>

</ul>



<h2>

<a id="使用说明" class="anchor" href="#%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E" aria-hidden="true"><span class="octicon octicon-link"></span></a>使用说明：</h2>



<ol>

<li>如果你使用的是 Firefox 浏览器，那么可以把文件放在网盘，在本地使用，十分方便；</li>

<li>如果你使用的是 Chrome 浏览器，你需要准备一个 Http 服务器，请不要找那些大型套件，一个很小很小的 Http 服务器即可，把文件放在网站根目录，在本地使用一样爽歪；</li>

<li>如果你有需要，也可以以上传到网站进行展示，这不需要做任何修改，但是由于是异步读取文件内容，境外主机请慎选，否则可能也面颊在时间过长；</li>

<li>文件存放在 data 目录下，后缀为 md，因为本系统支持的是 Markdown 语法（<a href="http://wowubuntu.com/markdown/">Markdown教程</a>）；</li>

<li>data 目录下支持子目录；</li>

<li>

<p>命名空间深度无限，详细规则如下：</p>



<p><a href="http://yourname.com/?name=dir-a:dir-b:file-c">http://yourname.com/?name=dir-a:dir-b:file-c</a>

对应读取文件为：

/data/ dir-a/dir-b/file-c.md</p>

</li>

<li>imgs 文件夹可用来储存文章图片，目录结构自行安排</li>

</ol>



<h2>

<a id="文件结构" class="anchor" href="#%E6%96%87%E4%BB%B6%E7%BB%93%E6%9E%84" aria-hidden="true"><span class="octicon octicon-link"></span></a>文件结构：</h2>



<ul>

<li>/



<ul>

<li>  |- files            全部引用文件



<ul>

<li>  |- css          全部样式文件，包括 Bootscrap、Hightlight、自定义</li>

<li>  |- fonts        全部字体文件，目前主要是 Bootscrap</li>

<li>  |- js           全部脚本文件，包括 Bootscrap、Hightlight、自定义</li>

</ul>

</li>

<li>  |- files            全部引用文件</li>

<li>  |- imgs             全部文章图片</li>

<li>  |- data             全部文章源码



<ul>

<li>  |- index.md     默认显示文档，建议用作索引</li>

</ul>

</li>

<li>  |- index.html       唯一的页面文件，负责解读一切内容</li>

</ul>

</li>

</ul>



<h2>

<a id="技术支持" class="anchor" href="#%E6%8A%80%E6%9C%AF%E6%94%AF%E6%8C%81" aria-hidden="true"><span class="octicon octicon-link"></span></a>技术支持：</h2>



<ul>

<li>

<a href="https://github.com/chjj/marked">marked</a> by <a href="https://github.com/chjj">chjj</a> 这是一个很不错的 Markdown 转化 Html 的工具，JavaScript 书写， Node.js 和本地都可以使用.</li>

<li>

<a href="https://github.com/isagalaev/highlight.js">highlight.js</a> by <a href="https://github.com/isagalaev">isagalaev</a> 一个真心好用的代码高粱工具，支持 118 种代码高亮。爽得一塌糊涂，记得去他的管网下载，我就是傻乎乎的在 Github 下载的，然后被坑的好爽……</li>

</ul>



      <footer class="site-footer">

        <span class="site-footer-owner"><a href="https://github.com/dmscode/Wiki-in-box">Wiki-in-box</a> is maintained by <a href="https://github.com/dmscode">dmscode</a>.</span>



        <span class="site-footer-credits">This page was generated by <a href="https://pages.github.com">GitHub Pages</a> using the <a href="https://github.com/jasonlong/cayman-theme">Cayman theme</a> by <a href="https://twitter.com/jasonlong">Jason Long</a>.</span>

      </footer>



    </section>



  

  </body>

</html>

params.json

0 → 100644
+2 −0
Original line number Diff line number Diff line 
{"name":"Wiki-in-box","tagline":"一个可以放在各种网盘，各种空间的，Markdown 语法支持的 Wiki 系统，可以用来方便的管理自己的知识碎片。欢迎各种支持","body":"Wiki in box\r\n===\r\n\r\n我觉得管理知识碎片的最好形式就是 Wiki，因为很多时候知识总是逃不出一个相互定义的圈子，因为这是知识的本质，这也是不懂英语的人拿到了一本英英词典却无法学会英文的原因。而 Wiki 中知识的相互链接恰好十分形象的表现了这一点。\r\n\r\n扯远了哈，所以在经历过许多次的“查询 --> 忘记”的过程之后，我终于决定开始构建自己的知识体系了，那么如上所述， Wiki 便成了我的不二选择。\r\n\r\n但是，自己搭建 Wiki 总是需要各种环境支持，这倒不不难，但是琢磨起备份的方法来总是觉得头晕。因为本人手残，在服务器上误删网站的事情也旅游发生，所以就希望一个简简单单，放在 Dropbox 里的 Wiki 系统。当然，其实这个已经有很多人在做了，但是也许是我笨，一个都没能试验成功，索性自己操刀了……\r\n\r\n**Append:** 我想我是被 Chrome 给坑了，他喵的不允许 Javascript 操作本地文件。所以如果你用的是 Chrome 浏览器，那么你必须搭建一个服务器。\r\n\r\n不过好消息是：在 Windows 下搭建静态服务器的软件实在是多的一塌糊涂，且十分小巧方便，比打开一个记事本可能都要省资源，那么网盘里放一个也不算什么了。\r\n\r\nLinux 下可能更简单一些，大部分系统都自带了 Python， 那么到 Wiki 根目录下运行 ```python -m SimpleHTTPServer 4000``` 然后访问 ```http://ocalhost:4000``` 即可。\r\n\r\nMac 系统我不了解，求赞助一个供我研究……\r\n\r\n---\r\n\r\n## 当前状态： ##\r\n\r\n* 建立项目 ………… OK\r\n* 文件体系 ………… OK\r\n* 网页模板 ………… OK\r\n* 代码转换 ………… OK\r\n* 文件获取 ………… OK\r\n* 命名空间 ………… OK\r\n* 样式定义 ………… OK\r\n* 代码复制\r\n* 首页文档 ………… OK\r\n* 页内索引\r\n\r\n## 使用说明： ##\r\n\r\n1. 如果你使用的是 Firefox 浏览器，那么可以把文件放在网盘，在本地使用，十分方便；\r\n2. 如果你使用的是 Chrome 浏览器，你需要准备一个 Http 服务器，请不要找那些大型套件，一个很小很小的 Http 服务器即可，把文件放在网站根目录，在本地使用一样爽歪；\r\n3. 如果你有需要，也可以以上传到网站进行展示，这不需要做任何修改，但是由于是异步读取文件内容，境外主机请慎选，否则可能也面颊在时间过长；\r\n4. 文件存放在 data 目录下，后缀为 md，因为本系统支持的是 Markdown 语法（[Markdown教程](http://wowubuntu.com/markdown/)）；\r\n5. data 目录下支持子目录；\r\n6. 命名空间深度无限，详细规则如下：\r\n\r\n\thttp://yourname.com/?name=dir-a:dir-b:file-c\r\n\t对应读取文件为：\r\n\t/data/ dir-a/dir-b/file-c.md\r\n7. imgs 文件夹可用来储存文章图片，目录结构自行安排\r\n\r\n## 文件结构： ##\r\n\r\n* /\r\n\t* \t|- files\t\t\t全部引用文件\r\n\t\t* \t|- css\t\t\t全部样式文件，包括 Bootscrap、Hightlight、自定义\r\n\t\t* \t|- fonts\t\t全部字体文件，目前主要是 Bootscrap\r\n\t\t* \t|- js\t\t\t全部脚本文件，包括 Bootscrap、Hightlight、自定义\r\n\t* \t|- files\t\t\t全部引用文件\r\n\t* \t|- imgs\t\t\t\t全部文章图片\r\n\t* \t|- data\t\t\t\t全部文章源码\r\n\t\t*\t|- index.md\t\t默认显示文档，建议用作索引\r\n\t* \t|- index.html\t\t唯一的页面文件，负责解读一切内容\r\n\r\n\r\n## 技术支持： ##\r\n\r\n* [marked](https://github.com/chjj/marked) by [chjj](https://github.com/chjj) 这是一个很不错的 Markdown 转化 Html 的工具，JavaScript 书写， Node.js 和本地都可以使用.\r\n* [highlight.js](https://github.com/isagalaev/highlight.js) by [isagalaev](https://github.com/isagalaev) 一个真心好用的代码高粱工具，支持 118 种代码高亮。爽得一塌糊涂，记得去他的管网下载，我就是傻乎乎的在 Github 下载的，然后被坑的好爽……\r\n","google":"","note":"Don't delete this file! It's used internally to help with page regeneration."}
 
 No newline at end of file

stylesheets/github-light.css

0 → 100644
+115 −0
Original line number Diff line number Diff line 
/*

   Copyright 2014 GitHub Inc.



   Licensed under the Apache License, Version 2.0 (the "License");

   you may not use this file except in compliance with the License.

   You may obtain a copy of the License at



       http://www.apache.org/licenses/LICENSE-2.0



   Unless required by applicable law or agreed to in writing, software

   distributed under the License is distributed on an "AS IS" BASIS,

   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

   See the License for the specific language governing permissions and

   limitations under the License.



*/



.pl-c /* comment */ {

  color: #969896;

}



.pl-c1      /* constant, markup.raw, meta.diff.header, meta.module-reference, meta.property-name, support, support.constant, support.variable, variable.other.constant */,

.pl-s .pl-v /* string variable */ {

  color: #0086b3;

}



.pl-e  /* entity */,

.pl-en /* entity.name */ {

  color: #795da3;

}



.pl-s .pl-s1 /* string source */,

.pl-smi      /* storage.modifier.import, storage.modifier.package, storage.type.java, variable.other, variable.parameter.function */ {

  color: #333;

}



.pl-ent /* entity.name.tag */ {

  color: #63a35c;

}



.pl-k /* keyword, storage, storage.type */ {

  color: #a71d5d;

}



.pl-pds              /* punctuation.definition.string, string.regexp.character-class */,

.pl-s                /* string */,

.pl-s .pl-pse .pl-s1 /* string punctuation.section.embedded source */,

.pl-sr               /* string.regexp */,

.pl-sr .pl-cce       /* string.regexp constant.character.escape */,

.pl-sr .pl-sra       /* string.regexp string.regexp.arbitrary-repitition */,

.pl-sr .pl-sre       /* string.regexp source.ruby.embedded */ {

  color: #183691;

}



.pl-v /* variable */ {

  color: #ed6a43;

}



.pl-id /* invalid.deprecated */ {

  color: #b52a1d;

}



.pl-ii /* invalid.illegal */ {

  background-color: #b52a1d;

  color: #f8f8f8;

}



.pl-sr .pl-cce /* string.regexp constant.character.escape */ {

  color: #63a35c;

  font-weight: bold;

}



.pl-ml /* markup.list */ {

  color: #693a17;

}



.pl-mh        /* markup.heading */,

.pl-mh .pl-en /* markup.heading entity.name */,

.pl-ms        /* meta.separator */ {

  color: #1d3e81;

  font-weight: bold;

}



.pl-mq /* markup.quote */ {

  color: #008080;

}



.pl-mi /* markup.italic */ {

  color: #333;

  font-style: italic;

}



.pl-mb /* markup.bold */ {

  color: #333;

  font-weight: bold;

}



.pl-md /* markup.deleted, meta.diff.header.from-file */ {

  background-color: #ffecec;

  color: #bd2c00;

}



.pl-mi1 /* markup.inserted, meta.diff.header.to-file */ {

  background-color: #eaffea;

  color: #55a532;

}



.pl-mdr /* meta.diff.range */ {

  color: #795da3;

  font-weight: bold;

}



.pl-mo /* meta.output */ {

  color: #1d3e81;

}

stylesheets/normalize.css

0 → 100644
+424 −0
Original line number Diff line number Diff line 
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */



/**

 * 1. Set default font family to sans-serif.

 * 2. Prevent iOS text size adjust after orientation change, without disabling

 *    user zoom.

 */



html {

  font-family: sans-serif; /* 1 */

  -ms-text-size-adjust: 100%; /* 2 */

  -webkit-text-size-adjust: 100%; /* 2 */

}



/**

 * Remove default margin.

 */



body {

  margin: 0;

}



/* HTML5 display definitions

   ========================================================================== */



/**

 * Correct `block` display not defined for any HTML5 element in IE 8/9.

 * Correct `block` display not defined for `details` or `summary` in IE 10/11

 * and Firefox.

 * Correct `block` display not defined for `main` in IE 11.

 */



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

menu,

nav,

section,

summary {

  display: block;

}



/**

 * 1. Correct `inline-block` display not defined in IE 8/9.

 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.

 */



audio,

canvas,

progress,

video {

  display: inline-block; /* 1 */

  vertical-align: baseline; /* 2 */

}



/**

 * Prevent modern browsers from displaying `audio` without controls.

 * Remove excess height in iOS 5 devices.

 */



audio:not([controls]) {

  display: none;

  height: 0;

}



/**

 * Address `[hidden]` styling not present in IE 8/9/10.

 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.

 */



[hidden],

template {

  display: none;

}



/* Links

   ========================================================================== */



/**

 * Remove the gray background color from active links in IE 10.

 */



a {

  background-color: transparent;

}



/**

 * Improve readability when focused and also mouse hovered in all browsers.

 */



a:active,

a:hover {

  outline: 0;

}



/* Text-level semantics

   ========================================================================== */



/**

 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.

 */



abbr[title] {

  border-bottom: 1px dotted;

}



/**

 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.

 */



b,

strong {

  font-weight: bold;

}



/**

 * Address styling not present in Safari and Chrome.

 */



dfn {

  font-style: italic;

}



/**

 * Address variable `h1` font-size and margin within `section` and `article`

 * contexts in Firefox 4+, Safari, and Chrome.

 */



h1 {

  font-size: 2em;

  margin: 0.67em 0;

}



/**

 * Address styling not present in IE 8/9.

 */



mark {

  background: #ff0;

  color: #000;

}



/**

 * Address inconsistent and variable font size in all browsers.

 */



small {

  font-size: 80%;

}



/**

 * Prevent `sub` and `sup` affecting `line-height` in all browsers.

 */



sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}



sup {

  top: -0.5em;

}



sub {

  bottom: -0.25em;

}



/* Embedded content

   ========================================================================== */



/**

 * Remove border when inside `a` element in IE 8/9/10.

 */



img {

  border: 0;

}



/**

 * Correct overflow not hidden in IE 9/10/11.

 */



svg:not(:root) {

  overflow: hidden;

}



/* Grouping content

   ========================================================================== */



/**

 * Address margin not present in IE 8/9 and Safari.

 */



figure {

  margin: 1em 40px;

}



/**

 * Address differences between Firefox and other browsers.

 */



hr {

  box-sizing: content-box;

  height: 0;

}



/**

 * Contain overflow in all browsers.

 */



pre {

  overflow: auto;

}



/**

 * Address odd `em`-unit font size rendering in all browsers.

 */



code,

kbd,

pre,

samp {

  font-family: monospace, monospace;

  font-size: 1em;

}



/* Forms

   ========================================================================== */



/**

 * Known limitation: by default, Chrome and Safari on OS X allow very limited

 * styling of `select`, unless a `border` property is set.

 */



/**

 * 1. Correct color not being inherited.

 *    Known issue: affects color of disabled elements.

 * 2. Correct font properties not being inherited.

 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.

 */



button,

input,

optgroup,

select,

textarea {

  color: inherit; /* 1 */

  font: inherit; /* 2 */

  margin: 0; /* 3 */

}



/**

 * Address `overflow` set to `hidden` in IE 8/9/10/11.

 */



button {

  overflow: visible;

}



/**

 * Address inconsistent `text-transform` inheritance for `button` and `select`.

 * All other form control elements do not inherit `text-transform` values.

 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.

 * Correct `select` style inheritance in Firefox.

 */



button,

select {

  text-transform: none;

}



/**

 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`

 *    and `video` controls.

 * 2. Correct inability to style clickable `input` types in iOS.

 * 3. Improve usability and consistency of cursor style between image-type

 *    `input` and others.

 */



button,

html input[type="button"], /* 1 */

input[type="reset"],

input[type="submit"] {

  -webkit-appearance: button; /* 2 */

  cursor: pointer; /* 3 */

}



/**

 * Re-set default cursor for disabled elements.

 */



button[disabled],

html input[disabled] {

  cursor: default;

}



/**

 * Remove inner padding and border in Firefox 4+.

 */



button::-moz-focus-inner,

input::-moz-focus-inner {

  border: 0;

  padding: 0;

}



/**

 * Address Firefox 4+ setting `line-height` on `input` using `!important` in

 * the UA stylesheet.

 */



input {

  line-height: normal;

}



/**

 * It's recommended that you don't attempt to style these elements.

 * Firefox's implementation doesn't respect box-sizing, padding, or width.

 *

 * 1. Address box sizing set to `content-box` in IE 8/9/10.

 * 2. Remove excess padding in IE 8/9/10.

 */



input[type="checkbox"],

input[type="radio"] {

  box-sizing: border-box; /* 1 */

  padding: 0; /* 2 */

}



/**

 * Fix the cursor style for Chrome's increment/decrement buttons. For certain

 * `font-size` values of the `input`, it causes the cursor style of the

 * decrement button to change from `default` to `text`.

 */



input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

  height: auto;

}



/**

 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.

 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome

 *    (include `-moz` to future-proof).

 */



input[type="search"] {

  -webkit-appearance: textfield; /* 1 */ /* 2 */

  box-sizing: content-box;

}



/**

 * Remove inner padding and search cancel button in Safari and Chrome on OS X.

 * Safari (but not Chrome) clips the cancel button when the search input has

 * padding (and `textfield` appearance).

 */



input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;

}



/**

 * Define consistent border, margin, and padding.

 */



fieldset {

  border: 1px solid #c0c0c0;

  margin: 0 2px;

  padding: 0.35em 0.625em 0.75em;

}



/**

 * 1. Correct `color` not being inherited in IE 8/9/10/11.

 * 2. Remove padding so people aren't caught out if they zero out fieldsets.

 */



legend {

  border: 0; /* 1 */

  padding: 0; /* 2 */

}



/**

 * Remove default vertical scrollbar in IE 8/9/10/11.

 */



textarea {

  overflow: auto;

}



/**

 * Don't inherit the `font-weight` (applied by a rule above).

 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.

 */



optgroup {

  font-weight: bold;

}



/* Tables

   ========================================================================== */



/**

 * Remove most spacing between table cells.

 */



table {

  border-collapse: collapse;

  border-spacing: 0;

}



td,

th {

  padding: 0;

}

stylesheets/stylesheet.css

0 → 100644
+0 −0

File added.

Preview size limit exceeded, changes collapsed.

CRA Git | Maintained and supported by SUSTech CRA and CCSE