Code Monkey home page Code Monkey logo

sheetjs's Introduction

基于docsify搭建博客

docsify官网 github awesome

初始化项目

  • 准备node环境
  • 下载docsify依赖 npm i docsify-cli -g
  • 初始化项目 docsify init docs
  • 启动项目 docsify serve ./docs
  • 访问博客 http://localhost:3000

目录结构

└── docs/
    ├── _media
    ├── assets
    ├── category
    ├── md
    ├── _coverpage.md
    ├── _sidebar.md
    ├── _navbar.md
    ├── _about.md
    └── index.html
└── README.md    

目录结构说明

  • _sidebar.md

    目录配置

  window.$docsify = {
    loadSidebar: true
  }
  • index.html

    用于配置一些网站的基础信息,包括:网站采集、留言板、地址等。

  • _coverpage.md

    用于配置博客首页的介绍信息和网站Logo等

选择主题

  1. 配置主题地址

配置

左侧目录配置

  1. 在根目录添加_sidebar.md
  2. 配置
  window.$docsify = {
    loadSidebar: true
  }
  1. 配置显示层级或忽略 window.$docsify中配置subMaxLevel属性
  2. 目录内容
  * [主页](/)
  * [导航](/md/guide.md "The greatest guide in the world")

顶部导航配置

  1. 在根目录添加_navbar.md
  2. 在index.html加入标签
  <body>
    <nav>
      <a href="#/">EN</a>
      <a href="#/zh-cn/">简体中文</a>
    </nav>
    <div id="app"></div>
  </body>
  1. 配置
  window.$docsify = {
    loadNavbar: true,
    loadNavbar: 'nav.md',
  }
  1. 目录级顶部导航 在目录下创建自己的_navbar.md

  2. 嵌套

  * Getting started

    * [Quick start](quickstart.md)
    * [Writing more pages](more-pages.md)
    * [Custom navbar](custom-navbar.md)
    * [Cover page](cover.md)

  * Configuration
    * [Configuration](configuration.md)
    * [Themes](themes.md)
    * [Using plugins](plugins.md)
    * [Markdown configuration](markdown.md)
    * [Language highlight](language-highlight.md)

写文章

其他

发布到gitee

发布到github

问题

  1. 两个搜索框问题? 当同时引入docsify.min.js与search.min.js时,会出现两个搜索框

缺陷

  1. 文章多维度分类
  2. 文章打标签标签

sheetjs's People

Contributors

0xc0der avatar dman577 avatar dxcx avatar finesse avatar garrettluu avatar hmalphettes avatar ingfraga avatar jefleponot avatar jimmywarting avatar kawanet avatar morgan-sam avatar nathanathan avatar notchris avatar reviewher avatar robbannn avatar robinfhu avatar rohandhamapurkar avatar rohankulshreshtha avatar ryancavanaugh avatar sandersn avatar sebastianmetzger avatar sebmaster avatar sheetjsdev avatar siguza avatar srijonsaha avatar theskillwithin avatar tmburnell avatar vvaldersteins avatar wlawt avatar wolfgang42 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.