作者： admin

xi’an

2018-07-25

为wordpress制作插件

<?php
/*
Plugin Name: 插件名称
Plugin URI: http://URI_Of_Page_Describing_Plugin_and_Updates
Description: 插件的简单描述
Version: 插件版本号, 例如: 1.0
Author: 插件作者
Author URI: http://URI_Of_The_Plugin_Author作者地址
*/
?>

2018-07-12

faded

2018-07-12
阿里云web服务器配置
一，购买了一台新的阿里云服务器

登录到服务器
```
ssh root@ip
```
二，更新yum源

https://opsx.alibaba.com/mirror

1,备份
```
mv /etc/yum.repos.d/CentOS-Base.repo /etc/yum.repos.d/CentOS-Base.repo.backup
```
2,下载新的CentOS-Base.repo 到/etc/yum.repos.d/
```
//CentOS 7
wget -O /etc/yum.repos.d/CentOS-Base.repo http://mirrors.aliyun.com/repo/Centos-7.repo
//或者
curl -o /etc/yum.repos.d/CentOS-Base.repo http://mirrors.aliyun.com/repo/Centos-7.repo
```
3,之后运行yum makecache生成缓存

三，安装mariadb
```
yum install mariadb-server mariadb-libs
```
安装完成后启动mariadb服务
```
sudo systemctl start mariadb
```
设置开机自启动mariadb
```
sudo systemctl enable mariadb
```
mariadb的配置
```
mysql_secure_installation
```
输入当前 root 用户的密码，直接回车 . 要设置 root 密码吗？是的 … 再确认一次 … 是否要删除匿名用户吗？是的，想要禁用 root 用户远程登录吗？可以，要删除掉 test 这个数据库吗？确定，最后会提示，要重新加载权限吗？再输入一个 Y，表示确定

查看是否安装成功
```
mysql -u root -p
```
查看所有数据库
```
show databases;
```
2018-05-24
VIP用户才能查看

2018-05-23
php生成静态页面
一，buffer
```
<?php
echo 1;
```
我们都运行程序浏览器访问，会显示1。
但是其实这中间会经历一个buffer，我们可以这样理解：这个1数据会先到php缓存区，当这个缓冲区满了之后，再传给客户端(浏览器)。
这个过程大致流程如下：
```
内容 -> php buffer -> tcp -> 终端(浏览器)
```
php.ini
```
output_buffering = on
#打开output缓冲，默认打开的。
```
output_buffering打开与关闭的区别：
1.打开了php输出缓存: echo,print -> php output_buffring -> server buffering -> browser buffering -> browser display
2.未打开php输出缓存: echo,print -> server buffering -> browser buffering -> browser display

我们在代码里获取缓存区内容：
```
<?php

echo 1;
echo "<hr/>";

// 获取php缓存区的内容
$buffer = ob_get_contents();
echo $buffer;
```
如果在php配置文件php.ini中output_buffering = on是开启的，那么上面代码在浏览器上会显示2个1和2条横线，查看网页源代码如下：
```
1<hr/>1<hr/>
```
如果php.ini中是关闭的，那么只会显示一次。

当然我们也可以在代码中，临时开启php缓冲区
```
<?php
ob_start(); // 开始php缓存，写在最前面

echo 1;
echo "<hr/>";

// 获取php缓存区的内容
$buffer = ob_get_contents();
echo $buffer;
```
2018-05-23

1

<html>
  <head></head>
  <body></body>
</html>

<pre><code class="language-css">
body{margin:0; background-color:red;}
</code></pre>

2018-05-21

plyr视频播放器

一，准备

官网: https://plyr.io/
代码copy:http://www.bootcdn.cn/plyr/

css

<link href="https://cdn.bootcss.com/plyr/3.3.7/plyr.css" rel="stylesheet">

<script src="https://cdn.bootcss.com/plyr/3.3.7/plyr.min.js"></script>

二，html video

<video poster="/path/to/poster.jpg" id="player" playsinline controls>
    <source src="/path/to/video.mp4" type="video/mp4">
    <source src="/path/to/video.webm" type="video/webm">

    <!-- Captions are optional -->
    <track kind="captions" label="English captions" src="/path/to/captions.vtt" srclang="en" default>
</video>

html audio

<audio id="player" controls>
    <source src="/path/to/audio.mp3" type="audio/mp3">
    <source src="/path/to/audio.ogg" type="audio/ogg">
</audio>

youtube1

<div class="plyr__video-embed" id="player">
    <iframe src="https://www.youtube.com/embed/bTqVqk7FSmY?origin=https://plyr.io&iv_load_policy=3&modestbranding=1&playsinline=1&showinfo=0&rel=0&enablejsapi=1" allowfullscreen allowtransparency allow="autoplay"></iframe>
</div>

youtube2

<div id="player" data-plyr-provider="youtube" data-plyr-embed-id="bTqVqk7FSmY"></div>

例子

有字幕的

没有字幕的

github：https://github.com/sampotts/plyr

2018-05-21

简易版瀑布流

简易版的原理

取出data下的一条box数据。判断四个li容器谁最短，把刚取出的数据放进去，以此类推。

<div class="content">
  <ul>
    <li><li>
    <li><li>
    <li><li>
    <li><li>
  </ul>
</div>
<div class="data hide">
  <div class="box"><img src="http://placehold.it/250x200/f88/fff></div>
  <div class="box"><img src="http://placehold.it/250x300/f88/fff></div>
  <div class="box"><img src="http://placehold.it/250x400/f88/fff></div>
  <div class="box"><img src="http://placehold.it/250x200/f88/fff></div>
  <div class="box"><img src="http://placehold.it/250x500/f88/fff></div>
  <div class="box"><img src="http://placehold.it/250x200/f88/fff></div>
  <div class="box"><img src="http://placehold.it/250x600/f88/fff></div>
  <div class="box"><img src="http://placehold.it/250x200/f88/fff></div>
</div>

在线查看

2017-10-19

wordpress上传视频http错误

网上有很多方法，我的方法分两步：

第一步：php.ini（如何找到php.ini文件phpinfo()）
目录/etc/php.ini
file_uploads =on; upload_max_filesize = 1024m; post_max_size = 1024m;

修改Nginx上传大小限制
/etc/nginx/nginx.conf 添加 client_max_body_siz 1024m; (允许上传1024M)
特别注意：这句写在http{}花括号中。

2017-10-12