对于Bootstrap3基本HTML生成

< 这是什么? >
它产生基本的HTML源Bootstrap 3。您可以选择的选项,当你生成它。我经常用这个自己。如果你愿意,请添加书签。


< 发电机 >
页面标题 :
语言代码 :
版本的Bootstrap级 :
兼容旧的IE浏览器 :
使用固定导航栏 :
使用粘性页脚 :
使用jQuery故障转移 :
使用jQuery UI故障转移 :
使用backbone.js :
使用underscore.js :
使用bootbox :

如果您选择 “兼容旧的IE浏览器”,“是的”,你需要把 “bootstrap.min.css” 和 “respond.min.js” 您的服务器上。基本上是 “respond.min.js” 不正确的CDN和其他服务器的工作。

< Scripts >
您可以下载HTML使用脚本。你可以把你的服务器上,并替换脚本路径。
Bootstrap
jQuery
jQuery UI
backbone.js
underscore.js
bootbox
html5shiv
Respond.js
( BootstrapRespond.js都需要下载旧IE浏览器。请注意。 )

让STINGER3(WordPress主题)通过WPML兼容(多语言插件)

< 什么是WPML? >
它是一个多语种的WordPress插件。我使用WPML这个mecrazy博客。
WPML的官方网站

< 什么是STINGER3? >
这是一个主题为WordPress。它有许多不错的功能,而无需插件。例如,代码段插入器的广告(如谷歌的Adsense)和酷设计社交按钮。我一直想尝试使用这个主题。
STINGER3的官方网站(日本人页)

< 希望温和的活动 >
STINGER3的开发商是太忙,无法在Twitter上回答,我不知道他能读懂语言日语以外。如果您有关于STINGER3任何问题,我希望你找到对谷歌的答案或自己解决问题。

< 对于谁也看不懂日文的人 >
STINGER3的官方网站是在日本。我认为这是很难找到的主题zip文件的下载链接。你应该找到日语单词“ダウンロード”。这意味着“下载”在中国。请使用 CTRL + F 找到这个词。请查找当前版本的文件名“stinger3ver20140327.zip”。

< 为了兼容代码 >
下面的代码给WPML兼容STINGER3。

<style type="text/css">

.submenu-languages{
  background-color:#f3f3f3;
  border-style:solid;
  border-color:#dedede;
  border-width:0px 1px 1px 1px;
  position:absolute;
  margin-left:-11px;
  margin-top:21px;
  padding-bottom:5px;
  display:none;
}
.submenu-languages > li{
  white-space:nowrap !important;
  float:none !important;
  display:inline-block !important;
}

.iclflag{ vertical-align:middle;position:relative !important;top:-1px !important; }
#lang_sel{ z-index:1000; }
#lang_sel a{ display:block; }
#lang_sel ul,#lang_sel li,#lang_sel a{
  margin:0px;padding:0px;
  width:300px;
  text-align:left;
  white-space:nowrap;
}
#lang_sel ul,#lang_sel li{ margin:0px !important;padding:0px !important; }
#lang_sel a{ margin:0px !important;padding:0px 7px !important; }
#lang_sel li,#lang_sel a,#lang_sel span{
  height:30px !important;
  line-height:30px !important;
  font-size:14px;
}
#lang_sel > ul > li > ul{ top:31px; }

</style>
<script type="text/javascript">
jQuery(function($){
var langMenuObj = $('.submenu-languages').eq(0);
var wpmlMobile = (typeof(window.orientation) != "undefined");
$('.menu-item-language-current').eq(0).on('mouseenter',function(){
if(!wpmlMobile){langMenuObj.stop(true,true).fadeIn('fast');}
}).on('mouseleave',function(){
if(!wpmlMobile){langMenuObj.stop(true,true).fadeOut('slow');}
}).on('click',function(){
langMenuObj.stop(true,true).toggle();
});
$('.icl_lang_sel_current ').parent().click(function(){ return false; });
});
</script>

< 如何插入代码? >
有3个例子的方式来插入代码。请选择其中之一。或者,如果你知道如何自定义WordPress的,你可以手动插入到你的PHP脚本。

< 方法 – 1 >
进入管理员菜单[ 外观 – 小工具 ]。请加“文本”一个有效的区域。请不要输入标题,把脚本只在细节的形式。

