No Access-Control-Allow-Origin 问题解决

No Access-Control-Allow-Origin 问题解决

Font from origin 'http://www.ingressplus.com' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://ingressplus.com' is therefore not allowed access.

 

最近将一个网站迁移到新的VPS,数据库,文件备份后部署遇到了许多奇奇怪怪的问题,但大多都是环境配置问题,由于要在主机部署多个网站,这里用到了VirtualHost.

    DocumentRoot /var/www/html/chyrp
    ServerName www.ingressplus.com
    ServerAlias *.ingressplus.com
    ErrorLog logs/error_log
    CustomLog logs/access_log common

protocolo-http
1.解决403问题后,网站主页可以打开,但所有链接(站内)都404,网站配置问题,使用chyrp重新安装,当然数据库表数据不要删除,文件不要删除,只要在/includes/目录下新生成config.yaml.php 配置文件,是数据库和基本的配置。更改.htaccess 文件:

RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^.+$ index.php [L]
RewriteCond %{HTTP_HOST} !^www.siteX.com [NC]
RewriteRule ^(.*)$ http://www.siteX.com/$1 [L,R=301]

2.网站中特殊字体(social-font)使用带www域名访问正常加载,但使用不带www的域名访问则不加载,通过Chrome调试,看到报错信息:Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header... 反复查资料更改,通常在使用CDN会出现这种访问权限问题,带www的url和不带www对同一个css同路径文件权限不一样的..在.htaccess 文件添加内容:
<ifmodule mod_headers.c>
<filesmatch “\.(ttf|ttc|otf|eot|woff|font.css|css)$”>
Header set Access-Control-Allow-Origin “*”
</filesmatch>
</ifmodule>
结果无效....将这些内容粘贴到/etc/httpd/conf/httpd.conf 中,重新加载apache.成功解决问题...

Bugzilla和Mantis安装部署

Bugzilla和Mantis安装部署

Bugzilla 部署步骤有的小麻烦,但Mantis部署很简单,下载包,数据库设置按部就班就可以了。

这里记录一些安装中的问题:

mantis1.Mantis 配置文件config_inc.php,需要修改的内容:
数据库配置:
$g_hostname = 'localhost';
$g_db_type = 'mysql';
$g_database_name = 'jaguardb';
$g_db_username = 'dbusr';
$g_db_password = 'xxxxxxx';

配置时区:
$g_default_timezone = 'Asia/Shanghai';
否则出现:SYSTEM WARNING: 'date_default_timezone_get(): It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function.

2.Bugzilla 安装配置

bugzilla

1.安装perl模块
检查依赖的CPAN包模块:sudo perl checksetup.pl,进行安装
sudo perl install-module.pl  --all
报错: install_driver(mysql) failed: Attempt to reload DBD/mysql.pm aborted. Compilation failed in require at (eval 1231) line 3, <DATA> line 577.

sudo ln -s /usr/local/mysql/lib/libmysqlclient.18.dylib  /usr/lib/libmysqlclient.18.dylib

2.配置localconfig配置文件
$db_driver = 'mysql';
$db_host = 'localhost';
$db_name = 'bugszilla';
$db_user = 'dbusr';
$db_pass = 'acbxxxxxxx';
3.配置Apache文件/etc/apache2/httpd.conf

<Directory "/Library/WebServer/Documents/bugzilla">
Options ExecCGI FollowSymLinks
AddHandler cgi-script .cgi
DirectoryIndex index.html index.html.var index.cgi
order deny,allow
Allow from all
</Directory>

网页弹出广告,难道又被黑了--问题排查

网页弹出广告,难道又被黑了--问题排查

最讨厌网页上的弹出广告神马的,可今天打开我的网站居然右下角弹出一个大大的弹窗广告!

tanchuang
尼玛!DNS被劫持了?这是公司网络,DNS服务器我使用的是GoogleDNS,打开其它网页,正常!换firefox,IE正常,
唯独我的网站www.gigiwangs.com有弹窗,该不是又被黑了吧!为什么“又”呢?
着手排查吧:
1.检查一下首页代码,发现多了一个弹出flash广告代码。

code_1
2.登录网站后台,没有异常登录信息,关键文件最近没有被更改。
3.考虑这个代码,远端的js代码。检查index.php,head.php,footer.php都正常。
4.初步排除被黑。
5.肯定是那个插件搞鬼了,会是哪一个呢?最近没有更新或安装新的插件。
6.分析一下代码详情,发现***tianqi.php**;

