竹磬网-邵珠庆の日记 生命只有一次,你可以用它来做些更多伟大的事情–Make the world a little better and easier


135月/110

Git 小记

发布在 邵珠庆

一、常用操作

mkdir ‘你想放你的Git的目录’
git init
vim ‘你想添加的文件’

git add . (注:这个命令用来把你刚刚Vim的文件添加到git中,,另一个实例 git add ./comine_readFile_Htable.java) git commit -m ‘version(版本信息)’ (注:这个命令是提交add的内容并设定一个版本信息,例如版本号11 ,也可以用 git commit -a) git push origin master(密码是git) 如果不能正常push,就输入 :git fecth
git rebase origin/master
git commit -m 'version'
git push origin master
git branch [分支名](注:这个命令是查看有哪些分支[创建一个新的分支:一般一个用户一个分支])
git checkout ‘分支名’(注:这个命令用来切换到另一个分支)
gitk 注:这个命令用来图形化的查看各个分支、版本信息等)
git clone ssh://git@10.5.0.170/usr/local/git-repos/pikachu
(这是把本地git连接到redmine上面。最后这个pikachu是你想要添加的到的项目的名字,是不确定的,前面的命令是确定的)

二、常见的问题

1、在操作git的时候出现的一个问题

Counting objects: 50, done.
Delta compression using up to 2 threads.
Compressing objects: 100% (24/24), done.
Writing objects: 100% (26/26), 4.06 KiB, done.
Total 26 (delta 14), reused 0 (delta 0)
error: insufficient permission for adding an object to repository database ./objects

fatal: failed to write object
error: unpack failed: unpack-objects abnormal exit
To /usr/local/git-repos/Hadaway0.2.git
! [remote rejected] master -> master (n/a (unpacker error))
error: failed to push some refs to '/usr/local/git-repos/Hadaway0.2.git'

解决方案1、sudo chown -R git:git repo.git/ 。 但是这个需要你对机器的权限

解决方案2、

 1、在git目录下ls - a 显示出所有的隐藏文件

2、vim  .git/config

在[remote "origin"] 部分,把url修改如下:url = ssh://git@10.5.0.170/usr/local/git-repos/Hadway0.2.git

其中10.5.0.170是所在机器的ip地址。如果是本机操作的话,url会是url = /usr/local/git-repos/Hadway0.2.git
。如果含有其他机器,则全部加上在ip地址全部加上git@就可以了。

例如:以前是url = /usr/local/git-repos/Hadway0.2.git
修改后是url = ssh://git@10.5.0.170/usr/local/git-repos/Hadway0.2.git

75月/110

75个最佳Web设计资源,强烈推荐!

发布在 邵珠庆

字体

Typography Resources

- 60 套公司用设计字体 [Smashing Magazine]

- 20 套免费手写字体与资源 [Fuel Your Creativity]

- 50 套专业Web设计与印刷用字体 [Noupe]

- 15 套漂亮的高质量免费字体 [Smashing Magazine]

- 21 套来自 DeviantArt 的艺术字体 [Designflavr]

- 设计专业人士使用的7套最佳字体 [Just Creative design ]

- 45 套符合现代设计趋势的免费漂亮字体 [Six Revisions]

css

- 50 个强大的 CSS 实用工具 [Smashing Magazine]

- 30 套 CSS 小炒资料 [All Web design Resources]

- CSS 编辑器评测 [Smashing Magazine]

- CSS 高手的 10 个原则 [NETTUTS]

- 2008 最佳 CSS 设计 中文 ) [Web Designer Wall]

- 40 个 CSS 生成器 [All Web design Resources]

- 重置你的CSS [Six Revisions]

- 实现干净代码的12条定律 中文 ) [Smashing Magazine]

Logo 设计

Logo Design Resources

- 81 个最佳 Logo 设计资源 [Logo design Love]

- 最佳Logo设计资源 [Just Creative design ]

- 105 个Logo设计资源 [Elite By design ]

- 35 个令人目眩的黑白 Logo [Siah design ]

- 50 套能够带来启发的 Logo [Fuel Your Creativity]

- 2008 年 33 个不俗的 Logo 重设计 [Smashing Apps]

- 30 个精彩的矢量 Logo 设计 [VECTORTUTS]

- 10 个成功的 Logo 设计 [Logo design Love]

图标

Icons

- 2008年50套最漂亮的图标 [Noupe]

- 40 套漂亮的免费图标 [Six Revisions]

- 22 套全新高品质免费图标 [Elite By design ]

- 40 套超漂亮的图标 [Noupe]

设计启发

Inspiration Resources

- 50 个漂亮的博客设计 [Smashing Magazine]

- 40 个有创意的按钮 [PSDTUTS]

- 60 个非常 Cool 非常有创意的 404 页面 [Hongkiat]

