使用Gogs二进制快速搭建git服务器

Gogs

下载适合服务器系统的gogs包,下载地址 上传gogs包到服务器并解压,然后进入文件夹执行命令: ./gogs web 然后会自动运行gogs,按照提示访问IP即可进行配置。 注意,仓库根目录的路径默认是在/root下的,可以自定义配置文件进行修改: cd gogs/ && mkdir custom && cd custom && mkdir conf && cd conf && touch app.ini 里面输入: [repository] ROOT = /home/gogs-repositories ROOT对应的就是仓库根目录路径,然后保存即可。 gogs后台执行命令: nohup ./gogs web & 成品:gogs

javascript计算未来时间距离当前时间的时长

JavaScript

源码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>时间计算</title> </head> <body> <input type="text" class="future" value="0000/00/00 00:00:00"> <button class="count">计算</button> <div> <span id="title"></span> <span id="d"></span> <span id="h"></span> <span id="m"></span> <span id="s"></span> </div> </body> <script type="text/javascript"> var future; document.querySelector(".count").onclick = function() { future = document.querySelector(".future").value; count(); } function count() { var date = new Date(); var now = date.getTime(); var endTime = new Date(future); var end = endTime.getTime(); var center = end - now; if (center >= 0) { document.getElementById("title").innerHTML = "距离" + future + "还有:"; document.getElementById("d").innerHTML = Math.floor(center / 1000 / 60 / 60 / 24) + "天"; document.getElementById("h").innerHTML = Math.floor(center / 1000 / 60 / 60 % 24) + "时"; document.getElementById("m").innerHTML = Math.floor(center / 1000 / 60 % 60) + "分"; document.getElementById("s").innerHTML = Math.floor(center / 1000 % 60) + "秒"; setTimeout(count, 1000); } else { alert("请输入当前时间以后的日期!"); } } </script> </html> 预览:

腾讯首页javascript判断网站访问方式代码

JavaScript

