Linux 环境下 WordPress 发邮件的坎坷之旅

用上了阿里云的云服务器后,我的生活发生了翻天覆地的变化,天天被被折腾得体无完肤,吃不下,睡不着,辗转反侧,失眠多梦。从云服务器降生(13:25:23 2017/2/7)到 WEB 站点服务环境配置完成,到网站上线时文件权限设置及数据库文件上传的解决,再到后来的一些小事,如:WordPress 图片/文件上传问题,Linux 定时备份,还有这次记录的 WordPress 发邮件的坎坷之旅。整整花费了一个多月,其实在买这个云服...

2017
03-11

关于 WordPress 更新出错的那点事

事情发生在 13:35 2017/3/11 ,一个吃午饭的时间。打开wordpress 后台看到升级提示,对于我这种有微弱强迫症的人来说,升级是必需的。谁知道升级按钮一点,浏览器转了好久,然后无情地来了一个空白页,什么都看不见,心突然就碎满一地。 于是重新刷新了一遍页面,竟然提示我:您确定要这样做? 无耐,只能关掉页面重新再试一遍。美美地又来到了更新界面,点击更新按钮,被提示:“升级 WordPress 另一更新正...

2017
03-11

文字换行处理 word-wrap word-break white-space 用法及区别

作为前端的你,浏览器默的文字处理方式估计不用我再多说一句了。这里有两种情况我们需要知道的,但在实际中出现的机率不大,请看图: 前面的换行是因为我加了<br>标签,第一行我们不用管,只需关注第二行文字,第二行文字为什么会超出盒子? 我猜:在处理文字的时候浏览器会把它们看成一个整体(如:单词),并且不会拆分它们,一行又显示不完全,那怎么办呢?只能像上面那样处理了。于是就会出现了...

2017
03-08

移动端用滚动条属性实现左右滚动效果

前言 移动端左右滚动,不是我们常说的图片切换,只是实现了通过手指实现内容的左右滚动。现在很多app 都会有这样的效果。在线 Demo :http://yunkus.com/demo/mobile-use-scroll-bar-property-realize-horizontal-scroll/。注意:浏览器得切换到手机模式查看效果哦! 入门代码 HTML 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> ...

2017
03-06

Linux 环境实现自动备份站点文件和数据库

站点备份是每一个站长不得不面对的事,所以自动备份就成了必备技能。这篇文章就是为了解决这个问题的。Linux 环境下网站文件和数据库的自动备份。 配置 在这里以 /home/backup 目录为例子。我们把所有备份文件(站点文件,及数据库文件.sql)都放到这里来。切换到 /home/backup (如目录不存在可新建) cd /home/backup .sh 关键代码 在此目录下新建一个文件名为backup.sh(文件名可以自己随便取) vi ...

2017
03-05

Centos 7(Linux)文件增删改查操作

在 Linux 中文件的增删改查操作一个都不能少,这也是你经常用到的命令行,所以下面就给大家整理出来。让你在需要他的时候不用求爷爷,告奶奶,众里寻它千百度,因为一切尽在云库! 增(create) 添加目录,添加文件。有添加目录用 mkdir。添加文件用 touch。 创建目录 mkdir //在当前目录下创建名为yunkus.com的目录 mkdir yunkus.com //在指定目录下创建名为yunkus.com的目录(使用绝对路径),比...

2017
03-02

仿 PC 端网易云音乐图片轮播效果

本文给大家分享一个仿 PC 端网易云音乐图片轮播效果,代码基于 jQuery 开发,虽然仿得不是十分像,但基本的效果还是做出来了,有需要的朋友可以看看。为了不浪费你的时间,如果是 JS 大神请略过本文,当作什么都没发生过。 效果演示:http://yunkus.com/demo/clone-netease-cloud-music-picture-carousel/ HTML代码 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="ut...

2017
03-02

JavaScript 变量

什么是变量 变量就是用来存放数据的容器。 变量命名法 变量命名是区分大小写的,并且不允许使用 JavaScript 的关键字和保留字做变量名。所有变量的命名法都是基于上面两条命名原则的。 匈牙利命名法 通过在变量名前面添加相应小写字母作为前缀标示变量的作用域或类型等。前缀后面是一个或多个单词的组合,单词描述了变量的用途,比如g表示全局变量,l表示局部变量。 <script> var gGoodWebsit...

