所见即所得编辑器, editorhtml{cursor:text;*cursor:auto}
img,input,textarea{cursor:default}.cke_editable{cursor:text}.cke_editable img,.cke_editable input,.cke_editable textarea{cursor:default}
.img-upload-box{margin:0 auto;width:420px;height:80px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:8px;border:1px solid #e0e0e0;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex}.img-upload-box img.preview{display:block;width:64px;height:64px}.img-upload-box span.info-box{margin-left:16px}.img-upload-box span.info-box img.info-box{display:block;width:316px;height:auto}.img-upload-box span.info-box span.operate-box{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:16px;line-height:20px}.img-upload-box span.info-box span.operate-box span.upload-msg{font-size:14px;color:#ca0c16;width:100%;text-align:center}.img-upload-box span.info-box span.operate-box a.btn{margin-left:auto;font-size:14px;color:#999;white-space:nowrap;cursor:pointer}.img-upload-box span.info-box span.operate-box a.btn.btn-redo{display:none;margin-right:16px}
.cke_show_borders table.cke_show_border,.cke_show_borders table.cke_show_border > tr > td, .cke_show_borders table.cke_show_border > tr > th,.cke_show_borders table.cke_show_border > tbody > tr > td, .cke_show_borders table.cke_show_border > tbody > tr > th,.cke_show_borders table.cke_show_border > thead > tr > td, .cke_show_borders table.cke_show_border > thead > tr > th,.cke_show_borders table.cke_show_border > tfoot > tr > td, .cke_show_borders table.cke_show_border > tfoot > tr > th{border : #d3d3d3 1px dotted}
.cke_widget_wrapper{position:relative;outline:none}.cke_widget_inline{display:inline-block}.cke_widget_wrapper:hover>.cke_widget_element{outline:2px solid #ffd25c;cursor:default}.cke_widget_wrapper:hover .cke_widget_editable{outline:2px solid #ffd25c}.cke_widget_wrapper.cke_widget_focused>.cke_widget_element,.cke_widget_wrapper .cke_widget_editable.cke_widget_editable_focused{outline:2px solid #47a4f5}.cke_widget_editable{cursor:text}.cke_widget_drag_handler_container{position:absolute;width:15px;height:0;display:none;opacity:0.75;transition:height 0s 0.2s;line-height:0}.cke_widget_wrapper:hover>.cke_widget_drag_handler_container{height:15px;transition:none}.cke_widget_drag_handler_container:hover{opacity:1}img.cke_widget_drag_handler{cursor:move;width:15px;height:15px;display:inline-block}.cke_widget_mask{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.cke_editable.cke_widget_dragging, .cke_editable.cke_widget_dragging *{cursor:move !important}
.cke_image_nocaption{line-height:0}.cke_editable.cke_image_sw, .cke_editable.cke_image_sw *{cursor:sw-resize !important}.cke_editable.cke_image_se, .cke_editable.cke_image_se *{cursor:se-resize !important}.cke_image_resizer{display:none;position:absolute;width:10px;height:10px;bottom:-5px;right:-5px;background:#000;outline:1px solid #fff;line-height:0;cursor:se-resize;}.cke_image_resizer_wrapper{position:relative;display:inline-block;line-height:0;}.cke_image_resizer.cke_image_resizer_left{right:auto;left:-5px;cursor:sw-resize;}.cke_widget_wrapper:hover .cke_image_resizer,.cke_image_resizer.cke_image_resizing{display:block}.cke_widget_wrapper>a{display:inline-block}
.cke_upload_uploading img{opacity: 0.3}

本文链接:https://blog.csdn.net/Activity_Time/article/details/88908325

一、Nginx简介

Nginx是一个web服务器,可以访问静态资源,也可以用来做负载均衡及反向代理使用,接下来说一下安装过程。

二、下载Nginx相关组件

1. 安装编译工具

开始前,请确认gcc g++开发类库是否装好,默认已经安装。

# ububtu平台编译环境可以使用以下指令
apt-get install build-essential
apt-get install libtool

# centos平台编译环境使用如下指令

# 安装make:

yum -y install gcc automake autoconf libtool make # 安装g++:

yum install gcc gcc-c++

2. 依赖的组件

-方法1:yum安装(推荐)

需要安装 PCRE库zlib库,openssl 相关组件。使用yum安装即可:(以下命令还带有ssl、zlib等依赖的安装) 

yum -y install zlib zlib-devel openssl openssl--devel pcre pcre-devel

-方法2:手动下载源码包并编译安装

进入用户目录

cd /usr/local/src

下载源码包

wget http://www.openssl.org/source/openssl-fips-2.0.10.tar.gz

# 安装...

wget http://zlib.net/zlib-1.2.11.tar.gz

# 安装...

wget ftp://ftp.csx.cam.ac.uk/pub/software/programming/pcre/pcre-8.40.tar.gz

# 安装...

源码编译安装三部曲(每个源码包都要来一次)

#先进入某个源码包中 

cd pcre-8.40

# cd openssl-fips-2.0.10

# cd zlib-1.2.11 # 然后分别执行以下三条命令

./configure

make

make install # 也可以直接执行三条命令

./configure && make && make install

注:如果是手动安装建议就在/usr/local/src下操作和安装,第一次我修改了安装位置,发现系统检测不到依赖库,由于刚刚接触linux,还不够熟悉,具体原因我也不清楚;建议直接yum安装,一条命令就搞定了。

编译安装nginx需要pcre等包,未安装组件就直接安装nginx会有类似如下提示:

./configure: error: the HTTP rewrite module requires the PCRE library.

You can either disable the module by using --without-http_rewrite_module

option, or install the PCRE library into the system, or build the PCRE library

statically from the source with nginx by using --with-pcre=<path> option.

三、 下载安装nginx

同上组件下载(在/usr/local/src) 和安装,默认 Nginx 会安装到 /usr/local/nginx 目录下

cd /usr/local/src

wget http://nginx.org/download/nginx-1.10.2.tar.gz

tar zxvf nginx-1.10.2.tar.gz

# 省略安装内容...

cd nginx-1.10.2

./configure && make && make install

# 省略安装内容...

模块安装 :https://blog.csdn.net/Activity_Time/article/details/95767390

四、运行nginx

1. nginx的基本操作:

# 启动

/usr/local/nginx/sbin/nginx

# 停止/重启

/usr/local/nginx/sbin/nginx -s stop(quit、reload)

# 命令帮助

/usr/local/nginx/sbin/nginx -h

# 验证配置文件

/usr/local/nginx/sbin/nginx -t

# 配置文件

vim /usr/local/nginx/conf/nginx.conf

2. 开放端口

-方法一:直接关闭防火墙

# 关闭防火墙

service iptables stop

# 关闭开机自启动防火墙

chkconfig iptables off

chkconfig --list|grep ipt #查看防火墙状态

chkconfig iptables --list

下面是防火墙的其他操作命令

-方法二:将开启的端口加入防火墙白名单中

# 编辑防火墙白名单

vim /etc/sysconfig/iptables

# 增加下面一行代码

-A INPUT -p tcp -m state -- state NEW -m tcp --dport 80 -j ACCEPT # 保存退出,重启防火墙

service iptables restart

linux防火墙 开放端口配置(命令行方式) 

3. 访问测试

(1)查看进程 ps -ef|grep nginx

(2)ping ip地址

(3)telnet ip地址 端口号

(4)或者直接打开浏览器访问【ip地址:端口号】

 

注:一般来说访问不到的主要原因是防火墙未关闭,端口未放行,我在测试的时候使用的VMware,出现了访问不到的情况,表现是能ping通,但是在windows上访问不到,用telnet测试发现80端口拒绝访问,防火墙已关闭,最后发现是克隆的centos虚拟机的主机名冲突...

----------------------------------------------------------------------

参考文章:

修改Linux主机名

Nginx Linux详细安装部署教程

linux环境下安装nginx步骤

Linux下指定pip install和make install安装路径

编译安装nginx却requires the PCRE library

Centos中iptables和firewall防火墙开启、关闭、查看状态、基本设置等

Linux防火墙的关闭和开启

Nginx安装及配置详解

nginx配置教程(集合)及配置文件示例

分割备份nginx日志

nginx安装教程(详细)的更多相关文章

  1. nginx 安装教程

    Nginx 安装教程 本教程在CentOS6.7中安装nginx 1.8.0,Nginx中加入了taobao的concat模块,nginx-upload-module模块,pcre 以及nginx-u ...

  2. mysql安装图解 mysql图文安装教程(详细说明)

    MySQL5.0版本的安装图解教程是给新手学习的,当前mysql5.0.96是最新的稳定版本. mysql 下载地址 http://www.jb51.net/softs/2193.html 下面的是M ...

  3. mysql安装图解 mysql图文安装教程(详细说明)-[转]

    很多朋友刚开始接触mysql数据库服务器,下面是网友整理的一篇mysql的安装教程,步骤明细也有详细的说明. MySQL5.0版本的安装图解教程是给新手学习的,当前mysql5.0.96是最新的稳定版 ...

  4. Linux中Nginx安装教程

    Nginx 是一个很强大的高性能Web和反向代理服务器,它具有很多非常优越的特性: 在连接高并发的情况下,Nginx是Apache服务器不错的替代品:Nginx在美国是做虚拟主机生意的老板们经常选择的 ...

  5. centos7.2下nginx安装教程

    1.准备工作 1)关闭iptables 关闭操作 iptables -t nat -F 查看操作 iptables -t nat -L 2)关闭selinux 查看操作 setenforce 关闭操作 ...

  6. nginx安装教程

    一.安装编译工具及库文件 yum -y install make zlib zlib-devel gcc-c++ libtool openssl openssl-devel 二.首先要安装 PCRE ...

  7. Nginx安装(详细版本)

    Nginx安装文档 前言: 最近,系统部署人员那边,让我们给写一个傻瓜式的Nginx安装过程.所以就有了这个文档,本着独乐乐不如众乐乐,就分享一下.我觉得对入门小白来说,有图,乃至运行过程图,是很重要 ...

  8. Nginx安装教程,ubuntu18.04

    本文介绍Nginx如何安装,操作系统为Ubuntu 18.04.   一.安装 (1)安装git 执行命令:“sudo apt-get install git”. (2)安装aptitude 执行命令 ...

  9. XhProf安装教程–详细教程

    wget去这里找最新的包下载,我现在最新的是xhprof-0.9.4.tgz cd /tmp mkdir xhprof && cd xhprof wget http://pecl.ph ...

随机推荐

  1. PHP-Redis扩展安装(四)

    PHP-Redis扩展安装(四) 安装环境链接:http://pan.baidu.com/s/1i4IbJox Memecached 服务器安装(一) memcached php扩展(二) redis ...

  2. HTTP socket网络通信

    import socket class WebServer(): def __init__(self): ''' 1.创建总的socket 2.监听 :param self: :param addr: ...

  3. RSTP生成树

    一.实验目的 二.实验拓扑图 三.实验编址 四.实验步骤 1.基本步骤 配置PC机IP 配置完成,开启所有设备,测试主机之间连通性 2.配置RSTP基本功能 在四台交换机上修改生成树模式:配置完成后, ...

  4. 利用单臂路由实现VLAN间路由(有1个疑问)

    配置PC机: PC1:IP 192.168.1.1 :掩码:255.255.255.0:网关:192.168.1.254  VLAN 10 PC2:IP 192.168.2.1 :掩码:255.255 ...

  5. 大众点评Java开发实时应用监控平台-CAT

    CAT介绍 CAT是基于Java开发的实时应用监控平台,包括实时应用监控,业务监控. CAT作为大众点评网基础监控组件,它已经在中间件框架(MVC框架,RPC框架,数据库框架,缓存框架等)中得到广泛应 ...

  6. 添加阿里巴巴图标,让你页面小图标都是CSS3写成

    第一步把你想要的小图标添加到购物车里,然后如图下载 第二步下载完了,如下图有这些文件 第三步,把你需要的必要文件放到文件夹中,然后把需要的代码放到一个CSS中,然后引用 备注,这几个文件就是字体,必须 ...

  7. WEBRTC三种类型(Mesh、MCU 和 SFU)的多方通信架构

    WebRTC 本身提供的是 1 对 1 的通信模型,在 STUN/TURN 的辅助下,如果能实现 NAT 穿越,那么两个浏览器是可以直接进行媒体数据交换的:如果不能实现 NAT 穿越,那么只能通过 T ...

  8. redis集群搭建(简单简单)一台机器多redis

      redis集群搭建 在开始redis集群搭建之前,我们先简单回顾一下redis单机版的搭建过程 下载redis压缩包,然后解压压缩文件: 进入到解压缩后的redis文件目录(此时可以看到Makef ...

  9. vue中给请求来的数据List ,添加属性false 后,赋值不上问题解决办法

    data() { return { list:[ // 添加属性fale 后的值 ], // 测试数据 goList:[ { name:'张三', phone:'18621958665' }, { n ...

  10. ant打包遇到的问题

    \build\build.xml:350: Problem: failed to create task or type foreach Cause: The name is undefined. A ...