< 方法 – 2 >
我开发了一个插件STINGER3 loves WPML。这个插件做同样的事情“方法 – 1”。如果您发现错误,请报告或告诉我在GithubTwitter Google+或。

< 方法 – 3 >
使用WordPress插件”Wp Insert“。它可以插入HTML代码,在您的博客的任何地方。

< 后来 >
我觉得每一个方法都没有那么困难。但STINGER3的当前版本是不符合语言的mo文件兼容。我们只能翻译与WPML的字符串翻译。如果我有空闲时间,我想开发补丁STINGER3与mo文件兼容。

< 更新于2014年6月11日 >
固定 – 它不能处理的Android或iOS的浏览器第一次点击的事件。此页面上的源代码和WordPress插件Github上进行更新。

使用KSWEB在Android上运行WordPress

< 警告 >
你所需要的技能来设置你的Android的IP地址公开。我不写有关网络设置的程序,因为它取决于你的网络硬件,软件和供应商。我很抱歉,但是请检查一下其他网站上。

< 真棒Android的应用程序 >
有关于Google Play一个真棒应用程序。该应用程序的名称是KSWEB。开发者页面在这里。你可以从这个页面或Google Play的下载。

< 要求 >
KSWEB的开发者说用的Android OS版本2.3.3或更高版本以及基于ARM的处理器是必需的设备。我会尝试在 IS05 (日本旧的Android智能手机由夏普),并在此过程运行KSWEB文章是关于此设备。但也许KSWEB可以在这么多种Android设备上运行。请尝试在您有任何设备。

< 从Google Play安装 >
( 如果你想从Google Play安装,请按照以下步骤操作。 )
你只需要去KSWEB – Google Play并安装它。这是所有安装的。

< 从APK文件安装 >
( 如果你想从APK文件安装,请按照以下步骤操作。 )
在安装APK文件,你需要改变你的Android的设置应用程序。你需要允许应用程序从 “unknown sources”(未知来源) 安装。在此之后,请访问 http://kslabs.ru/download/以下载KSWEB的APK文件。
20140531-174245

< 下载WordPress的 >
您可以选择“下载Android上的直接”或“下载PC上,并上传到Android”。我下载的电脑从http://cn.wordpress.org/。我安装AirDroid来我的Android和访问http://web.airdroid.com/以WordPress的ZIP文件上传到我的Android。如果你想“在Android上直接下载”,你只需要通过访问http://cn.wordpress.org/您Android浏览器。

< 安装ZIP提取到您的Android >
您需要提取物对你的Android的WordPress ZIP文件。我安装AndroZip™ File Manager我的Android系统。但也有许多种的ZIP提取对Google Play,你可以选择任何你喜欢的应用程序。

< 解压缩ZIP文件 >
我把ZIP文件的 “wordpress-3.9-zh_CN.zip” SD卡的根目录下。之后,我将其解压缩 “WordPress” 的目录被自动进行。
20140602-221239

< 添加和启用可选功能 >
请点击 [ TOOLS – WebFace – Start ] 使KSWEB Web界面。请点击 [ TOOLS – Main – phpMyAdmin ] 添加phpMyAdmin的。 phpMyAdmin是制作一个数据库MySQL的WordPress的,所以它不是必需的。您还可以通过PHP脚本进行数据库。
20140530-002435

< 通过phpMyAdmin的制作一个数据库 >
请自行(安卓)或 http://< Android的本地IP地址 >:8000/ 从同一网络上的任何计算机访问 http://localhost:8000/
phpMyAdmin_login
您可以登录为 root 没有密码。在我的示例图片,我做了一个数据库“WordPress的”为WordPress。
phpMyAdmin_table

< 改变的lighttpd的WWW根目录 >
请自行(安卓)或 http://< Android的本地IP地址 >:8003/ 从同一网络上的任何计算机访问 http://localhost:8003/ 。这是KSWEB Web界面。默认用户名和密码都是 admin
KSWEB_Web_Interface
请点击 Server settings 。您可以编辑的lighttpd的配置文件。
请找到像下面一条线。

server.document-root = “/mnt/sdcard/htdocs”

这条线到你的WordPress根目录更改路径。
我的新设置如下。

