在网站底部增加运行时长显示

发表于 2019-02-14 分类于网站建设

正文

在网站对应位置添加以下代码（本站在 footer 下增加），代码中包含两个标签：

span ：用来显示文本的标签
*script *：用来运行计时的脚本

展示代码

<span id="website_runtime"></span>
<script type="text/javascript">
function show_runtime(){
    // 定时器
    window.setTimeout("show_runtime()", 1000);
    // 开始时间
    let start = new Date("2019/02/08 00:00:00");
    // 当前时间
    let now = new Date();
    // 经过时长
    let duration = now.getTime() - start.getTime();
    // 一天的毫秒数
    let msPerDay = 24 * 60 * 60 * 1000;
    // 天
    let _day = duration / msPerDay;
    let day = Math.floor(_day);
    // 小时
    let _hour = (_day - day) * 24;
    let hour = Math.floor(_hour);
    // 分钟
    let _minute = (_hour - hour) * 60;
    let minute = Math.floor(_minute);
    // 秒
    let _second = (_minute - minute) * 60;
    let second = Math.floor(_second);
    // 更新span标签内容
    website_runtime.innerHTML="本站已运行：" + day + "天" + hour + "小时" + minute + "分" + second + "秒";
}
show_runtime();
</script>

简化代码

<span id="website_runtime"></span>
<script type="text/javascript">
function show_runtime(){window.setTimeout("show_runtime()",1000);x=new Date("2019/02/08 00:00:00");y=new Date();z=y.getTime()-x.getTime();mspd=24*60*60*1000;_d=z/mspd;d=Math.floor(_d);_h=(_d-d)*24;h=Math.floor(_h);_m=(_h-h)*60;m=Math.floor(_m);_s=(_m-m)*60;s=Math.floor(_s);website_runtime.innerHTML="本站已运行："+d+"天"+h+"小时"+m+"分"+s+"秒";}show_runtime();
</script>

Linux 下 vi 和 vim 的常用命令

发表于 2019-02-11 分类于 Linux

简单介绍

vi 全称为 Visual Editor ，vi 是 Linux 和 Unix 上最基本的文本编辑器。它可以执行输出、删除、查找、替换、块操作等众多文本操作。
vim 是从 vi 发展出来的一个文本编辑器。拥有代码补全、编译及错误跳转等方便编程的功能。

正文

模式

在 vi / vim 程序中有三种模式：

命令模式（Command Mode）
插入模式（Insert Mode）
底行模式（Last Line Mode）

命令模式（Command Mode）

在 Linux 终端中输入 vi / vim 命令后，首先进入的就是命令模式，在该模式下按下的任何按键都将被视为命令。

下面列举几个常用的命令：

i –> 切换到插入模式
: –> 切换到底行模式

插入模式（Insert Mode）

在命令模式下按下 i 键就进入到插入模式。
插入模式也就是编辑模式，在该模式下，我们可以对文件内容进行添加、删除等操作。

在插入模式下，可以使用以下按键：

字符按键以及Shift组合 –> 输入字符
ENTER –> 回车键，换行
BACK SPACE –> 退格键，删除光标前一个字符
DEL –> 删除键，删除光标后一个字符
方向键 –> 在文本中移动光标
HOME / END –> 移动光标到行首 / 行尾
Page Up / Page Down –> 上 / 下翻页
Insert –> 切换光标为输入 / 替换模式，光标将变成竖线 / 下划线
ESC –> 退出输入模式，切换到命令模式

底行模式（Last Line Mode）

在命令模式下按下 : 键（Shift + ;）就进入到底行模式。

在底行模式下，常用的命令有：

w –> 写入（保存）
q –> 退出程序
wq –> 保存并退出
q! –> 强制退出（不保存已修改的内容）

Cent OS 安装 WordPress

发表于 2019-02-11 分类于 Linux ， WordPress

正文

WordPress 需要运行在 PHP 环境中，请确保你已经在系统中安装好了 PHP 并且已启动了 php-fpm 服务。另外还需要 MySQL 作为数据库使用，所以也需要安装并启用 MySQL。

下载 WordPress

