分类目录归档：Web 服务器类别

LAMP(Ubuntu16+PHP7.0)安装WordPress

2018-05-18Code、Ubuntu、Web 服务器类别、Wordpress 类别Apache2、FTP、MySQL、PHP7、UbuntuHaoning

好多人问我云服务器如何安装 WordPress？或者是现有的教程都很老，再比如使用的是Nginx环境，而自己想用 Apache 的。为了解决这一系列问题，我就写了这篇文章，供大家参考，日后也将逐步更新，力争始终保持此文章为较新。

LAMP 是 Linux、Apache、MySQL 和 PHP 的缩写，是 WordPress 系统依赖的基础运行环境。我们先来准备 LAMP 环境：

服务器环境

IDE

Ubuntu 16.04.1 x64
PHP7.0

安装 Apache2

在终端输入该命令，使用 apt-get 安装 Apache2：

sudo apt-get install apache2 -y

安装 PHP 组件

Ubuntu 16.04 中 apt-get 里有 php7.0 ，所以我们可以直接安装 php7.0 ：

sudo apt-get install php7.0 -y

安装 php 相关组件：

sudo apt-get install libapache2-mod-php7.0

安装 MySQL 服务

安装 MySQL 过程中，控制台会提示您输入 MySQL 的密码，您需要输入两次密码，并记住您输入的密码，后续步骤需要用到：

sudo apt-get install mysql-server -y

再确认一次密码：

安装 php MySQL相关组件：

sudo apt-get install php7.0-mysql

安装 phpmyadmin

使用 apt-get 安装 phpmyadmin，安装过程中，您需要根据提示选择 apache2 ，再输入root密码和数据库密码：

sudo apt-get install phpmyadmin -y

输入密码：

再次确认密码：

建立 /var/www/html 下的软连接：

sudo ln -s /usr/share/phpmyadmin /var/www/html/phpmyadmin

重启 MySQL 服务：

sudo service mysql restart

重启 Apache 服务：

sudo systemctl restart apache2.service

安装并配置 WordPress

我们需要下载一个 WordPress 压缩包，在Wordpress官网即可找到最新安装包连接：

Download


wget 下载地址

例如: wget https://cn.wordpress.org/wordpress-4.9.4-zh_CN.zip

下载完成后，解压这个压缩包

sudo unzip zip名称

例如: sudo unzip wordpress-4.9.4-zh_CN.zip

解压完后，就能在 WordPress 文件夹里看到 WordPress 的源码了。

为 wordpress 配置一个数据库

进入 mysql，输入以下代码后，按提示输入您MySQL密码:

mysql -u root -p

为 wordpress 创建一个叫 wordpress 的数据库：

CREATE DATABASE wordpress;

为这个数据库设置一个用户为 wpsql：

CREATE USER wpsql;

为这个用户配置一个密码为 password：

SET PASSWORD FOR wpsql= PASSWORD("password");

//wordpress为数据库名字

为这个用户配置数据库的访问权限：

GRANT ALL PRIVILEGES ON wordpress.* TO wpsql IDENTIFIED BY"password";

生效这些配置:

FLUSH PRIVILEGES;

然后退出 mysql

exit;

配置 wordpress

由于PHP默认访问 /var/www/html/ 文件夹，所以我们需要把 wordpress 文件夹里的文件都复制到 /var/www/html/ 文件夹

