首页 » 技术交流 » 正文

宝塔面板搭建oneindex教程并添加gitalk评论系统

扫一扫用手机浏览

oneindex+Onedrive介绍

◆不用服务器空间,不走服务器流量。

◆直接列onedrive目录,文件直链下载。

◆文件夹加密访问,可自定义密码。

◆文档在线浏览,视频可以在线播放。

◆可以做图床。

◆5T大容量存储

demo:http://file.7colorblog.com/

原作者地址:https://github.com/donwa/oneindex

准备工作

首先你需要有一个onedrive账号,没有的可以去我的小店(七彩杂货铺)购买一个

本教程基于宝塔linux面板的,打开xshell,首先安装宝塔 (小白看这:小白教程之xshell远程连接

Centos安装命令:

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install.sh && sh install.sh

Ubuntu/Deepin安装命令:

wget -O install.sh http://download.bt.cn/install/install-ubuntu.sh && sudo bash install.sh

Debian安装命令:

wget -O install.sh http://download.bt.cn/install/install-ubuntu.sh && bash install.sh

Fedora安装命令:

wget -O install.sh http://download.bt.cn/install/install.sh && bash install.sh

环境需lnmp环境,php需要5.6以上,需要curl支持(默认开启)

然后我们回到xshell中

搭建教程

先进入网站目录

cd /www/wwwroot/你的网站目录/

然后拷贝代码

git clone https://github.com/donwa/oneindex.git

然后我们回到宝塔中,进入网站目录下的oneindex文件夹

image.png

然后全选文件,剪切!

回到上一级目录,也就是网站根目录,粘贴所有,然后将cache和config目录设置权限为777

image.png

重启一下nginx

然后我们打开域名进行安装指引

image.png

然后出现上图所示,点击下一步,按照下面gif进行操作

安装完成后即可访问网站前后台

优化工作

为了保证实时同步onedrive内的文件列表,需要设置定时任务进行定时同步。

1、进入宝塔定时任务设置,任务类型选择shell脚本,任务名称:每小时刷新一次token ,任务周期选择每小时0分钟,脚本内容为:/具体路径/php /程序具体路径/one.php token:refresh 。注:具体路径为你网站根目录路径。

2、再添加一条定时任务,任务名称:每十分钟后台刷新一遍缓存,任务周期改为N分钟-10分钟,脚本内容为:*/10 * * * * /具体路径/php /程序具体路径/one.php cache:refresh

3、更换主题 默认主题比较简洁,我使用的是nexmoe

4、伪静态设置

nginx 伪静态设置

if (!-f $request_filename){set $rule_0 1$rule_0;
}if (!-d $request_filename){set $rule_0 2$rule_0;
}if ($rule_0 = "21"){rewrite ^/(.*)$ /index.php?/$1 last;
}

后台打开去掉/?/ (需配合伪静态使用!!),保存设置

特殊文件使用

文件地址:https://github.com/donwa/oneindex/tree/files

在文件夹底部添加说明:  

●在onedrive的文件夹中添加 README.md 文件,使用markdown语法。

在文件夹头部添加说明:

●在onedrive的文件夹中添加HEAD.md 文件,使用markdown语法。  

加密文件夹:  

●在onedrive的文件夹中添加.password文件,填入密码,密码不能为空。

直接输出网页:

●在onedrive的文件夹中添加index.html 文件,程序会直接输出网页而不列目录。 配合 文件展示设置-直接输出 效果更佳

gitalk评论系统

我在搭建完oneindex之后,总觉得缺少一个留言/评论的板块,自己修改程序的话比较麻烦,也没必要。于是想到了添加静态评论系统,这里我使用了gitalk。

Gitalk 是一个基于 GitHub Issue 和 Preact 开发的评论插件。

优点:

▲使用 GitHub 登录

▲支持多语言 [en, zh-CN, zh-TW, es-ES, fr, ru]

▲支持个人或组织

▲无干扰模式(设置 distractionFreeMode 为 true 开启)

▲快捷键提交评论 (cmd|ctrl + enter)

安装准备:

▲先在github中创建gitalk仓库

▲进入所选择的主题文件夹,在网站根目录/view/下,classic为默认主题,看你后台里选的类型,我选用的是nexmoe主题

▲编辑layout.php文件,在</head>前添加

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.css">
<script src="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js"></script>

▲在倒数第一个</div>前添加

<div id="gitalk-container"></div>

▲获取clientID和clientSecret

首先我们先申请一个 GitHub APP  按照如下提示填写:

image.png



▲在倒数第一个</div>后添加

<script type="text/javascript">
var gitalk = new Gitalk({
        clientID: '你的Client ID',
        clientSecret: '你的Client Secret',
        repo: 'gitalk',
        owner: 'owner',
        admin: ['owner'],
        id: 'oneindex',
        distractionFreeMode: true,
        createIssueManually: true
    });
gitalk.render('gitalk-container');
</script>

将clientID和clientSecret换成上一步获得的

将owner和admin改为你的用户名

然后就访问首页,登录,初始化issues

刷新页面即可

本文标题:宝塔面板搭建oneindex教程并添加gitalk评论系统
本文链接:https://www.7colorblog.com/?id=51
作者授权:除特别说明外,本文由 阿念 原创编译并授权 七彩Blog 刊载发布。
版权声明:本文不使用任何协议授权,您可以任何形式自由转载或使用。
赞(14

发表评论