Dokuwiki:Bootstrap3模板
0 9406

Bootstrap3是一个高度可定制的基于Bootstrap的DokuWiki模板,具有响应性,适用于所有设备(移动设备,平板电脑,台式机等)。

功能和特点

  • HTML5和CSS3
  • 基于Bootstrap 3.x
  • Glyphicons 和 FontAwesome图标
  • AnchorJS支持
  • 可高度定制
  • 丰富的HTML和DokuWiki钩子
  • 侧边栏支持(左侧和右侧)
  • 主题切换器

插件统合

  • Bootstrap Wrapper Plugin
  • Diagram Plugin
  • Discussion Plugin
  • Edittable Plugin
  • Explain Plugin
  • Inlinetoc Plugin
  • Linkback Plugin
  • Move Plugin
  • Overlay Plugin
  • Publish Plugin
  • Rack Plugin
  • Tagging Plugin
  • Tags Plugin
  • Translation Plugin
  • User Home-Page Plugin
  • Wrap Plugin - Tabs
  • TplInc Plugin

设定

主题

项目名项目说明值类型缺省值可选值
bootstrapThemeBootstrap主题multichoicedefaultdefault
optional
custom
bootswatch
bootswatchTheme从Bootswatch.com选择主题multichoiceyeticerulean
cosmo
cyborg
darkly
flatly
journal
lumen
paper
readable
sandstone
simplex
solar
slate
spacelab
superhero
united
yeti
customTheme插入自定义主题的URLstringnull
showThemeSwitcher在导航栏中显示Bootswatch.com主题切换器onoff0
hideInThemeSwitcher在主题切换器中隐藏主题multicheckboxnullcerulean
cosmo
cyborg
darkly
flatly
journal
lumen
paper
readable
sandstone
simplex
solar
slate
spacelab
superhero
united
yeti
themeByNamespace按名字空间指定主题onoff0
项目名项目说明值类型缺省值
sidebarPositionDokuWiki Sidebar position (left or right)multichoiceleftleft
right
rightSidebarThe Right Sidebar page name, empty field disables the right sidebar.
The Right Sidebar is displayed only when the default DokuWiki sidebar is enabled and is on the left position (see the sidebarPosition configuration). If do you want only the DokuWiki sidebar on right position, set the sidebarPosition configuration with right value
stringrightsidebar
leftSidebarGridLeft sidebar grid classes col-{xs,sm,md,lg}-x (see Bootstrap Grids documentation)stringcol-sm-3 col-md-2
rightSidebarGridRight sidebar grid classes col-{xs,sm,md,lg}-x (see Bootstrap Grids documentation)stringcol-sm-3 col-md-2
sidebarOnNavbarDisplay the sidebar contents inside the navbar (useful on mobile/tablet devices)onoff0
sidebarShowPageTitleDisplay Sidebar page titleonoff1
项目名项目说明值类型缺省值
inverseNavbarInverse navbaronoff0
fixedTopNavbarFix navbar to toponoff0
showTranslationDisplay translation toolbar (require Translation Plugin)onoff0
showToolsDisplay Tools in navbarmultichoicealwaysnever
logged
always
showHomePageLinkDisplay Home-Page link in navbaronoff0
homePageURLUse custom URL for home-page linksstringnull
showUserHomeLinkDisplay User Home-Page link in navbaronoff1
hideLoginLinkHide the login button in navbar. This option is useful in “read-only” DokuWiki installations (eg. blog, personal website)onoff0
showEditBtnDisplay edit button in navbarmultichoicenevernever
logged
always
individualToolsSplit the Tools in individual menu in navbaronoff0
showIndividualToolEnable/Disable individual tool in navbarmulticheckboxsite,pageuser
site
page
showSearchFormDisplay Search form in navbarmultichoicealwaysnever
logged
always
showAdminMenuDisplay Administration menuonoff0
useLegacyNavbarUse legacy and deprecated navbar.html hook (consider in the future to use the :navbar hook)onoff0
showNavbarDisplay navbar hookmultichoicealwayslogged
always
navbarLabelsShow/Hide individual labelmulticheckboxlogin,registerlogin
register
admin
tools
user
site
page
themes
expand
profile
showAddNewPageEnable the Add New Page plugin in navbar (require Add New Page Plugin)multichoicenevernever
logged
always
notifyExtensionsUpdateNotify extensions update (for Admin users)onoff0

Semantic

项目名项目说明值类型缺省值
semanticEnable semantic dataonoff1
schemaOrgTypeSchema.org type (ArticleNewsArticleTechArticleBlogPostingRecipe)multichoiceArticleArticle
NewsArticle
TechArticle
BlogPosting
Recipe
showSemanticPopupDisplay a popup with an extract of the page when the user hover on wikilink (require Semantic Plugin)onoff0

布局

项目名项目说明值类型Default Value
fluidContainerEnable the fluid container (full-width of page)onoff0
fluidContainerBtnDisplay a button in navbar to expand containeronoff0
pageOnPanelEnable the panel around the pageonoff1
tableFullWidthEnable 100% full table width (Bootstrap default)onoff1
tableStyleTable stylemulticheckboxstriped,condensed,responsivestriped
bordered
hover
condensed
responsive
showLandingPageEnable the landing page (without a sidebar and the panel around the page)onoff0
landingPagesLanding page name (insert a regex)regex(intro)
showPageToolsEnable the DokuWiki-style Page Toolsmultichoicealwaysnever
logged
always
showPageIdDisplay the DokuWiki page name (pageId) on toponoff1
showBadgesShow badge buttons (DokuWiki, Donate, etc)onoff1
showLoginOnFooterDisplay a “little” login link on footer. This option is useful when hideLoginLink is ononoff0
showWikiInfoDisplay DokuWiki name, logo and tagline on footeronoff1