sudo mv wordpress/* /var/www/html/

修改一下 /var/www/html/ 目录权限：

sudo chmod -R 777 /var/www/html/

将apache指定到index.html

sudo mv /var/www/html/index.html /var/www/html/index~.html

重启 Apache 服务：

sudo systemctl restart apache2.service

测试访问

http://ip地址或绑定的域名

安装Wordpress

根据你之前安装数据库的名称和密码进填写：

数据库名：填写创建的数据库名称
// 本例的数据库名称为：wordpress

用户名：填写创建的数据库用户名
// 本例的数据库用户名为：wpsql

数据库主机：localhost

表前缀：根据喜好自己更改，也可不更改，如图：

下面就可以去享受你的博客了！不错使用过程中你可能会发现 WordPress 可能不能更新插件、主题和组件，这是因为/var/www/目录的所有者不同，导致 WordPress 无权限写入。

解决Wordpress权限问题

首先需要弄清除你 WordPress 的安装目录在哪？使用FTP工具登陆。

Ubuntu 16.04 中预置了 FTP 账号，默认是 Ubuntu 的账号和密码（用你登陆服务器SSH的账号和密码登陆）。注意！连接方式选择 SFTP over SSH，端口22.

登陆后，查看自己 WordPress 的安装目录：

如图，我的安装目录是 /var/www/html/

接下来查看Apache的权限归属，输入：

ps -aux

发现你的所属权限为 www-data

下面开始解决问题：

输入以下命令，修改目录权限：

sudo chmod -R 775 /var/www/http/

// /var/www/http/为你的Wordpress安装目录

输入以下命令，修改 www-data 权限：

sudo chown -R www-data /var/www/http/

// /var/www/http/为你的Wordpress安装目录

然后即可更新！

除此之外，还有一些其他办法：

其他方法1：

在 wp-config.php 底部加入以下代码:

define("FS_METHOD","direct");
 
define("FS_CHMOD_DIR",0777);
 
define("FS_CHMOD_FILE",0777);

其他方法2：

把你的当前用户添加到 www-data 用户组。

继续阅读LAMP(Ubuntu16+PHP7.0)安装WordPress →

JavaScript实现可重复倒数读秒

2018-02-08Code、JavaScript 类别、Web 服务器类别、Web 类别js倒数秒、setInterval()、倒计时Haoning

动态提示能很好的提高一个网站的人性化程度。比如下载页面，很多网站都有倒数秒的功能 “5..4..3..2..1秒钟后即将开始下载”等这样动态提示语。有时候的需求只需执行一次不用清零，而有时我们需要反复的执行倒数秒的功能。

利用 JavaScript 代码，可以重复实现倒数读秒功能。

核心的 JavaScript 语法是：

setInterval(code,millisec[,”lang”])

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。

setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

对于只需一次调用的倒数读秒：

对于下载页面，跳转页面等，只需一次倒数读秒的，可以直接使用一次性代码即可：

在需要引用的地方插入HTML代码：

<p><span id="count-down">5</span>秒钟后自动返回文章页面</p>

其次，在网页底部引用 JavaScript：

<script type="text/javascript">
var seconds = 4; //倒数5秒 4=5-1
    setInterval(function() {
    if (seconds > 0) { //若要倒数至0秒 seconds >= 0
        document.getElementById("count-down").innerHTML = seconds; //打印秒
        seconds-=1;
    } else {
        clearInterval(timer); //防止多次累加
        return;
    }
}, 1000); //每1000毫秒=1秒钟执行一次 t54321()函数 
</script>

演示 Demo

对于#需要重复调用的倒数读秒：

在需要引用的地方插入HTML代码：

<a onclick="t54321()"><span id="count-down">5</span>秒钟后自动关闭</a>

然后，在网页底部引用 JavaScript：

<script type="text/javascript">
    function t54321() {
    var seconds = 4; //倒数5秒 4=5-1
    setInterval(function() {
        if (seconds > 0) { //若要倒数至0秒 seconds >= 0
           document.getElementById("count-down").innerHTML = seconds; //打印秒
           seconds-=1;
        } else {
           clearInterval(timer); //防止多次累加
           seconds = 4; //重置倒数秒变量
           return;
        }
    }, 1000); //每1000毫秒=1秒钟执行一次 t54321()函数
 }
</script>

演示 Demo

通过 onclick=“t54321()” 点击反复调用该函数。当然，你也可以使用其他交互方式进行调用操作。

继续阅读JavaScript实现可重复倒数读秒 →

PHP基于Linux服务器的随机选择

2016-05-01HTML 类别、JavaScript 类别、PHP 类别、Program、Web 开发、Web 服务器类别、Web 类别Github、JavaScript、Linux、PHP、Random SelectionHaoning

和朋友们一起聚会、参加活动，有时候想制作一个小小的抽奖程序来分法纪念品？不知道午饭或晚餐吃什么？你需要一个随机选择工具，来帮助解决你的困难选择症 🙂

展示效果：Demo

为了基于Linux服务器实现可以实时调取摄像头并上传照片的效果，编写时采用了PHP嵌套HTML的方法，在HTML主页面框架的先前插入了以下的PHP代码：

<?php
 $dir = "images/";
 $img = "";
 if (is_dir($dir)){
     if ($dh = opendir($dir)){
         while (($file = readdir($dh))!= false){
         if( $file<>'' && strlen($file)>2 ){
             $img .= '"'.$file.'",';
                                            }
                                                }
                             }
  $img = substr($img, 0, ( strlen($img)-1));
                  }
?>

一、基于Linux服务器的实时采集图片

你可以访问演示Demo页面的下一个目录 /camera/index.php 来启用摄像头的功能。

二、JavaScript实现随机选择

原理上是使用了JavaScript来实现对 /images 目录下的所有照片参与随机的选择：

$(function(){
  
  var alldata = new Array(<?php echo $img;?>);
  var num = alldata.length - 1;
  var show = $("#show");
  var btn = $("#btn");
  var open = false;
 
  function change(){
   var randomVal = Math.round(Math.random() * num);
   var prizeName = alldata[randomVal];
   show.html("<img src='images/"+prizeName+"' />");
  }
  
  function run(){
   if(!open){
    timer=setInterval(change,50);
    btn.removeClass('start').addClass('stop').text('Stop');
    open = true;
   }else{
    clearInterval(timer);
    btn.removeClass('stop').addClass('start').text('Start');
    open = false;
   }
  }
  
  btn.click(function(){run();})
  
 })

以上代码中用深绿色标注出来的就是timer计时器，用这段代码来控制变换的速度；用红色标注出来的就是选择目录。

继续阅读PHP基于Linux服务器的随机选择 →

CNAME与A记录的解释与选择

2016-02-21Web 服务器类别、Web 类别A、CNAME、解析Haoning

在我们搭建网站中最重要的一步就是设定好域名与服务器之间的解析记录，解析就是“引导”，解析记录选择的好与不好，多少都会影响到访问流量访问到服务器的时间效率。

先讲一个小场景：有一天，你邀请你的朋友到你的新家做客，分享乔迁之喜，你首先就是要打电话告诉你的朋友尽可能详细的新家地址。

聪明的你想了两种方案：① A方案；②CNAME方案

① A方案：告诉你的朋友，我的新家地址在 121区 42小区 104楼 21层 1户（即主机IP地址是：121.42.104.211），你朋友会按照详细的地址找到你的新家。

② CNAME方案：只告诉你的朋友自己家的小区名称和地址，当朋友来到小区大门的时候，给保安登记，说要到 nousbuild.org 家，保安会把你领到我家的门口，或者直接告诉你我家的详细地址 104楼 21层 1户，再自己找到地址。

解释：
A记录：将域名指向一个IPv4地址（例如：10.10.10.10），需要增加A记录。
CNAME记录：如果将域名指向一个域名，实现与被指向域名相同的访问效果，需要增加CNAME记录。

我们可以发现，CNAME 值时仍要使用主机IP，这比直接连接主机IP多走了一步。但这对于域名服务器来说，只是稍微占了点内存，CPU多运算一点。

所以，A记录解析适合解析固定IP，一般都采用 A 记录解析。但是如果你的网站使用了CDN加速服务，那么就需要改成 CNAME 解析记录，并且指定到服务商给你提供的CDN加速服务器地址上。

继续阅读CNAME与A记录的解释与选择 →

日	一	二	三	四	五	六
« 12月
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31

Code Studio

代码工作室

分类目录归档：Web 服务器类别

LAMP(Ubuntu16+PHP7.0)安装WordPress

服务器环境

安装 Apache2

安装 PHP 组件

安装 MySQL 服务

安装 phpmyadmin

安装并配置 WordPress

为 wordpress 配置一个数据库

配置 wordpress

测试访问

安装Wordpress

解决Wordpress权限问题

下面开始解决问题：

其他方法1：

其他方法2：

JavaScript实现可重复倒数读秒

对于只需一次调用的倒数读秒：

演示 Demo

对于#需要重复调用的倒数读秒：

演示 Demo

PHP基于Linux服务器的随机选择

展示效果：Demo

一、基于Linux服务器的实时采集图片

二、JavaScript实现随机选择

CNAME与A记录的解释与选择