Vuepress Editor

The Need

Edit Vuepress online like with Wordpress.

It's great to edit vuepress files on your favorite code editor, but sometimes it can be more work. A typical flow now might be to edit the files locally, and then commit and deploy the files as if you had updated the code when in fact you just updated content.

This also makes your content less portable. You gotta make sure you've committed and pushed the code as well as pull it down on a new system if you want to edit it there. That might be fine if you wanna do it sometimes, but it sucks to be stuck with that as the only option.

A quick and easy way to make your content available online for editing is by adding an Edit this page link at the bottom of the page. All you need is to update your config a bit.

// .vuepress/config.js
module.exports = {
  themeConfig: {
   docsRepo: 'vuejs/vuepress',
   editLinks: true

You can find more configuration options here.


Again, if you're using Vuepress to power your site, you may not want to have all your content public, particularly the drafts you're working on.

Fortunately, so long as you make your github repo private, then only you will be able to even see the repo to edit your pages.

Is that it?

For now, yes. At least this is how far I've gone in trying to meet this need.

Still, it would be really nice if one could edit their content from a system better designed for editing content. Until then, this is not a bad workaround.

Last Updated: 7/1/2018, 8:15:10 PM