在线编辑和新增文章的方法

warning 说明 以下方法实现的前提是把博客源码上传到github仓库,并配置好 GitHub Actions 自动部署。

在线编辑原有的文章

首先,在config.js启用页面的编辑按钮,并配置好github仓库和.md文件所在根目录等,详见 官方文档

示例:

  1. // config.js
  2. module.exports = {
  3. themeConfig: {
  4. repo: 'xugaoyi/vuepress-theme-vdoing', // Github仓库地址
  5. docsDir: 'docs', // .md文件放在了docs目录下
  6. editLinks: true, // 启用编辑链接
  7. editLinkText: '编辑',
  8. }
  9. }

配置好之后,每个文章页面底下都会有一个编辑按钮,点击即可跳到github在线编辑,编辑完成后提交就会自动触发GitHub Actions自动部署。

在线新增文章

在github博客源码仓库相应的文章目录下,新建.md文件,编辑好文章并提交后会触发GitHub Actions自动部署。

提示:当使用过在线编辑或新增后,下次在本地编辑之前先拉取代码。