code_cc
7.一下子联想到网页添加了天气预报,来自中国天气网的天气widget代码;以文本方式添加在网页的右边栏,用来显示实时天气预报,
登录中国天气,果然发现使用插件是被添加广告的^

8.至此,问题算是找到了,使用前没有仔细阅读协议,果断换用其它的服务……

如何免费获取比特币Bitcoin

如何免费获取比特币Bitcoin

尽管中国Gov表示不承认比特币的合法货币地位,可以在其它地方不是这样的...如果要进行投资,这篇文章不适合你。通过简单做任务,点击广告,看视频等的简单步骤免费获取一丢丢的比特币BitCoin,娱乐娱乐倒是可以。

bitcoin

当然,在今天,如果不知道bitcoin,那就太不应该了,至少你应该在一年前知道..我在今天6月随便玩玩,虽没有什么收益,但也s算尝了尝鲜...简单copy的:

作为新用户,你只需选择一个钱包安装到你的电脑或者智能手机上。钱包成功安装之后,它会为你生成你的第一个比特币地址,在任何有需要的时候,你可以通过你的钱包生成更多的比特币地址。当你的朋友收到你发送给他们的比特币地址后,他们就可以付给你比特币,反之亦然,如果你的朋友把他们的比特币地址给你,你就可以用比特币付款给他们。实际上,这跟电子邮件的运作方式是非常相似的。所以剩下要做的就是去获取一些比特币,并将它们安全保存起来。要开始使用比特币,你并不需要了解技术细节。

详细请阅读比特币的WIKI:  http://zh.wikipedia.org/zh/%E6%AF%94%E7%89%B9%E5%B8%81

stack-of-bitcoin

首先,你需要一个钱包:可以通过下载软件,APP等。

这里推荐使用APP Bitcoin Wallet. 方便备份和转移,转账需要手续费..注意,其它APP可能不需要.

• 显示比特币钱包的余额和多种货币对应换算。
• 通过进场通讯、二维码或比特币链接来支付比特币。
• 经常使用的比特币地址簿。
• 离线时输入交易将会在上线时执行。
• 比特币网络连接状态显示以及交易通知。
• 比特币余额的程序插件。

再给出通过点击广告和看视频获取免费比特币的链接地址:

  • BitVisitor    非常简单好用的一个网站, 通过看广告获取比特币,五分钟一个,每看一个网站获取一定数量的比特币。只有                         在点击NEXT之后才算完成 一次观看,不点击Next则不能获取比特币和下一个广告。
  • VideoCoins      观看视频,获得比特币
  • CoinURL     类似于google adsense ,作为发布商,投放coinURL的广告或者短网址来获取一定的广告。

这里有个问题:如果你选择使用VPN或者在国外来进行上述操作,你获取的收益会有显著的不同,通常差距数十倍...

 

为移动设备访问而优化

为移动设备访问而优化

信息化时代,人们碎片时间越来越多,移动设备的使用也越来越频繁,网站必须为移动设备访问而优化..

很遗憾,本文似乎不是讲移动优化的方法和建议的,因为,我不会..

PageSpeedInsights

这里是Google提供的一些建议:

http://developers.google.com/speed/pagespeed/insights/

建议摘要

  • 使用浏览器缓存

在 HTTP 标头中为静态资源设置过期日期或最长存在时间,可指示浏览器从本地磁盘中加载以前下载的资源,而不是通过网络加载。

  • 优化图片

适当地设置图片的格式并进行压缩可以节省大量的数据字节空间。
缩短服务器响应时间

  • 压缩 JavaScript

压缩 JavaScript 代码可以节省大量数据字节空间,并提高下载、解析和执行的速度。

  • 压缩 CSS

压缩 CSS 代码可以节省大量数据字节空间,并提高下载和解析的速度。

  • 压缩 HTML
  • 按优先级排列可见内容
  • 避免使用目标网页重定向

用户体验指南

mob_gejoin

 

今天移动版主题更新了..看着还不错,还需要设置一些user-agents...

Nexus S吃上KitKat,满血复活(cm11+刷机方法)...

Nexus S吃上KitKat,满血复活(cm11+刷机方法)...

CM11 官方ROM已经发布,请关注:http://download.cyanogenmod.org/?device=crespo
用Nexus S已经3年了,眼看着壮士老矣,卡到毙..该退休了..

Android 4.4  KitKat出现了..当然,当年的二太子已没有了往日的特权,无法再获取官方的更新,可是多个第三方Rom还没有忘记他,现在已经有多个4.4 的Rom出现。

