Git Product home page Git Product logo

md-site-reader's Introduction

markdown documents site reader

一个非常简单的markdown文档站点阅读器小工具

  • 纯静态渲染,只要有一个可以放静态文件的服务器, 配置好相关信息。访问 index.html 即可
  • 原生支持渲染 gitbook 导出的 markdown 站点
  • 可直接渲染github上的任意一个 markdown 文档仓库
  • 样式基于bootswatch(可以直接在页面切换各种主题)
  • 自动本地缓存,加快二次打开速度
  • 使用highlight添加代码高亮

示例

demo https://inhere.github.io/md-site-reader/

示例渲染的是 astaxie 的 《Go web 编程》 https://github.com/astaxie/build-web-application-with-golang 示例配置请看文件 assets/js/config.js

全部配置项

see file: assets/js/config.all.js

你可以通过 assets/js/config.js 来覆盖默认配置

const config = {
  // page title = baseTile + content title
  baseTitle: 'Swoft Doc',
  siteName: 'Swoft',
  basePath: location.pathname,

  docProject: 'swoft-cloud/swoft-doc',
  // e.g https://raw.githubusercontent.com/{swoft-cloud/swoft-doc}/master/{beanfactory.md}
  dataUrl: 'https://raw.githubusercontent.com/swoft-cloud/swoft-doc/master/',
  docUrl: 'https://github.com/swoft-cloud/swoft-doc',
  // e.g https://github.com/swoft-cloud/swoft-doc/edit/master/http.md
  editUrl: 'https://github.com/swoft-cloud/swoft-doc/edit/master',

  project: 'swoft-cloud/swoft',
  projectUrl: 'https://github.com/swoft-cloud/swoft',
  issueUrl: 'https://github.com/swoft-cloud/swoft/issues',

  authorPage: 'https://github.com/stelin',
  authorName: 'stelin',

  // assets/lib/bootswatch/{theme:paper}/bootstrap.min.css
  theme: 'paper',
  // assets/lib/highlight/styles/{codeTheme:github}.css
  codeTheme: 'github',
  catelogPage: 'SUMMARY.md',
  defaultPage: 'README.md',
  makeTOC: true,
  emptyData: 'No content to display!'
}

License

MIT

md-site-reader's People

Contributors

inhere avatar

Watchers

 avatar  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.