<script type="text/javascript"> if (window.location.toString().indexOf('pref=padindex') != -1) {} else { if (/AppleWebKit.*Mobile/i.test(navigator.userAgent) || /\(Android.*Mobile.+\).+Gecko.+Firefox/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))) { if (window.location.href.indexOf("?mobile") < 0) { try { if (/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { window.location.href = "https://xw.qq.com?f=qqcom"; } else if (/iPad/i.test(navigator.userAgent)) { //window.location.href="http://www.qq.com/pad/" } else { window.location.href = "http://xw.qq.com/simple/s/index/" } } catch (e) {} } } } </script>  

WordPress搜索功能实现

WordPress

wordpress内置搜索函数get_search_form 用法: <?php get_search_form( $echo ); ?> 前端代码: <form role="search" method="get" id="searchform" action="<?php echo home_url( '/' ); ?>"> <div><label class="screen-reader-text" for="s">Search for:</label> <input type="text" value="" name="s" id="s" /> <input type="submit" id="searchsubmit" value="Search" /> </div> </form> 将form表单代码放到显示的地方即可。 本站前端效果:

thinkphp5模糊查询like

ThinkPHP

基本用法: where('搜索的字段','like','%输入的关键字%') 模糊查询多使用在搜索函数里: public function search() { $str = input('search', '');//获取传过来的搜索关键字 $list = Db::name('table')->where('title', 'like', '%' . $str . '%')->select(); $this->assign('list', $list); return $this->fetch('search'); } where('title|name', 'like', '%str%')//多字段相同查询条件 where('title', ['like', '%str1%'], ['like', '%str2%'])//同一字段多个查询条件  

thinkphp3.2多表查询用法详解

ThinkPHP

主表: $table=M('table1'); 2表: 可以使用$table和$join $table = "table1 AS a"; $join = "table2 b ON a.id=b.a_id"; $list = $table->table($table)->join($join)->select(); $this->assign('list', $list); $this->display(); 3表及以上: 单独$join (注:3表及以上查询主表要使用全名,不能使用简写代替表名) $join1 = "table2 b ON table1.id=b.t_id"; $join2 = "table3 c ON table1.name=c.t_name"; $list = $table->join($join1)->join($join2)->select(); $this->assign('list', $list); $this->display(); 简单介绍一下join的第二个参数type: left:即使 有右表中没有匹配 ,也从左表中返回所有的行; right:即使左表中没有匹配,也从右表中返回所有的行; full:只要其中一个表中匹配,就返回行。

nodejs+Express搭建服务框架

Nodejs

1、下载安装nodejs; 2、npm安装Express框架: npm install express -g npm install express-generator -g 3、进入指定目录创建项目: express project 4、进入目录安装依赖并启动项目: cd project && npm install npm start 5、现在浏览器访问localhost:3000就可以访问创建的应用了,默认端口3000,修改端口为80只需要修改应用下bin目录下的www文件即可: var port = normalizePort(process.env.PORT || '80'); 注意不要与其他应用端口冲突。

lnmp多php版本共存

lnmp

首先环境是lnmp,lnmpa和lamp貌似不可以,可以尝试,但要注意数据备份! 进入服务器lnmp目录执行多php安装命令: cd /root/lnmp1.5/ && ./install.sh mphp 会罗列出可安装的php版本,注意不要重复安装同一版本php,输入序号回车即可安装所选版本;然后添加站点会提示你选择php的版本。 验证php版本: 可在站点根目录下新建phpinfo.php文件,内容: <?php echo phpinfo(); ?> 浏览器访问yourdomain/phpinfo.php即可查看php信息。

分享一个自己常用的jQuery轮播插件

jQuery

css: ul,ol,li,div { margin: 0; padding: 0; } ul,ol { list-style: none; } .ft-carousel { position: relative; width: 100%; height: 100%; overflow: hidden; } .ft-carousel .carousel-inner { position: absolute; left: 0; top: 0; height: 100%; } .ft-carousel .carousel-inner .carousel-item { float: left; height: 100%; } .ft-carousel .carousel-item img { width: 100%; } .ft-carousel .carousel-indicators { position: absolute; left: 0; bottom: 10px; width: 100%; text-align: center; font-size: 0; } .ft-carousel .carousel-indicators span { display: inline-block; width: 12px; height: 12px; background-color: #fff; margin: 0 4px; border-radius: 50%; cursor: pointer; } .ft-carousel .carousel-indicators span.active { background-color: #de3a3a; } .ft-carousel .carousel-btn { position: absolute; top: 50%; width: 50px; height: 45px; margin-top: -25px; cursor: pointer; } .ft-carousel .carousel-prev-btn { left: 0; background: url(../img/prev.png) no-repeat; } .ft-carousel .carousel-next-btn { right: 0; background: url(../img/next.png) no-repeat; } html: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/ft-carousel.css" /> <style> body {margin: 0;font-family: "微软雅黑";background-color: #1F1F1F;} .example {width: 624px;height: 336px;font-size: 40px;text-align: center;margin: 20px auto;background-color: #464576;} .carousel-item{line-height: 336px;color: #fff;font-family: Arial Black} </style> </head> <body> <div class="example"> <div class="ft-carousel" id="carousel"> <ul class="carousel-inner"> <li class="carousel-item"><img src="./img/a1.png" /></li> <li class="carousel-item"><img src="./img/a2.png" /></li> <li class="carousel-item"><img src="./img/a3.png" /></li> <li class="carousel-item"><img src="./img/a4.png" /></li> <li class="carousel-item"><img src="./img/a5.png" /></li> <li class="carousel-item"><img src="./img/a6.png" /></li> </ul> </div> </div> <script…

CSS预处理器之Less的安装使用

CSS

1、服务器: 安装(使用node.js包管理器——npm): npm install -g less 创建style.less,并在style.less内写less代码; 将 style.less 文件编译为 style.css : lessc style.less style.css 2、浏览器(简单粗暴): <head></head>直接引入: <script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.5.3/less.min.js"></script> <link href="styles.less" rel="stylesheet/less" type="text/css"/> 直接在style.less内写less代码即可。 更多用法详见Less中文网

0%