这里跟大家分享这个基于Cyanogenmod有xda上大神们贡献,目前还在不断更新的 [ROM] [CM11] [UNOFFICIAL] Crespo Nightly Kangs [Kitkang] [cherry-pick]。

这个Rom几乎没有什么明显Bug,运行起来非常流畅...

big-6

nexus_s_4.4

这里是xda的页面地址:http://forum.xda-developers.com/showthread.php?t=2548222

ROM发布和下载地址:http://fitsnugly.euroskank.com/?rom=cm11&device=crespo

当然,或许你还需要刷入最新的4.4的Gapps,这里给一下下载的地址:http://d-h.st/EIM

nexus_s_4.4

我的Nexus S复活了,快试试吧...

简单刷机步骤:(这里都给出官方下载,保证最新)
1.下载ROM
这个是每日更新版,选择最新的版本下载cm-11-YYYYMMDD-****-crespo.zip,
 http://fitsnugly.euroskank.com/?rom=cm11&device=crespo
如果你目前使用的是cm-10.2/1,请把下载的rom zip包放在手机的cmupdater目录下,否则随意。
2.下载recovery(recovery-clockwork-6.0.4.3-crespo.img),下面页面进入,选择nexus s :
http://www.clockworkmod.com/rommanager
或者直接点击:http://download2.clockworkmod.com/recoveries/recovery-clockwork-6.0.4.3-crespo.img
3.刷入recovery,没有新意,具体请参照其它教程贴。
4.如果你目前使用的是cm-10,那么直接进入系统设置---关于手机---cyanogenmod 更新--选择你最新下载的cm-11-YYYYMMDD-****-crespo.zip,安装重启。
5.如果目前使用的不是cm-10.或其他slim等基于cm的rom,重启手机,电源+音量上进入recovery-->备份-->wipe userdata-->wipe cache-->刷如zip包-->在sd卡上选择cm-11-YYYYMMDD-****-crespo.zip.
6.重启手机
7.如果需要刷入Google服务包,在上面找到下载地址,下载, gapps-kk-20131031.zip放在手机里。重启手机进入recovery,选择刷入zip包,cm11需要的是android4.4 Google服务包,必须要升级,否则,Google paly无法连接,各种FC....

移动网站优化-来自GoMo的建议

移动网站优化-来自GoMo的建议

你的网站适合移动访问吗?这个问题已不是新鲜的了,突然想起来网站SEO,把去年的参加Google Adsense合作伙伴活动的资料翻出来看了看,把有用的信息再整理出来,详细内容可以参阅:GoMo by Google Ready To Go Mo?

gejo.in on Hadset

针对你网站的建议

处理图片

制作你的移动网站时,为了避免内容显示不正常或缺失,请确认移动设备支持你用于制作网站的所有技术。例如某些手机不支持Flash和JavaScript等程序,会导致网页无法加载或丢失内容。图片尺寸大,需要的加载时间可能就会较长,有时会引起移动浏览器反应停滞甚至发生崩溃。不过,你也不必因噎废食,不敢在网站上使用图片,只要你使用较小的图片,并进行适当压缩,保证网页能快速加载,图片就能为你的网站锦上添花。

关注文字

使你移动网站上的文字便于阅读至关重要。请注意,用移动设备有时并不适合阅读篇幅较大的文字内容。请使用合适的字体大小,并适当布局,使用户无需进行缩放或鼠标滚动操作。如果滚动鼠标无法避免,请保证其只需纵向滚动。移动设备屏幕小,因此使用项目符号并将内容划分为小块,使你网站上的信息便于阅读和浏览,这一点非常重要。仔细思考你的移动客户最需要哪些信息和功能。

设计时要考虑到便于手指操作

请你浏览一下自己的移动网站;如果你自己都无法顺畅地用手指移动和切换页面,你就该考虑改进网站设计了。你也知道,人的手指动作有时不够精准,如果按钮和链接太小,要点击它们就不太容易了。设计时一定要考虑到便于手指操作:请使用较宽的按钮并留出一定间距,这样用户就不会点错按钮。

提供直观的导航选项

让用户轻松找到所需的内容对您的业务非常重要,因此,请务必在网站上提供直观的导航选项,方便用户与您的网站进行互动。请注意,由于移动设备的屏幕较小,可能无法像台式机屏幕那样显示相同的信息量。为解决这一问题,您不应将所有重要的内容都堆放在一个屏幕中,而应提供直观的导航选项。请考虑采用移动网站最佳做法,例如缩短内容、按比例缩小图片或使用富媒体格式显示内容,这样应该可以使用户更轻松地与您的网站进行互动。

