zhangdocs 1.1.2 → 1.1.4

package/static/css/main.styl/main.styl

@@ -0,0 +1,156 @@
+@import('_partial/reset.styl')
+// CSS reset
+global-reset()
+reset-html()
+
+@import('_partial/variables.styl')
+@import('_partial/markdown.styl')
+@import('_partial/highlight.styl')
+@import('_partial/head_nav.styl')
+
+*
+    box-sizing: border-box
+body,html
+    height:100%
+    font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
+.logo
+    float:left
+    padding: 0 20px 0 0px
+    font-size: 24px
+    font-weight: 500
+    color: #563d7c
+    img 
+        vertical-align: middle
+        margin: -4px 0 0 0
+        max-height: 27px
+
+.container
+    padding-left: 15px
+    padding-right: 15px
+    width: 1124px
+    margin 0 auto
+    @media mq-tablet
+        width auto
+    @media mq-mobile
+        width auto
+    &:before
+        display: table
+        content: " "
+    &:after
+        display: table
+        content: " "
+        clear: both
+
+.bs-docs-header
+    background:#445588
+    background-image: linear-gradient(to bottom,#445588 0,#458 100%)
+    background-repeat: repeat-x
+    position: relative
+    padding: 88px 0
+    color: #A3AFD4
+    font-size: 24px
+    text-align: left
+    text-shadow: 0 1px 0 rgba(0,0,0,.1)
+    @media mq-mobile
+        padding: 28px 0
+    h1,p 
+        margin-right: 380px
+        @media mq-mobile
+            margin-right: 0
+        @media mq-tablet
+            margin-right 50px
+    h1
+        color: #fff
+        font-family: inherit
+        font-weight: 500
+        margin: .67em 0
+        margin-bottom: 10px
+        margin-top: 0
+        font-size: 60px
+        line-height: 1
+        text-align: left
+        @media mq-mobile
+            margin: .37em 0
+            text-align center
+    p 
+        margin-bottom: 0
+        font-weight: 300
+        line-height: 1.4
+.navbar-line
+    border-bottom: 1px solid #E9E9F1
+
+.markdown-body
+    overflow: auto
+.page-toc
+    width: 200px
+    float: right
+    width: 220px
+    background: #fff
+    padding: 9px 0 25px 20px 
+    margin-top: 35px
+    border-left: 1px solid #EEE
+    font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,sans-serif !important
+    @media mq-tablet
+        width auto
+    @media mq-mobile
+        display none
+    ul
+        list-style-type: none
+        margin: 0
+        a 
+            display: block
+            padding: 3px 0
+            color: #151515
+            text-decoration: none
+            font-weight:bold
+            line-height: 16px
+            font-size: 14px
+            &:hover
+                color:red
+                text-decoration: underline
+        li 
+            padding-left:3px
+            text-align:left
+            float: initial
+        ul
+            margin:0 0 0 10px
+            list-style-type: square
+            padding: 0 0 0 9px
+            li 
+                a 
+                    font-size:90%
+                    font-weight:normal
+                    border-bottom:0
+.copyright
+    border-top: 1px dashed #E9E9E9
+    padding: 6px 0 5px 2px
+    margin: 32px 0 0 0
+    line-height: 16px
+    font-size: 12px
+    color: #dfdfdf
+    a 
+        color: #D6DDF8
+        text-decoration: underline
+        &:hover
+            color:#333
+
+.forkgithub
+    position: absolute
+    z-index: 2
+    right: 0
+    background: url("../img/forkgithub.png") 14px -15px no-repeat
+    @media mq-mobile
+        display none
+    @media mq-tablet
+        background-image inherit
+    a 
+        display: block
+        width: 149px
+        height: 1px
+        padding-top 149px
+        overflow hidden
+        @media mq-tablet
+            padding-top 0
+            // height: 149px
+            height 50px
+            

package/theme/handbook/footer.ejs

@@ -1,59 +1,59 @@
-<script>
-  $('.warpper .page-toc ul ul li a').on('click', function () {
-    $('.warpper .page-toc ul ul li a').removeClass('my-active')
-    $(this).addClass('my-active')
-  })
-  $('.logo').on('mouseenter', function () {
-    $('.nav').height('450px');
-  })
-  $('.nav').on('mouseleave', function () {
-    $('.nav').height('80px');
-  })
-  $('.logo').on('click', function () {
-    $('.nav').css('display', 'none');
-    $('.warpper').css('padding', '0px');
-  })
-  $('#toc-toggle').on('click', function () {
-    let width = $('.page-toc').width();
-    if (width > 100) {
-      $('.page-toc').width(0);
-      $('.page-toc').css({
-        'width': '0',
-        'min-width': '0',
-        'padding': '0',
-        'border': 'none'
-      });
-      $('.content').css('margin-left', '0px');
-      $(this).css({
-        'left': '0px'
-      });
-    } else {
-      $('.page-toc').width(200);
-      $('.page-toc').css({
-        'width': '200px',
-        'min-width': '0',
-        'padding': '0',
-        'border': 'none'
-      });
-      $('.content').css('margin-left', '200px');
-      $(this).css({
-        'left': '200px'
-      });
-    }
-  });
-
-  // 高亮当前页面菜单
-  var pathname = window.location.pathname;
-  var hash = window.location.hash;
-  var links = document.querySelectorAll('.nav a');
-  for (var i = 0; i < links.length; i++) {
-    var link = links[i];
-    var href = link.getAttribute('href');
-    if (href === pathname || href === hash) {
-      link.parentNode.classList.add('active');
-    }
-  }
-</script>
-</body>
-
+<script>
+  $('.warpper .page-toc ul ul li a').on('click', function () {
+    $('.warpper .page-toc ul ul li a').removeClass('my-active')
+    $(this).addClass('my-active')
+  })
+  $('.logo').on('mouseenter', function () {
+    $('.nav').height('450px');
+  })
+  $('.nav').on('mouseleave', function () {
+    $('.nav').height('80px');
+  })
+  $('.logo').on('click', function () {
+    $('.nav').css('display', 'none');
+    $('.warpper').css('padding', '0px');
+  })
+  $('#toc-toggle').on('click', function () {
+    let width = $('.page-toc').width();
+    if (width > 100) {
+      $('.page-toc').width(0);
+      $('.page-toc').css({
+        'width': '0',
+        'min-width': '0',
+        'padding': '0',
+        'border': 'none'
+      });
+      $('.content').css('margin-left', '0px');
+      $(this).css({
+        'left': '0px'
+      });
+    } else {
+      $('.page-toc').width(200);
+      $('.page-toc').css({
+        'width': '200px',
+        'min-width': '0',
+        'padding': '0',
+        'border': 'none'
+      });
+      $('.content').css('margin-left', '200px');
+      $(this).css({
+        'left': '200px'
+      });
+    }
+  });
+
+  // 高亮当前页面菜单
+  var pathname = window.location.pathname;
+  var hash = window.location.hash;
+  var links = document.querySelectorAll('.nav a');
+  for (var i = 0; i < links.length; i++) {
+    var link = links[i];
+    var href = link.getAttribute('href');
+    if (href === pathname || href === hash) {
+      link.parentNode.classList.add('active');
+    }
+  }
+</script>
+</body>
+
 </html>

package/theme/handbook/gitignore

@@ -1,22 +1,22 @@
-*.iml
-.idea/
-.ipr
-.iws
-*~
-~*
-*.diff
-*.patch
-*.bak
-.DS_Store
-Thumbs.db
-.project
-.*proj
-.svn/
-*.swp
-*.swo
-*.pyc
-*.pyo
-.build
-node_modules
-.cache
-zhangdocs-theme-*/
+*.iml
+.idea/
+.ipr
+.iws
+*~
+~*
+*.diff
+*.patch
+*.bak
+.DS_Store
+Thumbs.db
+.project
+.*proj
+.svn/
+*.swp
+*.swo
+*.pyc
+*.pyo
+.build
+node_modules
+.cache
+zhangdocs-theme-*/

package/theme/handbook/head.ejs

@@ -1,58 +1,58 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <title>
-    <%=title%>
-  </title>
-  <link rel="stylesheet" href="<%=relative_path%>static/css/main.css">
-  <link rel="stylesheet" href="https://static.docs-hub.com/bootstrapmin_1645176572503.css">
-  <!-- MathJax 配置 -->
-  <script>
-    MathJax = {
-      tex: {
-        inlineMath: [['$', '$'], ['\\(', '\\)']],
-        displayMath: [['$$', '$$'], ['\\[', '\\]']],
-        processEscapes: true
-      },
-      svg: {
-        fontCache: 'global'
-      }
-    };
-  </script>
-  <!-- 加载 MathJax -->
-  <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/mermaid@10.6.1/dist/mermaid.min.js"></script>
-  <script>
-    document.addEventListener('DOMContentLoaded', function () {
-      mermaid.initialize({
-        startOnLoad: true,
-        theme: 'default',
-        themeVariables: {
-          primaryColor: '#ff6b6b',
-          primaryTextColor: '#333',
-          primaryBorderColor: '#ff6b6b',
-          lineColor: '#333',
-          secondaryColor: '#f8f9fa',
-          tertiaryColor: '#fff'
-        }
-      });
-    });
-  </script>
-  <style>
-    .page-toc>ul .red {
-      background: #f3f3f3;
-      z-index: 1;
-      border-left: 3px solid #009a61;
-      -webkit-transition: all .2s ease;
-      transition: all .2s ease;
-      color: #000
-    }
-  </style>
-</head>
-
-<body>
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>
+    <%=title%>
+  </title>
+  <link rel="stylesheet" href="<%=relative_path%>static/css/main.css">
+  <link rel="stylesheet" href="https://static.docs-hub.com/bootstrapmin_1645176572503.css">
+  <!-- MathJax 配置 -->
+  <script>
+    MathJax = {
+      tex: {
+        inlineMath: [['$', '$'], ['\\(', '\\)']],
+        displayMath: [['$$', '$$'], ['\\[', '\\]']],
+        processEscapes: true
+      },
+      svg: {
+        fontCache: 'global'
+      }
+    };
+  </script>
+  <!-- 加载 MathJax -->
+  <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/mermaid@10.6.1/dist/mermaid.min.js"></script>
+  <script>
+    document.addEventListener('DOMContentLoaded', function () {
+      mermaid.initialize({
+        startOnLoad: true,
+        theme: 'default',
+        themeVariables: {
+          primaryColor: '#ff6b6b',
+          primaryTextColor: '#333',
+          primaryBorderColor: '#ff6b6b',
+          lineColor: '#333',
+          secondaryColor: '#f8f9fa',
+          tertiaryColor: '#fff'
+        }
+      });
+    });
+  </script>
+  <style>
+    .page-toc>ul .red {
+      background: #f3f3f3;
+      z-index: 1;
+      border-left: 3px solid #009a61;
+      -webkit-transition: all .2s ease;
+      transition: all .2s ease;
+      color: #000
+    }
+  </style>
+</head>
+
+<body>
   <% include header.ejs %>

package/theme/handbook/header.ejs

@@ -1,6 +1,6 @@
-<div class="nav">
-    <div class="logo">
-        <%= title %>
-    </div>
-    <%- menu_html -%>
+<div class="nav">
+    <div class="logo">
+        <%= title %>
+    </div>
+    <%- menu_html -%>
 </div>

package/theme/handbook/layout.ejs

@@ -1,40 +1,110 @@
-<% include head.ejs %>
-  <div class="warpper" id="main-container" style="display: none;">
-    <div class="page-toc">
-      <%- toc_html %>
-    </div>
-    <div class="content markdown-body">
-      <svg id="toc-toggle" class="toc-toggle" stroke="black" fill="none" stroke-width="2" viewBox="0 0 24 24"
-        stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-black" xmlns="http://www.w3.org/2000/svg">
-        <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />
-        <line x1="9" y1="3" x2="9" y2="21" />
-      </svg>
-
-      <%- markdown_html %>
-    </div>
-  </div>
-
-  <script>
-    document.addEventListener('DOMContentLoaded', function () {
-      // 检查localStorage中的token
-      const token = localStorage.getItem('token');
-      const expectedToken = 'A3F78D1E4C9B2A5F0E6D7C8B5A4F3E2D1C0B9A8F7E6D5C4B3A2F1E0D9C8B7A6F5E4';
-
-      const mainContainer = document.getElementById('main-container');
-      const navElement = document.querySelector('.nav');
-
-      if (token === expectedToken) {
-        // 权限验证通过，显示内容
-        mainContainer.style.display = 'block';
-        if (navElement) navElement.style.display = 'block';
-      } else {
-        // 权限验证失败，隐藏所有内容
-        mainContainer.style.display = 'none';
-        if (navElement) navElement.style.display = 'none';
-      }
-    });
-  </script>
-
-  <script src="https://static.docs-hub.com/jquerymin_1645176580555.js"></script>
-  <script src="https://static.docs-hub.com/bootstrapmin_1645176554753.js"></script>
+<% include head.ejs %>
+  <div class="warpper" id="main-container" style="display: none;">
+    <div class="page-toc">
+      <%- toc_html %>
+    </div>
+    <div class="content markdown-body">
+      <svg id="toc-toggle" class="toc-toggle" stroke="black" fill="none" stroke-width="2" viewBox="0 0 24 24"
+        stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-black" xmlns="http://www.w3.org/2000/svg">
+        <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />
+        <line x1="9" y1="3" x2="9" y2="21" />
+      </svg>
+
+      <%- markdown_html %>
+    </div>
+  </div>
+
+  <!-- Token输入弹窗 -->
+  <div id="token-modal"
+    style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 9999; display: flex; justify-content: center; align-items: center;">
+    <div
+      style="background: white; padding: 30px; border-radius: 10px; box-shadow: 0 4px 20px rgba(0,0,0,0.3); max-width: 400px; width: 90%;">
+      <h2 style="margin: 0 0 20px 0; text-align: center; color: #333;">访问验证</h2>
+      <p style="margin: 0 0 15px 0; color: #666; text-align: center;">请输入访问令牌</p>
+      <input type="password" id="token-input" placeholder="请输入token"
+        style="width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 5px; font-size: 16px; margin-bottom: 15px; box-sizing: border-box;">
+      <div style="text-align: center;">
+        <button id="token-submit"
+          style="background: #007bff; color: white; border: none; padding: 12px 30px; border-radius: 5px; font-size: 16px; cursor: pointer; margin-right: 10px;">验证</button>
+        <button id="token-cancel"
+          style="background: #6c757d; color: white; border: none; padding: 12px 30px; border-radius: 5px; font-size: 16px; cursor: pointer;">取消</button>
+      </div>
+      <div id="error-message" style="color: red; text-align: center; margin-top: 10px; display: none;">Token不正确，请重新输入
+      </div>
+    </div>
+  </div>
+
+  <script>
+    document.addEventListener('DOMContentLoaded', function () {
+      const expectedToken = 'rstech5202';
+      const mainContainer = document.getElementById('main-container');
+      const navElement = document.querySelector('.nav');
+      const tokenModal = document.getElementById('token-modal');
+      const tokenInput = document.getElementById('token-input');
+      const tokenSubmit = document.getElementById('token-submit');
+      const tokenCancel = document.getElementById('token-cancel');
+      const errorMessage = document.getElementById('error-message');
+
+      // 检查是否已有正确的token
+      const existingToken = localStorage.getItem('token');
+      if (existingToken === expectedToken) {
+        tokenModal.style.display = 'none';
+        showContent();
+        return;
+      }
+
+      // 显示token输入弹窗
+      tokenModal.style.display = 'flex';
+
+      // 验证token
+      function verifyToken() {
+        const inputToken = tokenInput.value.trim();
+        if (inputToken === expectedToken) {
+          localStorage.setItem('token', inputToken);
+          showContent();
+          tokenModal.style.display = 'none';
+        } else {
+          errorMessage.style.display = 'block';
+          tokenInput.value = '';
+          tokenInput.focus();
+        }
+      }
+
+      // 显示内容
+      function showContent() {
+        mainContainer.style.display = 'block';
+        if (navElement) navElement.style.display = 'block';
+      }
+
+      // 隐藏内容
+      function hideContent() {
+        mainContainer.style.display = 'none';
+        if (navElement) navElement.style.display = 'none';
+      }
+
+      // 事件监听
+      tokenSubmit.addEventListener('click', verifyToken);
+      tokenCancel.addEventListener('click', function () {
+        hideContent();
+        tokenModal.style.display = 'none';
+      });
+
+      tokenInput.addEventListener('keypress', function (e) {
+        if (e.key === 'Enter') {
+          verifyToken();
+        }
+      });
+
+      // 点击弹窗外部关闭
+      tokenModal.addEventListener('click', function (e) {
+        if (e.target === tokenModal) {
+          hideContent();
+          tokenModal.style.display = 'none';
+        }
+      });
+    });
+  </script>
+
+  <script src="https://static.docs-hub.com/jquerymin_1645176580555.js"></script>
+  <script src="https://static.docs-hub.com/bootstrapmin_1645176554753.js"></script>
   <% include footer.ejs %>