Docsify is a magical documentation site generator. What the plugin does is help you see the preview of your markdown file when writing it so that you can get better feedback. What you see is what you get.
preview Docsify in the sidebar
auto scroll when markdown file scrolled
auto jump to the corresponding position when opening a markdown file
auto-reload when the markdown file saved
preview: context menu
Open in browser
go here
the hint to find your source file in the developer tools
editor: context menu
If you are interested in my Docsify template, welcome to visit my Docsify-template or fork this repo, which supports mindmap, math formula, mermaid, jsRunkit, and so on.
If you want to paste images in markdown, welcome to use my other plugin:md-paste-enhanced.
If you like this plugin, please give me a star. Thanks!
docsifyPreview.port
: number
Set the port of the server
10812
docsifyPreview.indexFile
: string
Set the path of your custom index.html
To change the path, use /
refer to the relative path from the workspace.
Example: /index.html
the default value is /docs/index.html
docsifyPreview.followLinkWithCtrl
: boolean
Set whether to open the link with Ctrl
pressed
false
Ctrl+Shift+A
: open/close the side previewCtrl+Shift+V
: open the full previewCtrl+Shift+V
) => open the markdown from the preview (go Here
) => show the markdown to the side (Ctrl+Shift+A
)Ctrl+W
)You may open the duplicate tab in the browser if clicking the external link.
If you find any issues, please report them to issue
ctrl+alt+a
: open/close the side previewctrl+alt+v
: open the full previewfollow the link with ctrl
pressed
this may help you get rid of the annoying popup window if enabled
fixed: failed to open an external link
Now you can open the external link in the preview, and then it will be opened in the browser. But the problem is that you may open the duplicate tab in the browser. I will try to fix it in the future.
feature:
the context menu of the preview
add: close preview
right-click the button will trigger the same event as clicking it.
the context menu of the editor
add: show Docsify preview to the side
fix:
prevent the origin context menu when right-clicking the context menu
feature:
open develop tools
fix:
index.html
is changednow, you can just reopen the Docsify-Preview to make it work
change
pretty context menu
fix: issue
see more detail at https://github.com/dzylikecode/VSCodeExt-docsify-Preview/pull/11
fix:
it will open the wrong link if you change the page in the preview
refactor code
π π π
[x] fix: the scroll position will be put at the wrong position when opening the Docsify Preview
the first time
[x] change: use the context menu to open the preview in a browser instead of right-clicking
[x] add: the button "go here" in the context menu
If you click the button, the VSCode will open the corresponding markdown and scroll to the same position.
[x] fix: the state of whether the sidebar is closed will be reset if you reload the window
@paulhibbitts
fix: An annoying bug is that you have to drag the next markdown to the sidebar to see the preview.
change the label of the menu to "Show Docsify preview to the side"
Thanks to @paulhibbitts
feature: right-click the preview will open the preview in the default browser
feature: add input box if the configuration is not correct
congratulations!
I'm a student from China and I sacrificed the entire National Day holiday to write this plugin(Not only that, but I also overdrawn five days of studyπ°). If you like this plugin, please give me a star. If you want to buy me a coffee, scan the QR code below. Thanks! π π π
PayPal | WeChat Pay | Alipay |
---|---|---|
dzylikecode |
Thank you very much!!!
@paulhibbitts