文章目录

项目名项目说明值类型缺省值
tocAffixAffix the TOC during page scrollingonoff1
tocCollapseSubSectionsCollapse all sub-sections in TOC to save spaceonoff1
tocCollapseOnScrollCollapse TOC during page scrollingonoff1
tocCollapsedCollapse TOC on every pagesonoff0
tocLayoutTOC layoutmultichoicedefaultdefault
navbarg

钩子

HTML钩子

所有文件必须位于模板目录(lib / tpl / bootstrap3 /)或conf /目录中。

文件名插入到页面HTML中的位置
meta.html <head>和</head>之间
topheader.html紧接着<body>标签之后
header.htmlAbove the upper blue bar, below the pagename and wiki title
navbar.htmlDEPRECATED (see the note below) - Inside the navbar, use this to add additional links (e.g. <li><a href=“/foo”>Foo</a></li>)
pageheader.htmlbreadcrumbs下面,页面实际内容的上方
pagefooter.htmlAbove the lower blue bar, below the last changed Date
footer.html在页面的最后,位于</ body>标记之前
sidebarheader.html边侧栏上方
sidebarfooter.html边侧栏下方
social.htmlBelow the header.html, use this to add a social buttons (eg. Google+, Twitter, LinkedIn, etc)
rightsidebarheader.html右边侧栏上方
rightsidebarfooter.html
右边侧栏下方

Dokuwiki钩子

可以通过创建简单的DokuWiki“钩子”页面来自定义页面的各个部分。 bootstrap3模板会将这些钩子页面内容插入到页面的总体布局中。

钩子页面名说明名字空间单位
:sidebarThe sidebarYES
:rightsidebarThe right-sidebarYES
:navbarNavbar with sub-menusYES
:pageheaderHeader of the Wiki articleYES
:pagefooterFooter of the Wiki articleYES
:footerFooter of the pageYES
:cookie:bannerCookie-Law bannerNO
:cookie:policyCookie-Law policyNO
:helpHelp page for “Help Page Icon”YES
:headerHeader of page below the navbarYES
:topheaderTop Header of page (on top of navbar if fixedTopNavbar is off)YES

0 9406
() 全部评论
所有回复 (0)