首先我们进入 WordPress 官网：https://cn.wordpress.org/ ，点击右上角 获取WordPress 进入下载页面，然后点击下载WordPress x.x.x 就可以下载到中文版的 WordPress。

上传 WordPress 到服务器

下载完成后，我们解压下载好的压缩包，将里面的 wordpress 文件夹上传到服务器，至于上传的目录自己决定，我上传到 /data/www/ 目录下了。

设置 WordPress 权限

将 wordpress 目录的所有者设为 web 访问用户，皮皮使用的 web服务器是 Nginx，用户默认为 nginx：

chown -R nginx:nginx /data/www/wordpress

设置 wordpress 目录权限：

chmod -R 775 /data/www/wordpress

设置 wp-content 目录权限：

chmod -R 777 /data/www/wordpress/wp-content/

在 wordpress 根目录下的配置文件 wp-config.php 中添加以下字段：

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

注意：在 wordpress 目录下增加了文件后记得设置权限，否则会出现无法访问到文件的情况！

配置 Web 服务器

这里只给大家展示如何配置 Nginx

在 /etc/nginx/conf.d 目录下新建 wordpress.conf 文件，向文件添加以下内容：

server { 
    listen  80; # 监听 80 端口
    server_name   localhost ; # 指定 IP 地址或域名
    # 匹配访问路径为以 / 开始的 URI。
    location / {
        root /data/www/wordpress;  
        index index.php index.html index.htm;  
    }

    # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
    location ~ .php$ {  
        root /data/www/wordpress;  
        fastcgi_pass   127.0.0.1:9000;  
        fastcgi_index  index.php;  
        fastcgi_param  SCRIPT_FILENAME  $document_root$fastcgi_script_name;  
        include        fastcgi_params;  
    }
}

添加完成后刷新 nginx 配置：

nginx -s reload

创建 WordPress 的数据库

登录 MySQL

mysql -uroot -p

回车后输入密码，再回车。

创建数据库

CREATE DATABASE wordpress;

退出 MySQL

EXIT;

登录设置 WordPress

在浏览器的地址栏中输入我们的服务器ip或者域名就可以开始设置我们的 WordPress 了。

MySQL 强制修改密码

发表于 2019-02-11 分类于 MySQL

修改配置文件实现免密码登录

(1) 编辑 /etc/my.cnf 文件：

vim /etc/my.cnf

(2) 在 [mysqld] 字段下内容尾部添加以下内容：

skip-grant-tables

(3) 重新启动 mysqld 服务：

systemctl restart mysqld.service 或者 service mysqld restart

修改密码

(1) 登录 MySQL：

mysql -uroot -p

(2) 刷新权限：

FLUSH PRIVILEGES;

(3) 修改密码：

ALTER USER 'root'@'localhost' IDENTIFIED BY '新密码';

需要注意的是，MySQL 8.0 默认使用了新的加密方式（caching_sha2_password），但是现在很多应用都暂不支持这种加密方式（比如 WordPress），所以会导致应用无法登陆数据库的情况。如果需要使用传统的加密方式（mysql_native_password）进行加密，请使用下面的命令：

ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql\_native\_password BY '新密码';

(4) 退出 MySQL：

EXIT;

恢复配置文件

将 /etc/my.cnf 文件中刚刚添加上去的 skip-grant-tables 字段删除。

重新启动 mysqld 服务

systemctl restart mysqld.service 或者 service mysqld restart

Cent OS 安装 MySQL

发表于 2019-02-10 分类于 Linux ， MySQL

正文

安装

1. 安装 MySQL 最新的 yum 源

下方命令中的链接为 MySQL 官方提供的 rpm 包下载地址
我们可以在MySQL 官网中的 [Downloads –> Community –> MySQL Yum Repository] 下找到当前最新的版本

yum localinstall https://dev.mysql.com/get/mysql80-community-release-el7-2.noarch.rpm

2. 通过 yum 安装 MySQL

yum install -y mysql-community-server

启动服务

1. 启动 MySQL 服务

systemctl start mysqld.service 或者 service mysqld start

2. 设置服务开机自启动

systemctl enable mysqld.service

修改密码

1. 查询 MySQL 初始密码

grep 'temporary password' /var/log/mysqld.log

2. 登录 MySQL

