搭建个人博客，Docsify+Github webhook+JGit解决方案

最新推荐文章于 2024-02-20 16:07:45 发布

JavaShark

最新推荐文章于 2024-02-20 16:07:45 发布

阅读量511

点赞数

文章标签： github java

本文链接：https://blog.csdn.net/JavaShark/article/details/125413188

版权

一开始博客使用的 Halo，发现问题比较多啊，时不时的莫名其妙主题各种报错，有时候还要升级，麻烦的要死，于是就想弄简单点。

这两天抽空反复倒腾了一遍，不小心还把镜像给尼玛删了，发的文章都没了，痛定思痛，要做改变！

众所周知，我懒出名了，我觉得这种事情你不要老是让我操心啊，最好是一年都不要动一下才好，这搞的跟什么一样。

研究一会儿，最终还是决定 docsify+github 来弄，初步的想法是本地写好 MD 文件直接 push 到 github上，然后触发 github 的webhook，触发脚本去 pull 代码到服务器上。

这样的话还有点想象空间，以后可以省去一大部分同步文章的工作，都可以出发回调去通过 API 同步，不过暂时还没有调研这些平台是否能支持，不过应该问题不大。

试试解决方案可不可行吧，我觉得很 nice。

docsify 搭建安装

首先安装 docsify-cli 工具

npm i docsify-cli -g

然后进入自己的目录，初始化

docsify init ./

这样就差不多了，多了几个文件，简单修改一下 index.html，配置下名字和代码仓库的信息，开启下左边的侧边栏。

同时补充一点插件，都从网上搂的。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="description" content="Description">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
  <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@4/lib/themes/vue.css">
</head>
<body>
  <div id="app"></div>
  <script>
    window.$docsify = {
      name: '艾小仙',
      repo: 'https://github.com/irwinai/JavaInterview.git',
      loadSidebar: true,
      autoHeader: true,
      subMaxLevel: 3,
      sidebarDisplayLevel: 1, // set sidebar display level
      count:{
        countable:true,
        fontsize:'0.9em',
        color:'rgb(90,90,90)',
        language:'chinese'
      },
      search: {
        maxAge: 86400000, // Expiration time, the default one day
        paths: [], // or 'auto'
        placeholder: '开始搜索',
        noData: '啥也没有!'
      },
      copyCode: {
        buttonText : '点击复制',
        errorText  : '错误',
        successText: '复制成功'
      },
      footer: {
        copy: '<span>艾小仙 © 2022</span>',
        auth: '赣ICP备2021008029号-1',
        pre: '<hr/>',
        style: 'text-align: right;',
        class: 'className'
      }
    }
  </script>
  <!-- Docsify v4 -->
  <script src="//cdn.jsdelivr.net/npm/docsify@4"></script>
  <!-- 搜索 -->
  <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/search.min.js"></script>
  <!-- 图片放大缩小支持 -->
  <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/zoom-image.min.js"></script>
  <!-- 拷贝文字内容 -->
  <script src="//cdn.jsdelivr.net/npm/docsify-copy-code/dist/docsify-copy-code.min.js"></script>
  <!-- 字数插件 -->
  <script src="https://cdn.jsdelivr.net/npm/docsify-count@latest/dist/countable.min.js"></script>
  <!-- 分页导航 -->
  <script src="//unpkg.com/docsify-pagination/dist/docsify-pagination.min.js"></script>
  <!-- 侧边栏扩展与折叠 -->
  <script src="//cdn.jsdelivr.net/npm/docsify-sidebar-collapse/dist/docsify-sidebar-collapse.min.js"></script>
  <!-- 页脚信息 -->
  <script src="//unpkg.com/docsify-footer-enh/dist/docsify-footer-enh.min.js"></script>
  <!-- GitTalk评论 -->
  <!-- <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/gitalk/dist/gitalk.css">
  <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/gitalk.min.js"></script>
  <script src="//cdn.jsdelivr.net/npm/gitalk/dist/gitalk.min.js"></script> -->
</body>
</html>

然后运行，本地会启动 http://localhost:3000 ÿ

最低0.47元/天解锁文章

JavaShark

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
搭建个人博客，Docsify+Github webhook+JGit解决方案

一开始博客使用的 Halo，发现问题比较多啊，时不时的莫名其妙主题各种报错，有时候还要升级，麻烦的要死，于是就想弄简单点。这两天抽空反复倒腾了一遍，不小心还把镜像给尼玛删了，发的文章都没了，痛定思痛，要做改变！众所周知，我懒出名了，我觉得这种事情你不要老是让我操心啊，最好是一年都不要动一下才好，这搞的跟什么一样。研究一会儿，最终还是决定 docsify+github 来弄，初步的想法是本地写好 MD 文件直接 push 到 github上，然后触发 github 的webhook，触发脚本去 pull 代码
复制链接

扫一扫