qiuz

Life is need to record.

10月 1, 2019

利用Docker搭建Ghost博客,一次搭建多处部署

利用Docker搭建Ghost博客,一次搭建多处部署

由于这几年服务器一直在换,导致每次到了服务器到期的时候就很痛苦,要重新搭建服务器环境部署自己的博客,作为前端er一直没想到docker,知道上次问了大佬才知道docker完全可以做到搭建了一次后,多处部署,这里记录下搭建过程吧。 虽然网上有很多教程,但是自己搭建的时候还是遇到很多坑,还是有必要记录下。 Docker文件目录 安装Docker 网上教程很多的,这里贴下我安装时看的文章 Centos7 安装docker以及docker-compose centos7安装docker 这里安装docker-compose直接用yum就可以了 yum -y install docker-compose 安装完后需要更换下国内镜像,我用的是daocloud这里不要用这里的Linux脚本 ,它的脚本会多加一个逗号,直接获取到地址,自己去添加就好了 vi /etc/docker/daemon.json { "

3月 14, 2019

前端多项目自动构建

前端多项目自动构建

Webhook 允许我们通过在Github.com订阅事件后构建后或者安装Github应用。当其中之一的事件被触发时,我们可以发送HTTP POST请求到webhook的配置URL。Webhook可以用作升级一个issue追踪,触发CI构建,升级一个后端镜像,或者甚至是部署你的生产服务器。只有想不到,没有做不到。 这里有一个常见的例子:你到github上。有一个用于他们代码POST请求webhook的文本框。你输入一个URL。现在当你上传你的代码到github上时,github将会通过HTTP POST的方法请求你所选择的包含详细信息的URL。没有更简单的方法以便与任意Web服务进行开放式集成。 作为国内的github——gitee.com,当然也是支持webhooks的。 gitee webhooks文档 基础支持 需要一台外网能访问的服务器 需要项目仓库的管理员权限 对于第一点来说,由于我这边是用公司的测试服务器,对外只开放了443端口,只能在443端口配置nginx,

9月 26, 2016

记一次解决问题的弯曲历程

记一次解决问题的弯曲历程

之前在做项目中,有一个需求是要由一个二级table,也就是table中嵌套一个table。虽然table是不能之前嵌套的,但是可以利用td里放一个div来嵌套table。需求是这个嵌套的table是可以点击展开收起,当时是直接利用了CSS3的transition属性来做的这个一个动画。 页面主要代码: <table> <thead></thead> <tbody ng-repeat="item in items"> <tr> <td>item.name<

8月 19, 2016

jQuery实现轮播图的无缝滚动

jQuery实现轮播图的无缝滚动

之前在学习jQuery时,想做一个轮播图的demo,于是在网上了找了相关的视频教程。然后根据教程不断的改变ul元素的左外边距自己做了一个demo,但是在演示的时候,最后一张到第一张图片切换到时候没有动画效果。之后尝试在最后多添加一个第一张图片,然后在展示这张图片时,默默的把其换成了真正的第一张图片,这样在切换的时候看不到痕迹。但是这样在第一张点击向前时,会出现两张一样的第一张图片。那么如何实现无缝滚动呢? 一、原理 实现原理是通过div的overflow:hide属性来显示单个图片,再不断的改变ul元素的左外边距动画显示每个图片,最关键的是这里,在将ul的第一个元素左移后,将其添加到ul的尾部然后删除,这样,当前显示的图片一直是第一张图片。 二、动手看看 html代码: <div id="container"> <div