2017
02-28

JavaScript 作用域和作用域链

作用域就是变量或者函数可访问的范围,它分为全局作用域和本地作用域。全局作用域:所有属于浏览器 window 对象的变量或者函数都归属于全局作用域。本地作用域:以函数为边界的区块,也可以理解成除了全局作用域,其它的都可以看作是局部作用域,而全局作用域和本地作用域就组成了一条作用域链。 我们可以看看下面这个例子来具体说明什么是全局作用域,什么是局部作用域: <script> // 定义全局变量...

2017
02-27

JavaScript 闭包(Closure)

闭包是什么?为什么要用到闭包?这些问题想必你已经听过不少了,特别是如果你面试前端开发的时候,这是你怎么也躲不过的话题。现在我们来看看闭包到底是什么东西。 什么是闭包? 闭包就是有权访问另一个函数作用域内数据资源(变量、函数)的函数。至于闭包有什么用,下面我们会说到。现在我们要了解闭包,我们得先来明白有关于闭包的一些名词。 相关名词 作用域:就是可访问数据资源(变量、函数)的...

2017
02-24

wordpress 主题查看源代码时最开始空了几行的解决方法

很多时候我们会遇到这样的情况,当你做好一个主题后,你在浏览器里ctrl+u查看源代码时会看到源码的头几行是空白的,不管你是那种内容管理系统,都有可能会遇到这种情况。比如像下面这样: 到目前为止我知道的就只有两种可能会导致这种情况发生。这两种可能还得是在是 wordpress 内容管理系统才会出现的,如果是其它的内容管理系统估计其中一种可能就不会发生了。下面我们就来看看这两种可以分别是什么。 ...

2017
02-22

网站代码高亮插件 prettify.js

作为前端开发者,代码是你躲也躲不开的,下面就教你如何在自己的网站里给所有代码块添加高亮效果。而这篇文章要给你介绍的就是这样一个代码高亮插件 prettify.js 。 这个插件的作用方法也非常简单,你只需要引用相关文件,然后再启用它就可以。 <!-- 引入 CSS 文件 --> <link href="prettify.min.css" rel="stylesheet"> <!-- 引入 JS 文件 --> <script src="jquery.min.js">&l...

2017
02-20

网页天气预报 API 及用法整理

在网站中添加天气预报是常有的事,特别是一事提供日常资讯类的网站。下面就给大家整理出一些天气 API 以及他们的用法。 国家气象局天气预报接口 国家气象局为我们提供了两个可用的天气预报 API 接口: http://www.weather.com.cn/data/sk/101280701.html http://www.weather.com.cn/data/cityinfo/101280701.html 这两个接口返回的数据是不一样的,你可以根据自己需要进行选择。 http://www.weather.com...

2017
02-15

移动端 WEB APP 框架大全

现在如今要开发一个 APP 可以说是一件非常简单的事了,因为网上很在有很多这样的 APP 前端框架。下面我给大家整理下。 SUI Mobile 简介 SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美,只需要引入我们的CDN文件就可以使用,并且能兼容到 iOS 6.0+ 和 Android 4.0+,非常适合开发跨平台Web App。 轻量的UI库。SUI Mobile 非常轻量,核心库压缩Gzip后的JS、CSS网络传输体积总共只有52K...

2017
02-14

WEB 前端开发插件整理

下拉框插件 网址 1.selecthttp://select2.github.io/ 2.双 selecthttp://loudev.com 3.selectboxhttp://aui.github.io/popupjs/doc/selectbox.html 文字工具插件 网址 1.简繁体转换https://github.com/BYVoid/OpenCC 2.拼音https://github.com/hotoo/pinyin 图表插件 网站网址 1.Highchartshttps://www.hcharts.cn/ 2.EChartshttp://echarts.baidu.com/ 3.Chart.jshttp://chartjs.org/ 4.Paperjsh...

2017
02-14

phpMyAdmin 登录出错 session_start(): open(SESSION_FILE, O_RDWR) failed: Permission denied

