momotaro98 / page-contents-sidebar

Chrome extension app: Sidebar for showing list of the page contents

Home Page:https://chrome.google.com/webstore/detail/page-contents-sidebar/obapfadchkhjmpkfclbpejldccaajccb

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

page-contents-sidebar

Sidebar Extension for Markdown on Gist

page-contents-sidebar_demo

Features

  • Display header title of Markdown file
  • Jump to target area
  • Change the depth of the display header
  • Track and focus on current browsing points
  • Change the sidebar width
  • The sidebar can be hidden with a single button

Future

Scheduled to support other sites such as GitHub and Confluence.

Development

Start development

$ cd page-contents-sidebar
$ npm install

Build, run, and watch app

Modify src files and run and watch app by building with gulp

$ npm start

Inspect app

Open tmp/app directory as extension in Chrome browser, chrome://extensions/

Deployment app to Chrome Extension

  1. Update version of package.json
  2. Run npm run-script build or gulp build and check tmp/app TODO: Use npm dist with zip the dir
  3. Create a zip file of tmp/app
  4. Go to Chrome Ex Dashboard and upload the zip file
  5. Push update to master and create release and tag

About

Chrome extension app: Sidebar for showing list of the page contents

https://chrome.google.com/webstore/detail/page-contents-sidebar/obapfadchkhjmpkfclbpejldccaajccb


Languages

Language:JavaScript 75.6%Language:Less 19.6%Language:HTML 4.9%