Burnman I Am What I Am

Wordpress 无法切换可视化和文本编辑器

15 Feb 2017

背景介绍

升级 WordPress 到最新版本后，发现点击“添加媒体”、“可视化/文本编辑模式切换”等功能按钮均失效没反应

原因

查找资料发现wordpress为了提高效率以及加载速度，把要用到的js文件合并在一起，升级到新版本后可能因为某些原因导致合并出现错误，因此产生了按钮异常等情况。

官方解释

Disable Javascript Concatenation

To result in a faster administration area, all Javascript files are concatenated into one URL. If Javascript is failing to work in your administration area, you can try disabling this feature:

define('CONCATENATE_SCRIPTS', false);

大概意思是：

wordpress 为了提高效率要求你所有的js要集中到一起，只需更改路径集中存放，问题迎刃而解，具体操作很简单，在wordpress根目录下找到 wp-config.php 这个配置文件，打开文件后在页面的最后添加下面代码:

define('CONCATENATE_SCRIPTS', false);

解决办法

在网站根目录的wp-config.php文件中，添加以下这句代码即可：

define('CONCATENATE_SCRIPTS', false);

这段代码的作用是禁止js连接在一起

Mysql高版本导入到低版本

05 Mar 2016

背景介绍

由于现在阿里云的主机只支持 Mysql5.1 版本，而我们本地开发环境一般使用 Mysql5.5 。 这样就导致了数据库版本不兼容。

方法一

一般的解决办法是在高版本（Mysql5.5）通过 phpMyAdmin 导出数据时导出方式选择自定义，兼容性选 MYSQL40 ，然后再导入到低版本数据库（Mysql5.1）。

方法二

而阿里云在前段时间将 phpMyAdmin 下架，现在只能使用 DMS 管理，结果用上面的方法通过 DMS 导入数据总是提示错误，无法导入成功。给阿里云提交工单后，他们给出的回复

您好，此情况您只能先将备份恢复导入您本地的低版本的数据库，然后再备份后通过如下链接的网站搬家恢复到虚机数据库。https://help.aliyun.com/knowledge_detail/6699338.html

PS: 我真的好想吐槽啊！

方法三

没有用方法二，因为一般人也不会特地装两个版本的数据库吧。而是自己给主机安装 phpMyAdmin ：

1 下载phpmyadmin安装包,解压到服务器的Web站点文件根目录

2 然后将安装目录重命名为phpmyadmin, 进入目录/data/www/phpMyAdmin/libraries，查看配置文件config.default.php。

3 修改配置文件config.default.php

- $cfg['Servers'][$i]['host'] = 'localhost';
指定MySQL服务器所在的主机名，通常用默认值。

- $cfg['Servers'][$i]['port'] = '';
指定MySQL的监听端口，保持空白则表示使用默认端口3306。

- $cfg['blowfish_secret'] = '任意字符(例如asdfghk) ';
指定cookie的短语密码

- $cfg['Servers'][$i]['auth_type'] = 'config';
指定认证方法。在本机调试时用config。如果在外部访问调试，使用cookie。

- $cfg['blowfish_secret'] = 'php';
指定用于cookie认证的信息，可以是任何字符串。

- $cfg['Servers'][$i]['user'] = 'root';
填写MySQL管理者的帐号,一般是root。

- $cfg['Servers'][$i]['password'] = 'rootpass';
填写root帐户的密码。

4 访问http://1.1.1.1/phpmyadmin即可（将1.1.1.1替换成你自己的IP或者域名）。

5 然后使用方法一将数据文件导入即可。

CSS Hack

14 Jun 2014

区分 IE6~IE11、FireFox、Chrome、Opera

CSS hack由于不同的浏览器，比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。

.content .test {
  width: 200px;
  height: 200px;
  background: #f60; /*all*/
  background: #06f\9; /*IE*/
  *background: #666; /*IE6,7*/
  _background: #ccc; /*IE6*/
}

/* webkit and opera */
@media all and (min-width:0){
  .content .test {
    background: #0f0;
  }
}

/* webkit */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .content .test {
    background: #ff0;
  }
}

/*FireFox*/
@-moz-document url-prefix() {
  .content .test {
    background: #f0f;
  }
}

/*IE9+*/
@media all and (min-width:0) {
  .content .test{
    background: #f00\9;
    }
}

/*IE10+*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .content .test {
    background: #0ff;
  }
}

Demo：http://codepen.io/spaling/pen/lxLkD

参考：

  • http://browserhacks.com/
  • http://chensy0203.github.io/posts/css-hack.html

博客简介

06 Jun 2014

简介

博客使用 Jekyll + Github Pages 搭建 使用主题：lanyon

lanyon介绍

Lanyon is an unassuming Jekyll theme that places content first by tucking away navigation in a hidden drawer. It's based on Poole, the Jekyll butler.

  • 项目地址: https://github.com/poole/lanyon
  • 展示地址: http://lanyon.getpoole.com

基于lanyon的修改

在lanyona的基础上增加了三个页面

tag.md                  //标签页·按文章标签(tags)来进行归档
category.md             //分类页· 按(category)分类名来进行归档
archive.md              //归档页·按时间来进行归档

这些分类都依赖于文章页(post)头部的代码来识别，下面是示例：

layout: post            //调用_layouts中的post.html作为布局模板
title: Introducing      //文章标题
categories: [intro]     //分类名，用于'category.md'页面的归档
tags : [intro, tag]     //标签，用于'tag.md'页面的归档

使用

  1. 首先你需要拥有自己的Github账号并已经创建了自己的个人主页User Pages
  2. 克隆项目，去除_posts下的文章，上传至你的仓库
  3. _posts images 目录下所有文件版权所有 未经授权请勿使用
  4. 访问地址http://USERNAME.github.io/，其中USERNAME是你的Github用户名

Introducing

05 Jun 2014

博客早就搭建好了，一直没有开始写文章。真是懒 ：）

开始了就坚持写下去，燃烧吧小宇宙！

感谢下教程作者purediy，教程写的很详细。