在配置 vsftpd 虚拟用户之前,是可以登录 phpMyAdmin 后台的。配置完 vsftpd 虚拟用户后就出现了如下图片所示的错误。 phpMyAdmin – Error Error during session start; please check your PHP and/or webserver log file and configure your PHP installation properly. Also ensure that cookies are enabled in your browser. session_start(): open(SESSION_FILE, O_RDWR) failed: Permission ...

2017
02-13

Linux 里 phpMyAdmin 无法上传大文件的解决方法

不管是网站的迁移还是其它操作,很多时候我们都需要对数据库进行备份还原,而在这个过程中,我们不得不去面对的问题就是大数据库文件的上传问题。下面就给大家分享下这个问题的解决方法。 这个问题大概的解决方法有两种,一种就是修改 php.ini,另一种方法就是修改 phpMyAdmin 的配置文件 config.inc.php。 修改 php.ini 修改 php.ini,这种方法改动的地方有点多,但是总的来看还是很简单的。因为只需要...

2017
02-13

wordpress 无法上传图片的解决方法

自己配置的云服务器肯定会遇到各种坑,好不容易把云服务器配置好了,把 wordpress 上传到站点根目录后程序也装好了,开开心心的发篇文章吧,谁知道无法上传图片。提示:无法将上传的文件移动至 wp-content/uploads/2017/02 如图: 这个问题也不算是什么大问题,网上解决的方法一大堆,但不时候都不尽如人意。 网友智慧 1.直接更改目录权限。 2.修改wp-config.php文件 3.进入WP后台后,点击左侧导航栏的“...

2017
02-10

centos7 vsftpd 虚拟用户配置

虚拟用户的配置说复杂也不复杂,说简单也不一定简单,我在配置这个东西的时候也折腾了好长时间,最后还是把它虚拟用户的配置弄明白了。下面就给大家分享我的此时此刻的喜悦。 首先引起我对虚拟用户配置的注意是因为一次 wordpress  后台上传图片报错的经历。因为刚配置完云服务器,所以问题就不接二连三的出现,后台无法上传图片就是其中一个为了更好的解决图片上传的问题,于是开始了 FTP 虚拟用户征服之...

2017
02-10

Linux ftp 上传文件提示 553 Could not create file

如果你的云服务器用的是 Linux 系统 ,那么权限的设置估计会让你踩了很多坑。这篇文章将要分享的就是其中一个坑,ftp 上传文件时提示 553 Could not create file 严重文件传输错误。网上也有很多关于这个问题的文章,但有时候你遇到的问题虽然“症状”跟它样是一样的,但是解决方法却有很大的不同,下面要分享的就是这么一个例子。 网上很多说法总结下: 网友智慧 1.考虑是不是selinux的原因,是不是没禁用 ...

2017
02-10

Linux 查看系统版本及内核版本的方法

下把 Linux 系统版本和内核版本的查看方法整理出来,本文以 centos 为例子。其它 Linux 发行版本命令行基本差不多。本文除了会说到版本的查看外,还会介绍版本的升级。 查Linux看版本命令 查看Linux系统版本命令 Linux系统版本的查看有三种方法 cat /etc/redhat-release 输出: CentOS Linux release 7.3.1611 (Core) cat /etc/issue 输出: \S Kernel \r on an \m lsb_release -a 输出: LSB Version...

2017
02-09

Linux (centos)命令行收集整理

1.Centos 下查看系统版本号信息的方法 Linux 查看系统版本及内核版本的方法 2.Centos 文件增删改查操作 Centos 7(Linux)文件增删改查操作 3.Centos 文件权限分配操作 4.Centos 用户增删改查操作 5.web 站点环境配置全套(php+nginx+mariadb+ phpmyadmin+vsftpd) Centos 7 php 环境安装及配置 Centos 7 nginx 服务安装及配置 Centos 7 MariaDB 数据库服务安装及配置 MongoDB 在 window 下安装及配置...

2017
02-09

配置好云服务器环境后安装 php 程序向导创建php文件失败