推荐总结

  • PHP 214 0 1 发布

    Data插件用于向Wiki页面追加结构化数据。

    语法

    本插件由多个块语法组成:

    Data Entry
    入力Data Table
    输出Data List
    输出Related Pages
    输出Tag Cloud Data Entry

    用于向页面添加结构化数据。 这里输入的所有数据都与页面绑定。 因此,这个块命令一个页面里只能使用一次。
    下面是一个例子:

    ---- dataentry projects ---- type : web development volume : 1 Mrd # how much do they pay? employees : Joe, Jane, Jim description_wiki: **Important** project customer_page : customers:microsoft deadline_dt : 2009-08-17 server_pages : servers:devel01, extern:microsoft website_url : http://www.microsoft.com task_tags : programming, coding, design, html  ----

    块里面输入项目名和项目值,项目名的规则如下:

    項目名自由如果名称以s字符结尾,则表示该项目是一个多值(各个值用逗号分隔)项目。如果项目名虽然以s字符结尾,但并不是多值项目,请在名称末尾添加下划线(例如:thickness_:1cm)。
    如果多值项目名并不希望在结尾添加个s字符,请在名称末尾再加上一个s。例如:
    name : John → name: Johnnames: John, Jack → name: John, Jackname_tag : John, Jack → name: [[John, Jack]]name_tags: John, Jack → name: [[John]], [[Jack]]thickness : 1cm → thicknes: 1cmthickness_: 1cm → thickness: 1cmthicknesss: 1cm, 2inch → thickness: 1cm, 2inch可以将特殊类型添加到名称中,以对输出进行相应的格式化。 使用下划线分隔标识符和类型。 当前可用的类型有:dt – YYYY-MM-DD格式的日期。page – 该项目值被视为Wiki页面名,并将在输出成链接。这里的页面名必须是一个绝对路径名。title – 类似于page。该项目值被视为wiki页面的Titlenspage – 类似于page。该项目值被视为wiki页面的名字空间。url – 该项目值被视为外部链接。tag – mail – 该项目值被视为邮箱地址。img<num> – wiki – 该项目值被视为wiki文本。 pageid –hidden – 使用类型时,请在末尾为多个值添加s(例如在server_pages行中)

    在项目值中,可以使用下面这两个系统变量:

    %lang%
    网站默认的语言代码。%trans%
    当前页面的语言代码Data Table

    用于将附加到Wiki中各个页面的结构化数据列表输出。 该列表可以排序和过滤, 也支持分页。下面是一个例子:

    ---- datatable ---- cols : %pageid%, employees, deadline_dt, website_url, volume headers : Details, Assigned Employees, Deadline, Personal website, $$$ max : 10 filter : type=web development sort : ^volume ----

    上面的配置将显示一个表格,其中包含type为web development的project的信息,包括分配给该Project的员工,截止日期和数量。 该表将按volume排序,最多显示10行。
    与Data Entry类似,也可以通过在列名后加上类型别名来对列中的值进行格式化。冒号前面的关键字是配置选项,后面的值是实际设置。有以下配置选项:

    cols/select
    必须。要显示的项目。 使用与“Data Entry”中相同的名称。 head/header/headers
    可选。如果指定,这些名称将在表标题中使用。max/limit
    可选。指定显示的最大行数,超过最大行数的数据将自动分页显示。 如果未给出,则显示所有匹配的行sort/order
    可选。指定用于排序的项目,前面添加^表示反转排序filter/where/filterand/and
    可选。指定过滤条件。 多次指定时各个过滤条件将进行“与”操作。 filteror/or
    可选。 类似于filter,但多次指定时各个过滤条件将进行“或”操作。dynfilters
    可选。 Set to 1 to enable a row of input fields for dynamically filtering the tablesummarize
    可选。 设成1表示对列进行合计。align
    可选。 列对齐列表。 对齐方式可以是左(l),中(c)或右(r)rownumbers
    可选。设成1表示显示行号。widths
    可选。指定列的显示宽度。

    过滤条件可以使用以下比较运算符:

    =
    等于!= or <>
    不等于<
    小于<=
    小于或等于>
    大于>=
    大于或等于~ *~ !~

    列和过滤条件里可使用以下系统变量:

    %user%
    当前登录用户%groups%
    当前登录用户的组%now%
    当前的系统日期%lang%
    网站默认的语言代码。%trans%
    当前页面的语言代码。%pageid% T
    页面ID%title%
    页面的Title.%class%
    Data Entry的CSS类名%lastmod%
    页面最终修改时间Data List

    Data List的工作方式与Data Table相同,并且接受相同的参数。 但是不显示表格,而是显示无序列表。默认情况下,所有选定的列均以空格连接。 如果未设置sepbyheaders,则完全忽略header参数。 不使用分页。

    sepbyheaders
    可选。设置为1以将Header用作值之间的分隔符 ---- datalist ---- cols : %pageid%, volume max : 10 filter : type=web development sort : ^volume Related Pages

    用于显示与当前页面相似的页面列表,cols选项中指定用于相似性比较的列。 另外还可以设置过滤条件和排序选项。下面一个例子:

    ---- datarelated ---- cols : task_tags, type title : Similar projects max : 5 sort : ^volume ---- 定制样式

    Data Entry的各个项目的输出位置可以通过CSS来进行定制,下面是一个例子:

    Data Entry

    ---- dataentry character24 ---- name : Jack Bauer agency_nspage : CTU status_tags : alive, active, disowned, furtive .... more info ----

    CSS

    div.character24 { /* code for the container block, such as position, layout and borders, goes here */ float: right; width: 33%; }

    div.character24 dl > dt {
    /* this will allow you to style the definition terms */
    font-variant: small-caps;
    }

    div.character24 dl > dt + dd {
    /* this will allow you to style to the definition values */
    font-family: sans-serif;
    }

    div.character24 dl dd.name{
    /* this makes the name larger than the rest */
    font-size: 120%;
    }

    定制编辑器

    Data插件是第一个为其数据条目提供自定义编辑器的插件。 数据条目具有自己的编辑按钮。 按下此按钮时,用户将获得一个编辑表单,在其中可以编辑数据条目的内容。


    Custom editor: Editing structure and values


    Custom editor: Editing only values by switching on config option edit_content_only

    配置选项edit_content_only启用后,将可使用一些不错的字段:

    Dropdown 
    显示下拉列表,列表里的可选值由 Valid values 列定义。Datepicker 
    显示日期pickerAutocompletion

  • PHP 358 0 1 发布

    Struct插件是一个真正意义上的数据库插件,它可以用来创建和管理数据库表,结合表单等其他插件,为页面提供各种应用功能。

    Schema定义

    Schema(模式)用于管理可以分配给页面的结构化数据,我们可以将它们视为表定义。模式定义哪些字段将可用以及它们具有什么类型。

    要创建新模式,请以管理员身份登录并访问“管理员”页面。从“附加插件”中选择Struct Schema Editor(结构模式编辑器)。使用表单创建新的模式。

    有两种模式:Page Schema(页面模式)和Lookup Schema(查找模式)。

    Page Schema(页面模式)
    页面模式定义可以分配给页面的数据结构。每组数据仅用于输入的一页,与Data插件相似。Lookup Schema(查找模式)
    查找模式不绑定页面,它们存储独立于任何页面的任意数量的数据集(行),我们可以将“查找模式”视为页面中的表格,可以在页面中任意引用其值。

    可以在目录中选择现有模式,并在此处进行编辑。

    重要提示:不能删除字段,只能将其禁用!

    数据编辑Page Schema

    如下图所示,Page Schema的数据行直接与页面关联。

    当在管理控制台中将Page Schema分配给所有匹配的页面(分配可以在页面或命名空间的基础上进行,也可以使用 正则表达式)后,数据将会自动添加到对应的页面。

    页面(/demo/products/003):

    Lookup Schema

    Lookup Schema存储未绑定到任何页面的任意数据。 要创建此类数据,需要通过特殊语法创建编辑器:

    ---- struct lookup ---- schema: someschema ----

    这将创建一个显示Lookup Schema表中所有数据的列表。 当前数据行可以通过内联编辑进行编辑,也可以通过删除按钮删除。 可以通过列表下方的表单添加新的数据行。

    数据查询

    通过简单的语法即可完成数据的查询的,该语法将生成一个动态表,其中列出了所有页面以及与某些条件匹配的关联数据。

    ---- struct table ---- schema: schema_name cols: %pageid%, other, cols ----


    选项

    schema/from
    必须。列出要查询哪些schema表里的数据。cols/select
    必须。要显示的项目。 使用与“Data Entry”中相同的名称。 head/header/headers
    可选。如果指定,这些名称将在表标题中使用。max/limit
    可选。指定显示的最大行数,超过最大行数的数据将自动分页显示。 如果未给出,则显示所有匹配的行sort/order
    可选。指定用于排序的项目,前面添加^表示反转排序filter/where/filterand/and
    可选。指定过滤条件。 多次指定时各个过滤条件将进行“与”操作。filteror/or
    可选。 类似于filter,但多次指定时各个过滤条件将进行“或”操作。dynfilters
    可选。 Set to 1 to enable a row of input fields for dynamically filtering the tablesummarize
    可选。 设成1表示对列进行合计。align
    可选。 列对齐列表。 对齐方式可以是左(l),中(c)或右(r)rownumbers
    可选。设成1表示显示行号。width/widths
    可选。指定列的显示宽度。csv
    可选。设置为则不显示CSV导出按钮

    别名

    从包含相同字段名的多个Schema中选择数据时,必须在它们之前加上Schema名称:

    ---- struct table ---- schema: schema1, schema2 cols: %pageid%, schema1.name, schema2.name ----

    可以为Schema定义别名, 别名与Schema名称之间用空格分隔:

    ---- struct table ---- schema: schema1 A, schema2 B cols: %pageid%, A.name, B.name ----

    特殊列名

    %pageid%%title%%lastupdate%%lasteditor%%lastsummary%外部链接Official site
  • PHP 202 0 1 发布

    Dokuwiki是用PHP编写的,因此我们首先需要安装好PHP环境。Web服务器现在nginx用的很多,老牌的apache也仍占有一席之地。

    nginx环境

    windows下的nginx+php服务器安装请参阅「windows下搭建nginx-php服务器」一文。

    下载Dokuwiki

    Dokuwiki官网下载Dokuwiki最新版

    安装Dokuwiki

    将下载的Dokuwiki包文件解压至htdocs/dokuwiki目录。

    配置Nginx

    在nginx.conf文件中加入dokuwiki相关配置

    http { #(...)

    server{
    #(...)
    location ~ ^/dokuwiki/(data|conf|bin|inc)/ { # secure DokuWiki
    deny all;
    }
    # serve static files
    location ~ ^/dokuwiki/lib/^((?!php).)*$ {
    root C:/www/htdocs/dokuwiki/lib; #adapt if needed
    expires 30d;
    }
    }
    }

    配置Dokuwiki

    在浏览器里打开http://localhost/dokuwiki,初期配置dokuwiki

    apache环境

    准备中

  • PHP 1213 0 1 发布
    CSS文件

    DokuWiki本体的CSS文件位于lib / styles目录中,不过DokuWiki本体仅定义了一些最基础的CSS,更多的CSS存在于模板和各个插件里面。
    所有CSS文件都是通过lib/exe /css.php程序获取的。该程序还处理缓存,模式替换,LESS预处理和优化,由tpl_metaheaders()函数调用。

    加载CSS的顺序如下: 在CSS中,如果为同一属性指定了不同的值,并且样式冲突,则稍后加载的样式将优先,并且属性值将被覆盖,因此首选样式是从后面开始。

    基本样式:lib /styles/*.css插件样式:lib / plugins / <插件名称> / *。css模板样式:在lib / tpl / <模板名称> /style.ini中定义用户样式:conf / user * .css

    如果要通过自定义CSS添加样式,则基本上应将其添加到用户样式(conf / user * .css)中。

    媒体类型

    样式表支持五种媒体类型:

    screen:用于显示器print:用于打印all:用于所有的媒体设备rtl:feed:外部链接Dokuwiki官方说明

  • PHP 242 0 1 发布

    以在windows 10 64 bit系统里搭建本地开发用的PHP服务器为例。

    下载

    (nginx)

    nginx官网下载「 Stable version(安定版)」的「 nginx/Windows-x.x.x(Windows版)」。

    (PHP)
    PHP官网下载最新版的「Non Thread Safe版」zip文件

    安装

    将下载下来的nginx和php的zip文件解压至任意目录,下面是笔者本地的目录结构

    C:\ └ web\ ├ htdocs\ ← 网站应用的根目录 ├ nginx\ ← nginx的安装目录 └ php7\ ← php的安装目录 配置

    (nginx)

    conf/nginx.conf

    # 指定用来运行工作进程的用户 #user nobody; # 指定工作进程数量 worker_processes 1; # 指定用于存储进程ID的文件位置 #pid logs/nginx.pid; events { # 指定每个工作进程最大连接数 worker_connections 1024; } http { #### MIME类型设置 include mime.types; #读取MIME类型的定义文件 default_type application/octet-stream; #指定无法通过扩展名确定MIME类型时的缺省MIME类型 #### 访问日志设置 # 访问日志格式设置 log_format main '$remote_addr - $remote_user [$time_local] "$request" ' '$status $body_bytes_sent "$http_referer" ' '"$http_user_agent" "$http_x_forwarded_for"'; # 指定访问日志的输出位置和格式 #access_log logs/access.log main; #### 与发送(响应)到客户端相关的设置 # 是否使用sendfile命令发 sendfile on; # 是否使用Linux TCP_CORK套接字选项 #tcp_nopush on; # keepaliveの超时時間设置、65秒 keepalive_timeout 65; # 设置向客户端发送内容时是否压缩 #gzip on; #### 虚拟服务器设置 server { #### 服务器的基本设置 # 指定服务端口 listen 80; # 指定主机名 server_name localhost; # 指定根文档目录,在Windows中使用“ /”而不是“ \”指定目录层次结构 root C:/web/htdocs/testProject/public; # 指定index文件、 # 指定对应以“ /”结尾的URL的index文件名 index index.php index.html index.htm; #按顺序匹配 ####服务器日志设置 # 指定访问日志的输出位置和格式 access_log logs/access.log main; # 指定错误日志的输出位置和输出级别 error_log logs/error.log notice; #### 错误页设置 #error_page 404 /404.html; error_page 500 502 503 504 /50x.html; location = /50x.html { root html; } #### PHP设置 # 正则表达式,路径匹配“ xxxx.php”,“ aaa / xxxx.php”,“ abc / xxxx.php / bbbb”等 location ~ [^/]\.php(/|$) { # 定义一个捕获$ fastcgi_path_info值的正则表达式 # 第一个()是$ fastcgi_script_name的值,第二个是$ fastcgi_path_info的值 fastcgi_split_path_info ^(.+?\.php)(/.*)$; # $document_root 在根目录中设置的路径 # $fastcgi_script_name 文件名路径 # -f 确定文件是否存在 # 如果没有文件,则返回404错误 if (!-f $document_root$fastcgi_script_name) { return 404; } # 设置IP地址和端口以访问php fastcgi_pass 127.0.0.1:9000; # 设置php中的index文件名, # 指定对应以“ /”结尾的URL的index文件名 fastcgi_index index.php; #### fastcgi_param的设置 # 读取一个fastcgi_params文件,其中包含fastcgi_params的许多设置 include fastcgi_params; # 通过清空“ HTTP_PROXY”参数来缓解HTTPoxy漏洞 fastcgi_param HTTP_PROXY ""; # “ SCRIPT_FILENAME”参数是php-fpm用来确定脚本名称的设置 fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name; } } }


    (PHP)

    直接将“ php.ini-development”复制并粘贴到php目录下,并将其重命名为“ php.ini”

    启动

    (nginx)

    打开控制台命令窗口,将当前目录移至nginx目录(nginx.exe所在的位置)并执行以下命令:

    start nginx.exe

    (PHP)

    打开控制台命令窗口,将当前目录移至php目录(php-cgi.exe所在的位置)并执行以下命令:

    start php-cgi.exe -b 127.0.0.1:9000

    终止

    (nginx)

    打开控制台命令窗口,将当前目录移至nginx目录(nginx.exe所在的位置)并执行以下命令:

    nginx.exe -s stop

    (PHP)

    打开控制台命令窗口,将当前目录移至php目录(php-cgi.exe所在的位置)并执行以下命令:

    Taskkill /im php-cgi.exe

  • PHP 263 0 1 发布

    Bootswrapper插件结合Bootstrap3模板,用于为wiki页面插入各类Bootstrap组件:

    JumbotronButtonsAlertsTextTooltipsGridsThumbnailsPanelsWellsLabelsNav & Tabs (with dropdown)Page headingLeadBadgesList GroupProgress BarsAffixCarouselAccordionCalloutsModal (with remote attribute)Popover语法Jumbotron <jumbotron> ===== Hello, world! ===== This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featuredcontent or information. </jumbotron> Panel <panel type="default" title="Title of Panel" subtitle="Subtitle" icon="fa fa-house"> Panel content </panel> Alert <alert type="success" icon="glyphicon glyphicon-user" dismiss="true"> **Well done!** You successfully read this important alert message. </alert> Text * <text type="muted">muted</text> * <text type="primary">primary</text> * <text type="success">success</text> * <text type="info">info</text> * <text type="warning">warning</text> * <text type="danger">danger</text> Tooltip <tooltip title="Sample Text" location="bottom">Lorem ipsum</tooltip> dolor sit amet... Grids <grid> <col sm="6">.col-sm-6</col> <col sm="6">.col-sm-6</col> </grid> <grid> <col xs="12" sm="6" lg="8">.col-xs-12 .col-sm-6 .col-lg-8</col> <col xs="6" lg="4">.col-xs-6 .col-lg-4</col> </grid> Thumbnail <grid> ... <col xs="6" md="3"> <thumbnail> {{ wiki:dokuwiki-128.png }} </thumbnail> </col> ... </grid>
    <grid> ... <col xs="6" md="3"> <thumbnail> {{ wiki:dokuwiki-128.png }} <caption> === DokuWiki === //DokuWiki is a simple to use and highly versatile Open Source wiki software that doesn't require a database. It is loved by users for its clean and readable syntax. The ease of maintenance, backup and integration makes it an administrator's favorite. Built in access controls and authentication connectors make DokuWiki especially useful in the enterprise context and the large number of plugins contributed by its vibrant community allow for a broad range of use cases beyond a traditional wiki.// </caption> </thumbnail> ... </col> </grid>

    Well <well>Look, I'm in a well!</well> Button <button type="success" size="lg" icon="glyphicon glyphicon-edit">[[:wiki:welcome]]</button> Navigation <nav> * [[:start]] * [[:plugin:bootswrapper|Plugin]] * [[playground:playground]] * DokuWiki * [[:wiki:welcome]] * [[:wiki:syntax]] </nav> Accordion <accordion> <panel title="First panel"> First panel content </panel> <panel title="Second panel"> Second panel content </panel> </accordion>

  • PHP 209 0 1 发布
    全局变量$ACT

    DokuWiki根据「?do =」参数的指定的动作模式,对页面(文档)进行显示(show),编辑(edit),保存(save)等不同的处理。
    $ACT变量保存的就是上面这个动作模式值。

    show
    显示页面edit
    编辑页面preview
    预览页面save
    保存页面backlink
    反向链接revisions
    历史版本media
    媒体index
    sitemaprecent
    最近变更search
    检索

    例如,如果仅当在显示页面时才做部分处理,则可对动作模式进行判断,如下所示。

    <?php if($ACT == 'show') { // } ?> $conf

    这是一个数组变量,用于保存DokuWiki配置设置信息。 包括在DokuWiki的基本设置以及模板和插件等信息。

    $ID

    变量$ID保存页面名。 在以下名称空间和页面结构中,$ID保存的值则是example1。

    root └ ns1 └ ns1-1 └ example1 ns1:ns1-1:example1 $INFO

    它是一个数组变量,用于保存有关DokuWiki页面的信息。

    主要内容有

    id
    同$IDnamespace
    当前页面の名字空间isadmin
    是否管理员用户ismobile
    是否mobile终端外部链接Dokuwiki官方说明
  • PHP 284 0 1 发布
    JavaScript文件

    DokuWiki本体的JavaScript文件在lib/scripts目录中,jQuery库文件也在里面。
    像CSS一样,有一个PHP程序lib/exe/js.php,它把相关的JavaScript文件(例如模板和插件)打包到一起,并由tpl_metaheaders()函数调用。

    加载以下JavaScript。

    DokuWiki自动生成的JavaScript:
    编辑屏幕工具栏等。DokuWiki本体的JavaScript文件:
    lib/scripts/*.js插件的JavaScript文件:
    lib/plugins/<插件名称>/script.js模板的JavaScript文件:
    lib/tpl/<模板名称>/script.js包含用户自定义代码的JavaScript文件:
    conf/userscript.js

    如果要自定义JavaScript并添加处理,则基本上应将其添加到用户脚本conf / userscript.js)。

    Include语法

    DokuWiki的JavaScript调度程序允许您使用特殊的JavaScript注释来包含其他脚本文件。 这在通常只解析单个JavaScript文件的情况下很有用,例如 在模板或插件中。

    include

    /* DOKUWIKI:include somefile.js */

    include_once

    /* DOKUWIKI:include_once common_library.js */ 全局变量

    DokuWiki提供了可在JavaScript中使用的预定义全局变量,下面时较常用的一些:

    DOKU_BASE:根目录路径(ex:/)DOKU_TPL: 模板路径(ex:/lib/tpl/<模板名称>/)LANG:一组语言依存文本值JSINFOACT:  当前动作模式(ex:show)id:当前页面ID(ex:products:pen)isadmin:表示是否时管理员isauth:表示是否时作者namespace:当前名称空间(ex:products)useHeadingNavigation :表示是否对导航链接使用第一个标题useHeadingContent:表示是否对内容链接使用第一个标题外部链接Dokuwiki官方说明