- 30 个漂亮的 Web 设计例子 [Six Revisions]

- 2008年40个具有启发性的 Web 设计 [CrazyLeaf design Blog]

- 50 个漂亮的导航菜单 [Vandelay Website design ]

- Web 设计中的57个矢量字符 [CSSLeak]

- 50 个漂亮的,有创意的展示类站点设计 [Smashing Magazine]

- 40 个漂亮的暗色系 CSS 设计 [Toxel]

- 40 个漂亮的手画 Web 设计 [CSSBuilt]

- 79 个精彩的专辑封面 [Inspiredology]

- 40 套有创意的名片设计 [Toxel]

- 纹理与图样设计展示 [Smashing Magazine]

- 54 幅令人灵魂出窍的数字画 [PSDTUTS]

- 50 个出色的博客页脚设计 [Hongkiat]

- 24 个漂亮的,有创意的网站 Header 设计 [Toxel]

- 富有灵感的 PDF 杂志设计 [Smashing Magazine]

教程

Tutorials

- 41 个最好的 Photoshop 效果教程 [Hongkiat]

- 30 个漂亮的 Photoshop 文字效果教程 [Six Revisions]

- 70 个 Photoshop 美容教程 [Smashing Magazine]

- 50 个很棒的 Photoshop 教程 [PSDTUTS]

- 30 个 Fireworks 教程 [Arbent]

- Adobe Fireworks 教程与下载 [Smashing Magazine]

- 40 个 Wacom 数字画板教程 [DesignM.ag]

- 50 个出色的 AJAX 教程 [Smashing Magazine]

- 50 个富有创意的 Photoshop 文字效果教程 [PSDTUTS]

- 23 个不可思议的 Photoshop 教程 [Elite By design ]

- Adobe Illustrator 教程 [Smashing Magazine]

Photoshop 资源下载

Photoshop Downloads

- Photoshop Custom Shapes 集 [Smashing Magazine]

- 20 个 Photoshop 印刷作品与画笔资源 [PSDTUTS]

- 75 个超高分辨率 Photoshop 画笔 [Elite By design ]

- 50 个不可或缺的 Photoshop 画笔 [Smashing Magazine]

- 200 套 Photoshop 画笔 [You the Designer]

- 50 套免费的 Photoshop Pattern [Emma Alvarez]

- 55 套免费的画笔与矢量图 [Web Resources Depot]

- 40 套 Photoshop 万圣节主题画笔 [PSDFan]

wordpress

WordPress Resources

- 100 出色的 WordPress 免费主题 [Smashing Magazine]

- 30 个最实用的 WordPress 技巧 [Hongkiat]

- 45 套免费的 WordPress 网格布局主题 [WPZOOM]

- 45 套必须要看到 WordPress 主题 [Noupe]

- 20 套 WordPress 公司网站主题 [Blogsessive]

- 24 套高质量免费 WordPress 主题 [Toxel]

- 21 套令人耳目一新的免费Wordpress主题 [Smashing Apps]

- 50 套漂亮的免费 WordPress 主题 [Six Revisions]

- 10 个寻找免费 WordPress 主题的地方 [UPrinting]

- 50 个最好的 WordPress 主题 [CrazyLeaf design Blog]

- 10 个 WordPress 实用 RSS 技巧 [Smashing Magazine]

- 45 个出色的免费 WordPress 主题 [DzineBlog]

35月/110

使用Google Analytics跟踪下载等事件

发布在 邵珠庆

在前面的《如何在Google Analytics下设定下载目标》中,我们将下载对象模拟成对一个普通的HTML页面的访问来跟踪下载链接被点击的次数(将register.zip的访问模拟成对页面/downloads/register_zip这个页面的访问),下面我再介绍一下如何在GA里面使用它的事件跟踪方法来追踪事件。

GA里面提供了一个方法_trackEvent(category, action, opt_label, opt_value),用于跟踪页面里面的事件。它有四个参数,这四个参数分别表示:

  • category (必须)

用于给你需要跟踪的对象组命名。例如:按钮、Banner等等。

  • action (必须)

和每个分类匹配的字符串,通常用于定义用户和网页对象的交互类型。

  • label (可选)

一个可选的字符串,用于给事件数据提供附加的维度。

  • value (可选)

一个可选的数字类型参数,可以用于提供关于用户事件的数字数据。

在设置了事件跟踪后,可以在GA控制台的“内容(Content)”->“事件追踪(Event Tracking)”中看到相关的跟踪数据。

下面看一个例子。在这个博客的上面,有一个超链接,指向博客首页,如下图:


头部链接

另外,在页面的底部,为了更好的优化首页的2个关键字:SEO实践和SEM实践,我加了2个次导航,也是链向首页。


底部次导航