最近刚买了一台云服务器,然后就开始折腾,配置web环境。其实有各种坑,但最后还是迎来了胜利的曙光。这篇文章不会把这个过程中遇到的所有坑都写下来,只分享下云服务器环境配置好后,安装 php 程序时出现的一个错误。这个如果你刚开始玩云服务器的应该会遇到这个小问题:安装 zblog php版时会有如下提示: 提示 创建数据库!zblog 连接数据库并创建数据表! 创建并插入数据成功! 创建c_option.php失败,...

2017
02-08

AngularJS ng-repeat 数据遍历详解

AngularJS 中的ng-repeat 估计你见得不少了。这个东东其实也非常的简单:遍历数据。下面我们变来看看这个ng-repeat 到底可以为我们做些什么。这是本文所写到的例子的在线 Demo:http://yunkus.com/demo/angularjs/ng-repeat/。 基本结构 HTML 结构 <!DOCTYPE html> <html ng-app="yk"> <head> <meta http-equiv="Content-type" content="text/html;charset=utf-8"> ...

2017
01-25

AngularJS ng-style 添加样式详解

AngularJS 里的 ng-style 在平时的项目用也常有用到,一般都是用来通过条件判断然后显示指定的样式。本文我们变来看看这个 ng-style 怎么用,能做什么。下面我们先把基本的HTML 结构和数据准备好。在看代码之前你可以先来看看本文的在线 Demo :http://yunkus.com/demo/angularjs/ng-style/。 HTML 代码 <!DOCTYPE html> <html ng-app="yk"> <head> <meta http-equiv="Content-t...

2017
01-25

AngularJS checkbox 完美实现全选反选功能

刚站的全选反选相信你已经见过不少了,现在我们来看看在 AngularJS 中是如何实现的。下面会给出两个例子,一个是最简单的全选,反选;一个是接近完美的全选反选功能。 你可以先看看本文的 Demo 来预热下:http://yunkus.com/demo/angularjs/checkbox/ 下面直接贴出代码,HTML 代码有点多,但你也不用怕,因为来来去去也就那么几个东西了。现在你可以淡定的开始你的看码之旅了。 HTML代码 <!DOCTYPE html...

2017
01-21

AngularJS 与本地存储 LocalStorage 应用实例

这篇文章是一个关于AngularJS 与本地存储 LocalStorage 配合使用的一个应用实例,里面涉及到的东西也不少,但关键是它们都很简单,你可以不费吹灰之力就能把它人拿下,不信,你试试!废话不多说,直接上代码。你也可以先去品尝一下 AngularJS 与本地存储 LocalStorage 应用实例 Demo:http://yunkus.com/demo/angularjs/localstorage/。戴好安全带,网速有点快。 HTML代码 <!DOCTYPE html> <html...

2017
01-16

AngularJS 数据遍历 angular.foreach()

数据遍历对于前端来说,已经用得不少了,在AngularJS中也一样,我们很多时候需要这么做以达到操作数据的目的。下面我们就来看一个简单的例子。如果你觉得看代码不过瘾,你可以先去观摩下本例子的 Demo:http://yunkus.com/demo/angularjs/foreach/ 基本例子 HTML 代码 <!DOCTYPE html> <html ng-app="yk"> <head> <meta http-equiv="Content-type" content="text/html;chars...

2017
01-14

AngularJS 表单元素操作汇总

本文主要是把AngularJS 里有关表单元素操作的东西整理出来,比如操作input输入框、select下拉框。费话不多说,我们直接进主题。 如果你觉得下面的代码没意思,你也可以直接点这里感受Demo的威力:http://yunkus.com/demo/angularjs/form/ 基本代码结构 HTML代码 <!DOCTYPE html> <html ng-app="yk"> <head> <meta http-equiv="Content-type" content="text/html;charset=utf...

2017
01-14

text-overflow:ellipsis 文字超出省略号代替不起作用解决方法

前言 这个属性想必你平时也用了不少,特别在屏幕小得可怜的移动端。但有时候你会发现它怎么都没效果。思前想后也没发现自己做了什么对不起它事,但他就是对你不理不踩。 场景重现 无效场景一 现在我们来一个正常的例子 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html;charset=utf-8"> <meta name="viewport" content="w...

2017
01-11