热门总结

  • HTML5 17053 0 1 发布

    本目录收录的是电子邮件相关的应用软件。


    定义

    电子邮件(Email)又称电子邮箱,简称电邮,是指一种由一寄件人将数字信息发送给一个人或多个人的信息交换方式,目的是达成发信人和收信人之间的信息交互。

    电子邮件系统是以存储与转发的模型为基础,邮件服务器接受、转发、提交及存储邮件。寄信人、收信人及他们的电脑都不用同时在线。寄信人和收信人只需在寄信或收信时简短的连接到邮件服务器即可。

    范围

    本目录收录的软件仅限于以电子邮件为主要功能(或之一)的应用软件。

    列表

    本目录收录了以下软件:

     RainLoop

    简单的、 现代的 & 快速、 基于 WEB 的电子邮件客户端。

    以下是 RainLoop 各相关链接及授权信息的介绍:

    官网(HP)
    https://www.rainloop.net/源代码(Source)
    https://github.com/RainLoop/rainloop-webmail授权(License)
    AGPL 3.0范例(Example)
    https://mail.rainloop.net/#/mailbox/INBOX

  • HTML5 16647 0 1 发布

    本目录收录的是即时通信相关的应用软件。

     定义

    即时通信(Instant Messaging,IM)是一种通过网络进行实时通信的系统,允许两人或多人使用网络即时的传递文字消息、文件、语音与视频交流。

    即时通信不同于电子邮件在于它的交谈是即时(实时)的。大部分的即时通信服务提供了状态信息的特性──显示联系人名单,联系人是否在在线与能否与联系人交谈等等。

    范围

    本目录收录的软件仅限于以即时通信为主要功能(或之一)的应用软件。

    列表

    本目录收录了以下软件:

    CandyConverse.jsKaiwaRocket.Chat

    Candy

    Candy是一个支持XMPP协议的多用户即时聊天客户端软件。

    以下是 Candy 各相关链接及授权信息的介绍:

    官网(HP)
    http://candy-chat.github.io/candy源代码(Source)
    https://github.com/candy-chat/candy授权(License)
    MIT范例(Example)

    Converse.js

    Converse.js是一个支持XMPP/JABB的多用户即时聊天客户端软件。

    以下是 Converse.js各相关链接及授权信息的介绍:

    官网(HP)
    http://conversejs.org源代码(Source)
    https://github.com/jcbrand/converse.js授权(License)
    MPL范例(Example)
    https://conversejs.org/demo/anonymous.html

    Kaiwa

    Kaiwa 是一个支持XMPP的即时聊天客户端软件。

    以下是 Kaiwa 各相关链接及授权信息的介绍:

    官网(HP)
    http://getkaiwa.com源代码(Source)
    https://github.com/digicoop/kaiwa授权(License)
    MPL范例(Example)

    Rocket.Chat

    WebChat平台。

    以下是 Rocket.Chat 各相关链接及授权信息的介绍:

    官网(HP)
    https://rocket.chat/源代码(Source)
    https://github.com/RocketChat/Rocket.Chat授权(License)
    MIT范例(Example)
    https://demo.rocket.chat/home

  • HTML5 16278 0 1 发布

    本目录收录的是流程图相关的应用软件。


    定义

    流程图(Flowchart Diagram)是表示算法、工作流或流程的一种框图表示,它以不同类型的框代表不同种类的步骤,每两个步骤之间则以箭头连接。

    流程图大致可以分为以下四种类型:

    文件流程图数据流程图系统流程图程序流程图范围

    本目录收录的软件仅限于以流程图实现为主要功能(或之一)的应用软件。

    列表

    本目录收录了以下软件:

    Diagramo

    Diagramo是一个流程图模型编辑工具

    以下是Diagramo各相关链接及授权信息的介绍:

    官网(HP)
    http://diagramo.com源代码(Source)
    https://github.com/ssshow16/diagramo授权(License)
    GPL范例(Example)
    http://diagramo.com/editor/editor.php

  • HTML5 13434 0 1 发布

    ERD

    本目录收录的是ERD模型相关的应用软件。

    定义

    ERD(Entity-relationship Diagram,实体关系图)是概念数据模型的高层描述所使用的数据模型或模式图。

    ERD由实体和实体之间的关系定义而成,实体(Entity)表示一个离散对象,可以被(粗略地)认为是名词,如人、交易等。关系(Relationship)描述了两个或更多实体相互如何关联,联系可以被(粗略地)认为是动词。

    范围

    本目录收录的软件仅限于以ERD模型实现为主要功能(或之一)的应用软件。

    列表

    本目录收录了以下软件:

    WWWSqlDesigner

    WWWSqlDesigner是一个ER图形工具,允许用户创建数据库设计,可以保存/加载并导出到SQL脚本。 支持各种数据库和语言,能够导入现有的数据库设计。

    以下是WWWSqlDesigner各相关链接及授权信息的介绍:

    官网(HP)
    https://github.com/ondras/wwwsqldesigner源代码(Source)
    https://github.com/ondras/wwwsqldesigner授权(License)
    BSD范例(Example)
    http://ondras.zarovi.cz/sql/demo/?keyword=default

  • PHP 9406 0 1 发布

    Bootstrap3是一个高度可定制的基于Bootstrap的DokuWiki模板,具有响应性,适用于所有设备(移动设备,平板电脑,台式机等)。

    功能和特点HTML5和CSS3基于Bootstrap 3.xGlyphicons 和 FontAwesome图标AnchorJS支持可高度定制丰富的HTML和DokuWiki钩子侧边栏支持(左侧和右侧)主题切换器插件统合Bootstrap Wrapper PluginDiagram PluginDiscussion PluginEdittable PluginExplain PluginInlinetoc PluginLinkback PluginMove PluginOverlay PluginPublish PluginRack PluginTagging PluginTags PluginTranslation PluginUser Home-Page PluginWrap Plugin - TabsTplInc Plugin设定主题项目名项目说明值类型缺省值可选值bootstrapThemeBootstrap主题multichoicedefaultdefault
    optional
    custom
    bootswatchbootswatchTheme从Bootswatch.com选择主题multichoiceyeticerulean
    cosmo
    cyborg
    darkly
    flatly
    journal
    lumen
    paper
    readable
    sandstone
    simplex
    solar
    slate
    spacelab
    superhero
    united
    yeticustomTheme插入自定义主题的URLstringnullshowThemeSwitcher在导航栏中显示Bootswatch.com主题切换器onoff0hideInThemeSwitcher在主题切换器中隐藏主题multicheckboxnullcerulean
    cosmo
    cyborg
    darkly
    flatly
    journal
    lumen
    paper
    readable
    sandstone
    simplex
    solar
    slate
    spacelab
    superhero
    united
    yetithemeByNamespace按名字空间指定主题onoff0侧边栏项目名项目说明值类型缺省值sidebarPositionDokuWiki Sidebar position (left or right)multichoiceleftleft
    rightrightSidebarThe Right Sidebar page name, empty field disables the right sidebar.
    The Right Sidebar is displayed only when the default DokuWiki sidebar is enabled and is on the left position (see the sidebarPosition configuration). If do you want only the DokuWiki sidebar on right position, set the sidebarPosition configuration with right valuestringrightsidebarleftSidebarGridLeft sidebar grid classes col-{xs,sm,md,lg}-x (see Bootstrap Grids documentation)stringcol-sm-3 col-md-2rightSidebarGridRight sidebar grid classes col-{xs,sm,md,lg}-x (see Bootstrap Grids documentation)stringcol-sm-3 col-md-2sidebarOnNavbarDisplay the sidebar contents inside the navbar (useful on mobile/tablet devices)onoff0sidebarShowPageTitleDisplay Sidebar page titleonoff1导航栏项目名项目说明值类型缺省值inverseNavbarInverse navbaronoff0fixedTopNavbarFix navbar to toponoff0showTranslationDisplay translation toolbar (require Translation Plugin)onoff0showToolsDisplay Tools in navbarmultichoicealwaysnever
    logged
    alwaysshowHomePageLinkDisplay Home-Page link in navbaronoff0homePageURLUse custom URL for home-page linksstringnullshowUserHomeLinkDisplay User Home-Page link in navbaronoff1hideLoginLinkHide the login button in navbar. This option is useful in “read-only” DokuWiki installations (eg. blog, personal website)onoff0showEditBtnDisplay edit button in navbarmultichoicenevernever
    logged
    alwaysindividualToolsSplit the Tools in individual menu in navbaronoff0showIndividualToolEnable/Disable individual tool in navbarmulticheckboxsite,pageuser
    site
    pageshowSearchFormDisplay Search form in navbarmultichoicealwaysnever
    logged
    alwaysshowAdminMenuDisplay Administration menuonoff0useLegacyNavbarUse legacy and deprecated navbar.html hook (consider in the future to use the :navbar hook)onoff0showNavbarDisplay navbar hookmultichoicealwayslogged
    alwaysnavbarLabelsShow/Hide individual labelmulticheckboxlogin,registerlogin
    register
    admin
    tools
    user
    site
    page
    themes
    expand
    profileshowAddNewPageEnable the Add New Page plugin in navbar (require Add New Page Plugin)multichoicenevernever
    logged
    alwaysnotifyExtensionsUpdateNotify extensions update (for Admin users)onoff0Semantic项目名项目说明值类型缺省值semanticEnable semantic dataonoff1schemaOrgTypeSchema.org type (Article, NewsArticle, TechArticle, BlogPosting, Recipe)multichoiceArticleArticle
    NewsArticle
    TechArticle
    BlogPosting
    RecipeshowSemanticPopupDisplay a popup with an extract of the page when the user hover on wikilink (require Semantic Plugin)onoff0布局项目名项目说明值类型Default ValuefluidContainerEnable the fluid container (full-width of page)onoff0fluidContainerBtnDisplay a button in navbar to expand containeronoff0pageOnPanelEnable the panel around the pageonoff1tableFullWidthEnable 100% full table width (Bootstrap default)onoff1tableStyleTable stylemulticheckboxstriped,condensed,responsivestriped
    bordered
    hover
    condensed
    responsiveshowLandingPageEnable the landing page (without a sidebar and the panel around the page)onoff0landingPagesLanding page name (insert a regex)regex(intro)showPageToolsEnable the DokuWiki-style Page Toolsmultichoicealwaysnever
    logged
    alwaysshowPageIdDisplay the DokuWiki page name (pageId) on toponoff1showBadgesShow badge buttons (DokuWiki, Donate, etc)onoff1showLoginOnFooterDisplay a “little” login link on footer. This option is useful when hideLoginLink is ononoff0showWikiInfoDisplay DokuWiki name, logo and tagline on footeronoff1文章目录 项目名项目说明值类型缺省值tocAffixAffix the TOC during page scrollingonoff1tocCollapseSubSectionsCollapse all sub-sections in TOC to save spaceonoff1tocCollapseOnScrollCollapse TOC during page scrollingonoff1tocCollapsedCollapse TOC on every pagesonoff0tocLayoutTOC layoutmultichoicedefaultdefault
    navbarg钩子HTML钩子

    所有文件必须位于模板目录(lib / tpl / bootstrap3 /)或conf /目录中。

    文件名插入到页面HTML中的位置meta.html <head>和</head>之间topheader.html紧接着<body>标签之后header.htmlAbove the upper blue bar, below the pagename and wiki titlenavbar.htmlDEPRECATED (see the note below) - Inside the navbar, use this to add additional links (e.g. <li><a href=“/foo”>Foo</a></li>)pageheader.htmlbreadcrumbs下面,页面实际内容的上方pagefooter.htmlAbove the lower blue bar, below the last changed Datefooter.html在页面的最后,位于</ body>标记之前sidebarheader.html边侧栏上方sidebarfooter.html边侧栏下方social.htmlBelow the header.html, use this to add a social buttons (eg. Google+, Twitter, LinkedIn, etc)rightsidebarheader.html右边侧栏上方rightsidebarfooter.html
    右边侧栏下方
    Dokuwiki钩子

    可以通过创建简单的DokuWiki“钩子”页面来自定义页面的各个部分。 bootstrap3模板会将这些钩子页面内容插入到页面的总体布局中。

    钩子页面名说明名字空间单位:sidebarThe sidebarYES:rightsidebarThe right-sidebarYES:navbarNavbar with sub-menusYES:pageheaderHeader of the Wiki articleYES:pagefooterFooter of the Wiki articleYES:footerFooter of the pageYES:cookie:bannerCookie-Law bannerNO:cookie:policyCookie-Law policyNO:helpHelp page for “Help Page Icon”YES:headerHeader of page below the navbarYES:topheaderTop Header of page (on top of navbar if fixedTopNavbar is off)YES

  • PHP 1213 0 1 发布
    CSS文件

    DokuWiki本体的CSS文件位于lib / styles目录中,不过DokuWiki本体仅定义了一些最基础的CSS,更多的CSS存在于模板和各个插件里面。
    所有CSS文件都是通过lib/exe /css.php程序获取的。该程序还处理缓存,模式替换,LESS预处理和优化,由tpl_metaheaders()函数调用。

    加载CSS的顺序如下: 在CSS中,如果为同一属性指定了不同的值,并且样式冲突,则稍后加载的样式将优先,并且属性值将被覆盖,因此首选样式是从后面开始。

    基本样式:lib /styles/*.css插件样式:lib / plugins / <插件名称> / *。css模板样式:在lib / tpl / <模板名称> /style.ini中定义用户样式:conf / user * .css

    如果要通过自定义CSS添加样式,则基本上应将其添加到用户样式(conf / user * .css)中。

    媒体类型

    样式表支持五种媒体类型:

    screen:用于显示器print:用于打印all:用于所有的媒体设备rtl:feed:外部链接Dokuwiki官方说明

  • HTML5 799 0 1 发布

    本目录收录的是电子表格相关的应用软件。

     定义

    电子表格(Spreadsheet),指的是类似于Micfosoft Excel的办公文档。它会显示由一系列行与列构成的网格,称为单元格,单元格之间可以合并成一个跨多行多列的大单元格。

    单元格内可以存放数值、计算式、或文本,单元格的边框和文本颜色字体通常可以个别设置。

    范围

    本目录收录的软件仅限于以电子表格为主要功能(或之一)的应用软件。

    列表

    本目录收录了以下软件:

    EtherCalc

    EtherCalc是一个实时多人协作的电子表格处理器,后台需NodeJS服务器

    以下是 EtherCalc各相关链接及授权信息的介绍:

    官网(HP)
    https://ethercalc.net/源代码(Source)
    https://github.com/audreyt/ethercalc授权(License)
    Apache 2范例(Example)

    https://ethercalc.net/

    截图

  • HTML5 413 0 1 发布

    本目录收录的是PDF相关的应用软件。

     定义

    PDF(Portable Document Format:便携式文档格式)是一种用独立于应用程序、硬件、操作系统的方式呈现文档的文件格式。

    每个PDF文件包含固定布局的平面文档的完整描述,包括文本、字形、图形及其他需要显示的信息,通常在任何设备和环境下都能获得同样的展现。

    范围

    本目录收录的软件仅限于以PDF为主要功能(或之一)的应用软件。

    列表

    本目录收录了以下软件:

    laddu-reader

    Laddu 是一个PDF阅读器,基于Mozilla的pdf.js。

    以下是 laddu-reader 各相关链接及授权信息的介绍:

    官网(HP)
    源代码(Source)
    https://github.com/iraycd/laddu-reader授权(License)
    MIT范例(Example)
    截图