确保用户可以方便地使用搜索功能

如果您是拥有丰富内容的发布商,就应该提供搜索功能,让用户迅速找到所需内容。用户希望您的移动网站所提供的搜索结果与您的桌面版网站提供的一样丰富。对客户而言,搜索是直接找到特定内容的最快捷方式,分秒必争的移动用户定会欣赏这一功能。参考以下几条额外提示:

 

●由于手机较小,在上面输入信息更困难,所以简化搜索查询的输入方式尤其重要。

●减少操作步骤,简化可让用户快速提炼搜索结果的高级搜索功能。

●考虑提供精简的结果,只显示最重要的信息。提供可供用户深入查看搜索结果的选项。

通过出色的功能吸引用户

作为一家注重内容的公司,吸引用户参与是重中之重。您的营销策略中也许就有对视频、休闲游戏和动画的运用,但是移动设备未必支持制作这些内容的技术。我们前面也提到过,Flash?和?JavaScript?就无法在部分手机上运行。您可以与您的移动网络开发人员合作找出替代方案:HTML?5?就提供了许多新的选项。您还应当考虑利用手机的摄像头、加速度计和地理位置功能,以移动设备所特有的方式来吸引消费者。

 

 

十大移动网站最佳做法

1.简单快捷

移动用户的时间经常不够用,因此只能在忙碌之余抽空上网。为方便他们进行访问,您所设计的移动网站内容应该能快速加载且易于浏览。

●优先提供移动用户最需要的内容和功能。使用桌面版网站分析数据了解移动用户的行为。
●避免堆砌大量文字,按段落小节组织内容更便于用户阅读。
●压缩图片以提升网站的加载速度。

2.简化导航

复杂难懂的导航方式会让用户望而生畏。请确保向客户提供一目了然的导航界面,对于大型或复杂的网站,可以考虑加入搜索功能,以便于客户轻松找到所需的内容。

●减少用户浏览过程中滚动页面的需要,并将页面滚动局限于垂直方向。
●菜单的层次结构应清晰明确,同时应避免在光标移入时激活菜单的设计。
●提供清晰醒目的“后退”按钮和“首页”按钮,方便用户在各级内容之间切换跳转。
●确保每个网页上的导航链接不超过?7?个。
●如果网站比较复杂,请在显眼的位置加入搜索框。

3.拇指操作

用户会使用手指(特别是拇指)来操作移动设备。合理设计移动网站,确保手型较大的用户也能轻松地与网站互动。

●使用较大的按钮,将其居中放置并留出一定的间距,以避免产生意外点击。
●将较小按钮的边距加宽,以扩大可点击的范围。
●将文字设为可以点击,使复选框的点选范围更大。

4.一目了然

适合移动设备浏览的网站可有效传达信息,却不会让人眼花缭乱。要确保即使在光线不足的情况下,客户也能轻松浏览网站的内容。

●背景和文字的颜色要有鲜明反差。
●确保内容与屏幕大小一致,用户无需缩放即可轻松阅读。
●大量使用负空间。
●使用大小和颜色标识链接/按钮的优先等级。
●为按钮设置3D效果和阴影。

5.广泛适应

您的移动网站最好能在所有移动设备上正常运作,并且适合所有手持设备的屏幕方向。部分设备不支持Flash,因此请使用其他替代技术。

●使用HTML5来添加互动内容和动画。
●设计能视屏幕方向调整显示的网站。
●确保当用户所用设备的屏幕方向改变时,用户可以保持在当前的网页内容位置。

6.轻松转化

无论您的移动网站的目标是什么,都要确保用户能够使用虚拟键盘和触摸(而非通过鼠标)完成您所期望的操作。让他们能够轻松购物或与您联络!

●着重提供有助于实现转化的信息,如产品详情。
●减少完成交易所需的步骤。
●设计简短的表单,尽量减少字段数量。
●使用复选框、列表和滚动菜单,方便用户输入数据。
●所有电话号码都采用点击通话功能。

7.立足本地

消费者习惯使用手机查找本地信息,例如寻找最近的加油站或快餐店等。通过在网站中加入相应功能,可帮助用户轻松找到您的店铺。

●在目标网页上列出您的商家地址,或提供店铺定位工具。
●加入地图和路线,并在可能的情况下使用GPS来提供个性化服务。
●使用户可以查询附近分店的库存量。

8.流畅体验