#server.document-root = “/mnt/sdcard/htdocs”
server.document-root = “/mnt/sdcard/wordpress”

改变配置文件后,请重新启动的lighttpd或KSWEB。

< lighttpd的端口设置 >
默认端口设置是象下面这样。
lighttpd_ports
如果你想改变他们,请编辑配置文件。

< 不睡觉! >
基本上,Android智能手机自动休眠。如果你想让它工作24小时,你需要保持它远离睡觉。有许多应用程序,以保持它醒在谷歌播放。请使用 StayAwake , KeepScreen 或另一个你找到Google Play。

< WordPress的开始 >
下一步是WordPress的一般安装相同的程序。请与您的域名访问你的Android。 WordPress的默认安装将开始。享受您的节能WordPress的生活。

关于nginx的上Raspberry Pi的反向代理

< 准备安装 >
您需要Debian wheezy按照我的步骤。不仅为Raspberry Pi的。

< 为什么我用Raspberry Pi的 >
反向代理是简单的功能。基本上它是太容易的事一般个人电脑或服务器。 Raspberry Pi的也不是那么强大,但它的节能电脑。这是不贵。任何人都可以买它遍布世界各地。这足以让在nginx的反向代理。这就是为什么我选择Raspberry Pi的反向代理服务器,并写了这篇文章。

< nginx的安装 >
执行以下命令以root身份。

apt-get install nginx

这就是全部。

< 编辑配置文件 >
编辑默认的配置文件。

nano /etc/nginx/sites-available/default

我的”/etc/nginx/sites-available/default”为象下面这样。

server {
listen 80;
server_name mydomain.net;

location / {
proxy_pass http://127.0.0.1:8080;
}
}

这个配置传输访问”mydomain.net”对Raspberry Pi的本地Apache服务器的8080端口。

< 新增代理配置文件 >
添加代理设置文件。

nano /etc/nginx/conf.d/proxy.conf

我的”/etc/nginx/conf.d/proxy.conf”为象下面这样。

# Header
proxy_redirect off;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-Host $host;
proxy_set_header X-Forwarded-Server $host;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

# Timeout
proxy_connect_timeout 60;
proxy_read_timeout 90;
proxy_send_timeout 60;

# Buffer
proxy_buffering on;
proxy_buffer_size 8k;
proxy_buffers 100 8k;

# Cache
proxy_cache_path /var/cache/nginx/mydomain.net levels=1:2 keys_zone=cache_$
proxy_temp_path /var/cache/nginx/temp;

proxy_cache_valid 200 2h;
proxy_cache_valid 302 2h;
proxy_cache_valid 301 4h;
proxy_cache_valid any 1m;

你也需要做缓存目录为root。

mkdir /var/cache/nginx

< nginx的开始 >

service nginx start

你如何看待这个过程?那么容易?

生成动态网页只能用谷歌驱动器

< 警告 >
我建议你​​获得额外的Google账户仅适用于大众。
因为如果你按照我的步骤,您的Gmail地址将是对公共的XML文件。

< 于2014年7月9日新的解决方案 >
我写的帖子获取谷歌电子表格作为JSONP的新版本。如果你想使用谷歌电子表格的新版本,生成动态网页,而不是旧版本,请参阅该职位。

< 更新于2014年4月26日 >
请在谷歌网上商店,而不是Drive Notepad使用Anyfile Notepad或任何其他文本编辑器应用程序的谷歌驱动器。因为Drive Notepad从存储中删除。

< 更新于2014年5月12日 >
嘿!Drive Notepad是回到谷歌网络商店!

< 推荐 >
我建议你安装“Drive Notepad”。这对谷歌驱动器的扩展。当您安装驱动记事本,你需要Chrome。但在连接Drive Notepad到云端硬盘后,Chrome浏览器不是必需的。您可以在任何浏览器中使用驱动器记事本。
https://chrome.google.com/webstore/detail/drive-notepad/gpgjomejfimnbmobcocilppikhncegaj?hl=en-GB
drive_notepad_en_us

< 从电子表格更新内容 >
您需要使用“谷歌电子表格的版本1”。由于“第2版”不支持CSV和XML共享爱好。 (我在2014年4月19日写了这篇文章。)如果你平时生成新的电子表格的今天,它会自动进行版本2。

