Vieu四代商业主题

高扩展、安全、稳定、响应式布局多功能模板。

¥69 现在购买

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

摘要:宝塔面板环境搭建oneindex添加gitalk评论系统,一款无缝连接微软oneDrive云盘的程序...

功能:

1、不用服务器空间,不走服务器流量,
2、直接列onedrive目录,文件直链下载。
3、文件夹加密访问
4、文档在线浏览,视频可在线播放。
5、可做简易图床。

需求:

1、PHP空间,PHP 5.6+ 打开curl支持
2、onedrive 账号 (个人、企业版或教育版/工作或学校帐户)
3、oneindex 程序

安装

本安装过程基于宝塔面板搭建的lnmp环境
使用宝塔面板新建网站环境,php版本使用php5.6或更高版本。
进入网站根目录,下载oneindex程序,并将压缩包内所有文件提取至根目录。
访问你的域名,进入安装引导,在此使用官方readme的gif教程
宝塔面板环境搭建oneindex,并且添加gitalk评论系统

优化设置

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

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

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

更换主题

默认主题比较简洁,我使用的是nexmoe

伪静态设置

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;
}

特殊文件实现功能

在文件夹底部添加说明:

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

在文件夹头部添加说明:

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

加密文件夹:

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

直接输出网页:

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

gitalk评论系统的添加

添加静态评论系统,这里使用到了gitalk。
Gitalk 是一个基于 GitHub Issue 和 Preact 开发的评论插件。

特性

1、使用 GitHub 登录
2、支持多语言 [en, zh-CN, zh-TW, es-ES, fr, ru]
3、支持个人或组织
4、无干扰模式(设置 distractionFreeMode 为 true 开启)
5、快捷键提交评论 (cmd|ctrl + enter)

安装准备

1、获取clientID和clientSecret,后面需要用到

首先,需要申请一个Github APP,填写要求如下:
宝塔面板环境搭建oneindex,并且添加gitalk评论系统

最后点击 Registered application 得到clientID和clientSecret,然后新建一个名为gitalk的仓库。
宝塔面板环境搭建oneindex,并且添加gitalk评论系统

2、配置网站

注:由于下面代码会导致页面错乱,为了提升浏览体验,暂不提供复制文本功能,请评论后下载配置完成的源文件
先进入你选择的主题文件夹,位于网站根目录/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添加
宝塔面板环境搭建oneindex,并且添加gitalk评论系统

在最后一个div添加
宝塔面板环境搭建oneindex,并且添加gitalk评论系统
最后全部代码

<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
	<title><?php e($title.' - '.config('site_name'));?></title>
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/mdui@0.4.1/dist/css/mdui.min.css" integrity="sha256-lCFxSSYsY5OMx6y8gp8/j6NVngvBh3ulMtrf4SX5Z5A=" crossorigin="anonymous">
	<script src="https://cdn.jsdelivr.net/npm/mdui@0.4.1/dist/js/mdui.min.js" integrity="sha256-dZxrLDxoyEQADIAGrWhPtWqjDFvZZBigzArprSzkKgI=" crossorigin="anonymous"></script>
	<link rel="stylesheet" href="https://cloud.i.chainwon.com/data/User/admin/home/css/main.css">
   	<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>
</head>
<body class="mdui-theme-primary-blue-grey mdui-theme-accent-blue" style="background-image: url(https://api.ixiaowai.cn/api/api.php)">
	<div class="mdui-container">
	    <div class="mdui-container-fluid">
	    <div class="mdui-toolbar nexmoe-item">
			<a href="/"><?php e(config('site_name'));?></a>
			<?php foreach((array)$navs as $n=>$l):?>
			<i class="mdui-icon material-icons mdui-icon-dark" style="margin:0;">chevron_right</i>
			<a href="<?php e($l);?>"><?php e($n);?></a>
			<?php endforeach;?>
			<a href="javascript:;" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">refresh</i></a>
		</div>
		</div>
    	<?php view::section('content');?>
      <div id="gitalk-container"></div>
  	</div>
  <script type="text/javascript">
var gitalk = new Gitalk({
        clientID: '此处填写你刚刚申请的clientID',
        clientSecret: '此处填写你刚刚申请的clientSecret',
        repo: 'gitalk',
        owner: '此处设置你的用户名',
        admin: ['此处设置你的用户名'],
        id: 'oneindex',
        distractionFreeMode: true,
        createIssueManually: true
    });
gitalk.render('gitalk-container');
</script>
</body>
</html>

 
最后打开你的oneindex首页,等待最下方gitalk评论加载完毕,点击初始化issue,再刷新页面即可。
当然你也可以在下方?回复后,直接下载我已经配置好的PHP文件,直接拿去使用就行,只需要你的clientID和clientSecret,填入到指定位置就行

文件下载

附件:oneindex云盘系统修订版

文件大小:83 KB

更新时间:2018-11-10

本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有,若为付费资源,请在下载后24小时之内自觉删除,若作商业用途,请到原网站购买,由于未及时购买和付费发生的侵权行为,与本站无关。本站发布的内容若侵犯到您的权益,请联系本站删除,我们将及时处理!

未经允许不得转载:作者:锅巴网络, 转载或复制请以 超链接形式 并注明出处 锅巴资源
原文地址:《宝塔面板环境搭建oneindex,并且添加gitalk评论系统》 发布于2018-11-10

分享到:
赞(1) 打赏

评论 2

4 + 1 =
  1. #1

    你就是傻

    锅巴资源1年前 (2018-11-29)回复
  2. #2

    真棒

    234444321年前 (2019-01-21)回复
宝塔面板环境搭建oneindex,并且添加gitalk评论系统

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

Vieu4.5主题
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册