如今,用户每天可能会使用多种设备上网。请尽可能多地在移动网站上加入桌面版网站所具备的功能,以向用户提供流畅一致的浏览体验。

●允许用户保存热门搜索和购物车中的内容。
●尽可能在所有渠道上都提供网站的重要功能。
●针对相同的产品/服务显示相同的信息。

9.重新定向

移动网站重定向是一段代码,它可以自动判断访问者是否在使用移动设备,然后将其重定向到您的适合移动设备浏览的网站。您可以请网站开发人员帮助安装这段重定向代码,以向用户显示最符合其需求的网站版本。

●使用户能够选择切换到桌面版网站,同时可以随时转回移动网站。
●让用户选择下次访问时希望看到的版本。
●在重定向网页上列出地址等重要信息,或提供店铺定位工具。

10.听取意见,了解原因并反复测试

好的移动网站以用户为中心,也就是说,以满足客户的需求为设计目标。通过测试了解用户希望在移动网站中看到哪些功能,并持续进行优化。

●使用分析工具了解用户如何使用您的网站。
●在发布网站之前,最好先针对网站(尤其是复杂的网站)进行用户测试,并在发布之后收集用户的反馈。
●反复测试,并根据研究结果不断改善网站的效果。

-----------------------------------------------------------------------------------------------------------------------

Are you ready?
---by gejo.in

Google Zeitgeist 2012-Year In Review

Google Zeitgeist 2012-Year In Review

2012,what is my 2012,and 2013?

[youtube id="xY_MUB8adEQ"]

备用地址(如果Youtube打不开,这里优酷地址):

[youku id="XNDg4MTA0MjMy"]

Zeitgeist 2012- Year In Review

先来回顾Google 中国地区的搜索趋势:
http://www.google.com/zeitgeist/2012/#china/searches

搜索


  1. 中国好声音
  2. 伦敦奥运会
  3. 江南 Style
  4. 甄嬛传
  5. 钓鱼岛
  6. 爱情公寓 3
  7. 神九
  8. iPad3
  9. 海葵
  10. 安卓游戏

人物


  1. 林书豪
  2. 林丹
  3. 莫言
  4. 刘恺威
  5. 孙杨
  6. 张丽莉
  7. 叶诗文
  8. 张根硕
  9. 倪妮
  10. 吴斌

歌曲


  1. 江南 Style
  2. 伤不起
  3. 那些年
  4. Someone Like You
  5. Hey Jude
  6. High歌
  7. 爱的供养
  8. 小情歌
  9. 滴答滴
  10. 爱的回归线

这是一份包含全球范围的2012 Google搜索趋势文档:点击查看

以上内容均由http://www.google.com/zeitgeist 搬运而来,本站点搬运记录(截至2012-12)

Google Zeitgeist 2011 – Year in Review

Google Zeitgeist 2012 – Year in Review

2012眼看着就要过去了,是不是也需要来回顾一下我的2012呢……

 

Google Nexus S迎来新的Jelly Bean4.1OTA升级

Google Nexus S迎来新的Jelly Bean4.1OTA升级

2012年7月21日,据传Google开始Nexus S 4.1OTA的推送两天左右,我收到了OTA更新。上一次的4.0更新分了两次推送,第一次是12月17日(https://www.gigiwangs.com/archives/436)我是后一批收到的,但都是刚刚流出推送的消息就收到,这一次又是人品爆发!!

新的升级包114.4MB,也算够大了下载--重启--安装--初始化,过程5分钟左右,开机动画变得【单纯】了,通知栏变了,多了Play Magzines应用,Google搜索变得很炫,还有设置界面有点变化,添加账户更加方便,其它应该变化不大,所以也不截图了,想要升级的童鞋注意检查更新了!

 

[Photos]Dropbox,GDrive OR Skydrive Which One is Better?

[Photos]Dropbox,GDrive OR Skydrive Which One is Better?

文章标题好奇怪?本来就是写给自己的生活笔记(访问量约等于0)...我喜欢这张照片,前天在上海世纪公园拍的,花很小很小,几乎,一簇不到指甲盖大小...

为什么标题我提到了那三大云端文件存储巨头呢?自然有点点关系。

也不怎么好看…草看起来有些犀利...

iPhoto的照片库估计快30G了,懒人从来没有进行太多的整理,分类存下来就行了,眼看着硬盘的照片越来越多,硬盘快爆了(可怜的250GB),移动硬盘?也不怎么方便,DVD-ROM?也麻烦...于是我想到了它们: Read more