谷歌解释上”试用新版Google表格“新的电子表格。

我担心CSV和XML共享不会在版本2的支持,所以我检查也”新版Google表格不支持的功能“。但这个功能没有在该网页上列出。是的…没有上市……但没有人知道什么时候谷歌改变主意….
你可以同意这个情况?

让我们进入https://g.co/oldsheets生成一个电子表格中第1版。

这是我的样品。

它只是一张纸。它头,3列和2列。
( 我要生成imgur图像的网站。 )

< 让我们把它公开 >
按照下面的图片。
publish_to_the_web_zh-hans

选择“发布到网络”,推动“开始发布”。
请参阅“获取已发布数据的链接”一节。
publish_to_the_web_2_zh-hans
你可以得到你的电子表格作为网页,HTML,CSV,TXT,PDF,ATOM,RSS,XLS和ODS.If要同步的电子表格到您的网站,你应该选择CSV,ATOM或RSS。这些都是很容易的格式进行同步。当您选择其中之一,你可以找到功能选择列和行。该功能可以使每个请求更小的文件大小。

如果您选择CSV,选择范围之前,请选择目标表。样品是像下面的图片。
select_sheet_zh-hans
在我的范例,”A1″为标题。我想获得最大的5行。所以我设定的范围”A2:A6″。
select_cell_zh-hans
您可以在URL中找到”range=A2%3AA6″。如果你想分页功能添加到您的网站,您应该动态地更改为”range”通过Javascript的参数。

< 是不是很难? >
不要担心。我在这里写的Javascript代码。
https://github.com/mecrazy/generateGoogleDriveUri
这个脚本是使用CSV,ATOM和RSS格式兼容。这是唯一的URI发生器。它不具有解析器。如果您选择ATOM或RSS,您可以使用jQuery作为一个解析器。

请使用”generateGoogleDriveUri.min.js”象下面这样。

<!DOCTYPE html>
<html>
<head>
<title>样本页面</title>
<script src="js/generateGoogleDriveUri.min.js"></script>
<script type="text/javascript">
window.onload = function(){

//Casting object
var gduObj = new genGDU('把一个链接在这里公布的数据');

//Generate URI
var atomUri = gduObj.genUri(
  'atom', // 我选择ATOM格式。
  {
    startRow:2, //从第2行开始
    startCol:1, //从山坳1开始
    cols:1, //剪下1列
    rows:5, //切每页5行
    page:1 //获取第一页
  }
);

var html = '<a href="' + atomUri + '" target="_blank">' + atomUri + '</a>';
document.getElementById('sample').innerHTML = html;

}
</script>
</head>
<body id="sample"></body>
</html>

< 添加的index.html和Drive Notepad设置 >
当你在Chrome添加Drive Notepad,你可以找到关于创建谷歌驱动器的菜单”Text Document”。
add_index_zh-hans
如果这是你第一次使用Drive Notepad,你会被要求像下面。
permission_01_en_us
按”Login and/or grant app permissions…”并接受以下问题。
permission_02_zh-hans

请更改文件名以”index.html”会。保存文件后,关闭该选项卡。
change_file_name_en_us

请更改设置有关”管理应用”。
manage_apps_zh-hans
请检查驱动器记事本排的”默认情况下使用”。
use_by_default_zh-hans
在此之后,您可以使用Drive Notepad像谷歌驱动的其他应用程序。

< 更改共享设置 >
选择您的文件夹设置公开。
在此之后,按照下面的图片。
set_sharing_enabled_01_zh-hans
设置“在网络上公开”入选。
set_sharing_enabled_02_zh-hans

< 准备的HTML,CSS,Javascript代码 >
使用Drive Notepad让他们做好准备。
或用自己的文字编辑器来编辑和上传。
我的相对位置是象下面这样。
my_public_tree_zh-hans

下面的链接是谷歌电子表格创建我的网页。
https://googledrive.com/host/0B2hsIY7iHEnLS290OHlmRkFmbU0/
如果你愿意,请使用来源为样本。

< 额外的程序 >
我公司开发imgur的URL转换为我的网页。如果你愿意,请用这个。
https://github.com/mecrazy/imgurUrlConverter