输入以下命令回车后输入初始密码，如果为空则不填，再次回车则进入 MySQL 操作界面。

mysql -uroot -p

3. 刷新权限

FLUSH PRIVILEGES;

4. 修改密码

ALTER USER 'root'@'localhost' IDENTIFIED BY '新密码';

需要注意的是，MySQL 8.0 默认使用了新的加密方式（caching_sha2_password），但是现在很多应用都暂不支持这种加密方式（比如 WordPress 5.3.x），所以会导致应用无法登陆数据库的情况。
如果需要使用传统的加密方式（mysql_native_password）进行加密，请使用下面的命令：

ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql\_native\_password BY '新密码';

5. 退出 MySQL

EXIT;

扩展阅读

MySQL 常用命令

查看 MySQL 服务的状态

systemctl status mysqld.service 或者 service mysqld status

停止 MySQL 服务

systemctl stop mysqld.service 或者 service mysqld stop

关闭 MySQL 服务开机自启

systemctl disable mysqld.service

Cent OS 安装 PHP

发表于 2019-02-09 分类于 Linux

正文

本文以安装 PHP 7.3 为例

安装源

1. 安装 EPEL 源

yum install epel-release

2. 安装 Remi 源

yum install http://rpms.remirepo.net/enterprise/remi-release-7.rpm

3. 安装 yum 源管理工具

yum install yum-utils

安装 PHP

1. 使用 yum 源管理工具启用 Remi 中 PHP 7.3 的源

yum-config-manager --enable remi-php73

2. 通过 yum 安装 PHP 7.3 以及必要组件

yum install -y php php-fpm php-mysql php-pecl-zip

3. 启动 php-fpm 服务

systemctl start php-fpm.service 或者 service php-fpm start

4. 设置 php-fpm 服务开机自启

systemctl enable php-fpm.service

扩展阅读

Remi 常用命令

搜索 Remi 源中的包

yum --enablerepo=remi search 关键字

安装 Remi 源中的包

yum --enablerepo=remi install 包名

WordPress 文章段落增加首行缩进

发表于 2019-02-09 分类于 WordPress ，网站建设

获取文章段落标签（p标签）的 class：

打开我们网站的任意一篇文章，选择一个段落，并单击鼠标右键，点击检查，此时我们打开了浏览器（皮皮用的是Chrome）的 devtools，在右边的 styles 栏中找到对应的样式。

皮皮这里的样式 class 为： *.article-content p*

添加额外CSS

进入我们 WordPress 的后台管理页面，选择外观 –> 自定义 ，此时进入了主题的自定义页面，点击 额外CSS ，在输入框里输入我们需要增加的样式（注意修改样式名）：

.article-content p {
    text-indent: 2em;
}

点击发布后就可以看到我们的文章段落的首行已经有了缩进了。

Cent OS 安装 Nginx

发表于 2019-02-08 分类于 Linux ， Nginx

正文

创建仓库文件

在 /etc/yum.repos.d/ 目录下创建并编辑名为 nginx.repo 的文件：

vi /etc/yum.repos.d/nginx.repo

向文件中添加以下内容

[nginx]
name=nginx repo
baseurl=http://nginx.org/packages/centos/7/$basearch/
enabled=1
gpgcheck=0

安装 Nginx

通过 yum 安装 Nginx

yum install -y nginx

扩展阅读

Nginx 常用命令

重载配置文件

nginx -s reload

重启 Nginx

nginx -s reopen

停止 Nginx

nginx -s stop

Cent OS 安装 Node.js

发表于 2019-02-08 分类于 Linux ， Node.js

正文

安装 yum 源

下载 Node.js 官方提供的 yum 源

curl --silent --location https://rpm.nodesource.com/setup_10.x | bash -

安装 Node.js

通过 yum 安装 Node.js

yum install -y nodejs

WordPress 去除分类目录链接中的 category

发表于 2019-02-08 分类于 WordPress ，网站建设

去除 category 的方法有几种，而皮皮这里使用了一款插件，简单粗暴不费时。

插件名：No Category Base (WPML)

安装方法：进入WordPress后台管理页面，点击插件 –> _安装插件_，搜索 No Category Base (WPML) ，安装并启用。