一开始博客使用的 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 ÿ