现在我想看一下这2个地方的点击情况到底有什么区别(当然在这里实际上肯定点页面头部的人多),那么我可以分别给头部和尾部的链接加上跟踪代码,如下:

  • 头部:

<a href=”http://www.seo-sem-blog.com/” onclick=”JavaScript:pageTracker._eventTrack(‘IdxPg’,'Lnk’,'TopLnk’);”&gt;SEO、SEM实践博客</a>

  • 底部:

<a href=”http://www.seo-sem-blog.com/” onclick=”JavaScript:pageTracker._eventTrack(‘IdxPg’,'Lnk’,'BtmLnk’);”&gt;SEO实践</a>

<a href=”http://www.seo-sem-blog.com/” onclick=”JavaScript:pageTracker._eventTrack(‘IdxPg’,'Lnk’,'BtmLnk’);”&gt;SEM实践</a>

这样后续我就可以在GA中看到各自的点击情况统计了。

总体来说,GA里的事件跟踪方法适用于:

  • 跟踪下载等事件
  • 跟踪播放器播放、暂停、停止等按钮。
  • 跟踪某个页面内各个Call In Actions的对象的点击,从而评估这些对象的效果和价值。
  • 其他事件。

更详细的说明,请参考:http://code.google.com/apis/analytics/docs/tracking/eventTrackerGuide.html

注意这个说明文档中的举例都是GA的最新的异步代码方式,其调用方法的格式是:

_gaq.push([方法名, 该方法对应的参数])
35月/110

Google Analytics虚拟页面和事件追踪的区别

发布在 邵珠庆

今天在蓝鲸的网站分析笔记中,看了Google Analytics虚拟页面和事件追踪这两个功能的介绍文章,两者是事件跟踪(用来记录不产生页面浏览的用户交互行为)的两种方式。但是仔细对比后却有所区别,具体总结如下:

       1、实现原理和方式:
虚拟页面是通过_trackPageview()函数来完成的。而事件追踪则是调用pageTracker._trackEvent()函数。两者都是在函数中设置参数值,当访问者执行事件时,并将预先设定的值发送会google服务器,并最终显示在报告里。

       2、函数的变量值:

_trackPageview()的变量值只有一个,只需填写标识不同跟踪事件的变量值就行。例如:_trackPageview(“/virtual/outgoing/twitter.com”)记录点击网站twitter链接事件,参数值的层次划分建议有两级以上,一级目录统一标识虚拟页面,二级目录标识链接地址。

而pageTracker._trackEvent()函数要设置4个变量值,按顺序分别为:事件类别,用户行为,事件标签和事件价值。前三个是必须填写的值,第四个事件价值可以可选的。例如:pageTracker._trackEvent(“music”, ”Play”, ” 日光倾城”)。

关于事件跟踪的行为可分以下三类有,具体可以作为函数参数值的目录划分:

站内行为:下载文档,提交评论等。不会产生页面浏览或不同URL页面的行为。

站外行为:友情链接,广告点击等。统称为出站链接。

其他行为:文档加载,页面停留等。与JS事件有关的组合。

        3、报告的显示结果:

两者记录的数据报告都是Google Analytics的“内容”中,具体显示报告效果如下:

报告中的事件价值和平均价值是根据pageTracker._trackEvent()函数内第四个可选值计算得出的。

       4、实现效果:

虚拟页面会产生一个副产品——虚拟浏览量,因为这些虚拟页面实际上并不存在,但虚拟页面也会在报告中产生浏览量,影响报告的准确性。所以是为了保持网站流量的真实性,应该有一个不包含虚拟流量的配置文件,来分隔虚拟浏览量。

而事件追踪在报告中比虚拟页面灵活的多。可以分别查看不同类别,不同行为的表现情况。所以在追踪下载行为和其他类似行为的时候建议使用事件追踪。

       5、具体操作:

由于GA的统计代码分传统和异步,所以虚拟页面分别有两种添加方式:

  1. <a href="http://www.zzhblog.com/.../" onClick="javascript:pageTracker._trackPageview('/virtual/twitter.com');">Follow me</a>(虚拟页面传统版)
  2. <a href="http://www.zzhblog.com/....../" onClick="javascript:gaq.push(['_trackPageview','/virtual/twitter.com']);">Follow me</a>(虚拟页面异步版)
  3. <a href="http://www.zzhblog.com/ Cookie_Sheet.pdf" onClick="pageTracker._trackEvent('GA_res', 'download', 'Cookie_Sheet');">下载</a>(事件追踪传统版)
  4. <a href="http://www.zzhblog.com/ Cookie_Sheet.pdf" onClick="javascript:_gaq.push(['_trackEvent', 'GA_res', 'download','Cookie_Sheet']);">下载</a>(事件追踪异步版)

以上就是总结的,如果大家还有新的发现,可以指出、分享一下。