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


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

在线编辑原有的文章00

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

示例:

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

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

在线新增文章

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

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


文章作者: suxiaolong
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 suxiaolong !
评论
  目录