作者: admin

  • 阿里云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;

     

     

     

  • 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.inioutput_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;
  • 1

    <html>
      <head></head>
      <body></body>
    </html>
    <pre><code class="language-css">
    body{margin:0; background-color:red;}
    </code></pre>
  • 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">

    js

    <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

  • 简易版瀑布流

    简易版的原理

    取出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>
    
    

    在线查看

  • 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{}花括号中。

  • flowplayer教程

    推荐使用免费的plyr播放器,官网https://plyr.io/

    flowplayer是收费的。




    一,flowplayer基础用法

    <!-- 1. skin -->
    <link href="https://cdn.bootcss.com/flowplayer/7.0.4/skin/skin.css" rel="stylesheet">
    <!-- 2. jquery library - required for video tag based installs -->
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <!-- 3. flowplayer -->
    <script src="https://cdn.bootcss.com/flowplayer/7.0.4/flowplayer.js"></script>
    

    二,flowplayer的HTML结构

    <div class="flowplayer">
     <video autoplay poster="images/poster.jpg">
      <source type="video/mp4" src="path/video.mp4">
     </video>
    </div>
    

    三,css样式“去掉”flowplayer的logo

    
    <! --去掉分享和全屏按钮-->
    .fp-header{display: none;}
    <!-- 让播放器下面所有的a标签透明度为0 -->
    .flowplayer a{opacity: 0;}
    <!-- 播放按钮的透明度恢复为1-- >
    .flowplayer a.fp-playbtn{opacity: 1;}
    
  • 安装MySQLdb模块时mysql_config not found解决办法

    1,安装MySQLdb模块,两种办法
    pip install MySQL-python
    或者下载源码安装,下载地址 https://pypi.python.org/pypi/MySQL-python

    $zip MySQL-python-1.2.2.tar.gz
    $ tar -xvf MySQL-python-1.2.2.tar
    $ cd MySQL-python-1.2.2
    $ python setup.py build
    $ python setup.py install

    2,安装python的MySQLdb时报错mysql_config not found

    我的linux系统时centOS7,用的数据库时mariadb,
    解决办法:
    yum install mysql-devel

    然后在执行1的安装

    3,检查是否安装成功
    进入python
    >>import MySQLdb
    >>

    无返回值,表示安装成功
    完美解决