分类 技术 下的文章

怎样通过 Twitter 的开源库来随处使用 Emoji 表情符号

通过 GitHub 将它们嵌入到网页和其他项目中。

Emoji, 来自日本的小巧符号,通过图像表达感情,已经征服了移动互联网的信息世界。

现在,你可以在虚拟世界中随处使用它们了。 Twitter 最近开源了他们的 emoji 符号库,使得你可以在你自己的网站,应用,和项目中使用它们。

但这需要一点体力活。 Unicode 已经识别甚至标准化了 emoji 字母表, 然而 emoji 仍然不能完全与所有的网络浏览器相兼容,这意味着大多数情况下,它们将呈现为 “豆腐块”或“空白盒子”。当 Twitter 想使得 emoji 到处可用时,这家社交网络联合了一家名为Icon Factory的公司来渲染浏览器以模仿文本信息符号的效果。Twiter 认为人们对他们的 emoji 库有很大的需求。

现在, 你可以从 GitHub 上克隆 Twitter 的整个库,从而在你的开发项目中使用它们。 下面将为你介绍如何达到上面的目的以及如何使得 emoji 更容易被使用。

为 Emoji 得到 Unicode 支持

Unicode 是国际编码标准,它为任意的符号、字母或人们想在网络上使用的数字配置了一串编码。换句话说,它是你如何在计算机上阅读文本与计算机如何读取文本之间的缺失环节。例如,对于你正看到的位于这些句子中的空格(LCTT 译注:英文分词中间的空格),计算机读取为 “ ”。

Unicode 甚至拥有其自己的原始 emoji,它们可以在没有你的任何努力的情况下在浏览器中被阅读。例如,当你看到了 一个 ❤ 符号,你的计算机正在解码字符串 “2665” 。

要在大多数情况下使用 Twitter 的 emoji 库,你只需在你的 HTML 网页中的 块中添加如下脚本:

<script src="//twemoji.maxcdn.com/twemoji.min.js"></script>

这样就使得你的项目可以访问包含有已经在 Twitter 中可使用的数以百计的 Emoji 符号的 JavaScript 库。然而,创建一个仅仅包含这个脚本的文档并不能使得在你的网站中呈现出 emoji 符号,实际上,你仍需要嵌入这些 emoji 符号!

在 块中,粘贴一些可以在 Twitter 的preview.html 文件源代码 中找到的 emoji 字符串。我使用了 和 🏁,当然我并不知道在浏览器窗口中它们的样子。是的,你必须粘贴并猜测它们。你已经看出了问题,我们将在第二小节中予以解决。

无论如何,通过一些尝试,你可以将一个如下图的原始 HTML 文件---

---显示为如下图的网页:

将 Emoji 转换为可阅读的语言

对于一个网站或应用,Twitter 的解决方案是非常适用的。但如果你想通过 HTML 轻易地插入你喜爱的 emoji 符号,你需要一个更易实现的解决方案,而不是记住所有代表 emoji 的 Unicode 字符串。

那正是程序员 Elle Kasai 的 Twemoji Awesome 样式大展身手的地方。

通过向任意网页中添加 Elle 的开源样式表,你可以适用 英语单词来理解你正插入的 emoji 符号的意义。所以如若你想展示一个 心形 emoji 符号,你可以简单地输入:

<i class="twa twa-heart"></i>

为了实现上面的目的,让我们下载 Elle 的项目,通过点击在 GitHub 上 “Download ZIP” 按钮。

接着,我们在桌面上新建一个文件夹,然后进入该文件夹,并将 emoji.html---我先前向你展示的 HTML 源文件--- 和 Elle 的 twemoji-awesome.css 一同放进去。

我们还需要 HTML 文件识别这个 CSS 文件,所以在 html 网页中的 块中,为 CSS 文件添加一个链接:

<link rel="stylesheet" href="twemoji-awesome.css">

一旦你将上面的代码添加了进去,你便可以删除先前添加的 Twitter 的脚本链接。

现在,找到 body 块部分的代码,然后添加一些 emoji 符号。我使用了 , ,

最终,你将得到如下的代码:

保存并在浏览器中查看上面的文件:

Duang!这样你不仅得到了一个可以在浏览器中支持 emoji 符号的基本网页,而且还知道了如何简单地实现它。你可以随意的在我的 GitHub 中查看这个教程,并且可以克隆这些实际的文件而不只是看看这些截图。

题图来自于得到 Emoji; Lauren Orsini 截图。


via: http://readwrite.com/2014/11/12/how-to-use-emoji-in-the-browser-window

作者:Lauren Orsini 译者:FSSlc 校对:wxy

本文由 LCTT 原创翻译,Linux中国 荣誉推出

Btrfs(B-tree file system,B-tree文件系统)是针对Linux开发的一个新的CoW(copy-on-write,写时复制)文件系统。它最初是由甲骨文公司在2007年着手开始开发的,并在2014年8月正式发布其稳定版。开发Btrfs的目的在于解决Linux文件系统中缺少池、快照、校验和以及集成的跨多设备访问等问题,目标在于实现Linux的规模化存储。规模化不仅仅是指解决存储问题,也意味着通过简洁的界面提供对存储的管控和管理能力,让大家能看到已使用的内容并使它更可靠。

你应该注意到,Btrfs才刚刚发布稳定版,所以强烈推荐你使用最新版的内核以避免可能出现的问题和漏洞。

Btrfs特性

新文件系统的最重要的特性有:

  • 基于扩展的文件存储
  • 文件大小上限16EiB
  • 小文件和索引目录的高效空间利用
  • 动态索引节点分配
  • 支持快照可写和快照只读
  • 子卷(分离内部文件系统的根)
  • 支持数据和元数据的校验和
  • 压缩 (gzip和LZO)
  • 整合的多设备支持
  • 支持文件条块化、文件镜像和文件条块化+镜像三种部署方案
  • 高效的增量备份
  • 后台消除进程支持查找和修复冗余副本上的文件错误
  • 支持在线文件系统碎片整理和离线文件系统检查
  • Btrfs文件系统对RAID 5/RAID 6加强支持,在linux 3.19中添加了许多漏洞修补

你可以在此关于本主题的维基文章中阅读关于新特性的内容

转换到Btrfs

警告:在尝试转换文件系统前,请务必备份数据!虽然此操作很稳定,也很安全,但它仍然可能导致数据丢失,而防止此情况发生的唯一途径就是进行数据备份。

将现存的ext4文件系统转换到btrfs是相当简单而易懂的。你首先需要使用fsck来检查你现存分区上是否存在错误,然后使用btrfs-convert命令进行转换。如果你想要对/dev/sda3分区进行转换,你可以进行以下操作:

# fsck.ext4 /dev/sda4
# btrfs-convert /dev/sda4

然后,你就可以使用mount命令将它挂载到你想要的任何位置。

btrfs-convert

转换根分区

如果你想要对你系统上的根分区进行转换,你首先需要使用Live CD启动。对于Ubuntu,你可以使用Ubuntu安装盘来完成此操作,在启动后第一个屏幕选择“尝试Ubuntu”。对于其它系统,你同样可以使用Live CD镜像,操作类似。

在启动后,打开终端,使用下面的命令来转换文件系统。

# fsck.ext4 /dev/sda1
# btrfs-convert /dev/sda1

接下来,chroot到文件系统,这样你就可以修改fstab并重新安装grub了。

# mount /dev/sda1 /mnt
# for i in dev dev/pts proc sys ; do mount --bind /$i /mnt/$i ; done
# chroot /mnt
# blkid | grep sda1

btrfs-root-convert

现在来编辑fstab,并根据blkid输出的结果来修改当前“/”文件系统的UUID,并将它的文件系统类型修改为btrfs,修改后的行如下:

UUID=8e7e80aa-337e-4179-966d-d60128bd3714 / btrfs defaults 0 1

然后,重新安装Grub:

# grub-install /dev/sda
# update-grub

现在,你可以把启动光盘丢到一边了,重启机器后,你就可以使用新的文件系统了。


via: http://linoxide.com/file-system/create-btrfs-features/

作者:Adrian Dinu 译者:GOLinux 校对:wxy

本文由 LCTT 原创翻译,Linux中国 荣誉推出

简介

Xubuntu

这个教程会一步步教你如何安装Xubuntu Linux。

为什么你会想要安装Xubuntu呢?这里有三个原因:

  1. 你有一台安装Windows XP的计算机,但是微软已经不再对Windows XP提供支持。
  2. 你的电脑运行很慢,你想要一个轻量级并且跟得上时代潮流的操作系统。
  3. 你想要自定义你的电脑使用体验。

首先,你需要下载Xubuntu,并且创建一个可启动的USB驱动器

完成以后,用优盘启动到当前版本的Xubuntu,然后点击安装Xubuntu图标。

选择你的安装语言

选择语言

第一步,选择你的安装语言。

在左边的列表中选择语言,然后单击“Continue”。

选择无线网络链接

选择无线网络

第二步,需要你来选择你的网络链接。这个步骤不是必须的,你在这个阶段可能会选择不设置网络链接是有原因的。

如果你的网络状况十分糟糕,不选无线网络是一个明智的选择,因为安装程序会在安装过程中从网络上下载一些更新包。那么可想而知,你的安装过程就会花费很长的时间。

当然,如果你的网速很快,选择一个无线网,然后输入密码就行了。

准备安装

准备安装

这时候,你将会看到一个列表,显示安装Xubuntu的一些准备条件:

  • 是否拥有至少6.2G的磁盘空间
  • 是否链接到互联网
  • 是否连接了电源

只有磁盘空间是必要条件。

在上一个步骤中提到过,你可以在安装Xubuntu的过程中不安装更新包。在系统安装完成以后再安装更新包也是可以的。

安装过程中,如果电池电量耗完的话,你才必须要链接到到电源。

请注意,如果你连网了,这里有一个关闭安装过程中下载更新包的复选框。

这里还有一个复选框,提示你是否安装用于播放MP3或者Flash视频的第三方软件,当然,这些内容也可以在安装完成以后进行。

选择安装类型

选择安装类型

接下来的步骤是选择安装类型。显示哪些选项,取决于之前电脑上安装了什么系统。

在我的示例中,我已经安装了Ubuntu MATE,所以,我的选项是重装Ubuntu、删除并且重装、安装Xubuntu和Ubuntu双系统,或者其它。

如果你的计算机上安装了Windows,那么你得到的选项就是,安装双系统,使用Xubuntu替换Windows或者其他。

这个教程只是用来说明如何在计算机上安装Xubuntu,而不是怎么安装双系统,那将是一个完全不同的教程。

选择使用Xubuntu替换当前系统,然后点击“Continue”。

备注:这会导致你的磁盘被完全清除,在继续安装之前,你应该备份你的数据。

选择安装磁盘

清除磁盘并且安装Xubuntu

选择你要安装Xubuntu的磁盘。

点击“Install Now”。

这时候会弹出一个警告窗口,会提示你选择的磁盘驱动器会被完全清除,然后会显示一个新创建的分区列表。

备注:这是你改变主意的最后一个机会,如果你点击继续,磁盘就会被完全清除,然后开始安装Xubuntu。

点击“Continue”来安装Xubuntu。

选择地区

选择地区

这个步骤中,你需要通过点击底图来选择你的地区。系统根据你的选择来设置时区,这样,你的时钟就可以显示正确的时间了。

选择以后点击“Continue”。

选择键盘布局

选择键盘布局

选择你的键盘布局。

在左边的列表中选择键盘语言,然后在右边的列表显示确切的键盘布局。

你也可以点击“Detect Keyboard Layout”让系统选择最适合的键盘布局。

如果你需要确认键盘布局是否正确,可以在“Type here to test your keyboard”输入字符。你需要特别注意fn键和一些符号,例如英镑和美元符号。

如果在安装过程中没有设置正确也没关系,安装完成以后在Xubuntu系统设置中也可以进行调整。

新增用户

新增用户

为了使用Xubuntu,你至少需要设置一个用户,因此安装程序需要你设置一个默认用户。

在前两个输入框里面,输入你的名字以及用来识别你的计算机的名字。

为用户选择一个用户名并且创建一个密码。为了保证你的密码输入正确,你需要输入两遍。

如果你想要系统自动登入,而不是在每次启动的时候输入密码,选择“Log in automatically”。对于我来说,我肯定不会选择这个选项。

更好的选项是“Require my password to log in”,并且如果你想要更高的安全等级,勾选“Encrypt my home folder”选项。

点击“Continue”然后继续。

等待安装完成

等待安装完成

这个步骤中,将会拷贝文件到你的电脑,并且安装Xubuntu。

在这个过程中,你会看到一个简短的幻灯片。在这个时候你可以去泡一杯咖啡或者放松一下。

安装完成以后,会弹出提示告诉你是否重新启动,并且开始体验一下新安装的Xubuntu系统。

准备好了么?拔掉启动盘重新启动吧。

备注:在UEFI机器上面安装Xubuntu的话,需要一些额外的步骤,在这个教程里面没有提到。关于这方面的内容,且听下回分解。

via : http://linux.about.com/od/howtos/ss/A-Step-By-Step-Guide-To-Installing-Xubuntu-Linux.htm#step-heading

作者:Gary Newell 译者:zhouj-sh 校对:Caroline

本文由 LCTT 原创翻译,Linux中国 荣誉推出

Cinnamon是一个提供了高级创新特性和传统用户体验的Linux桌面环境。桌面布局和Gnome 2相似。底层的技术与Gnome Shell相似。它的重点是让用户以熟悉的方式得到简单和舒适的桌面体验。

本篇中我们会展示一个快速的方法来重启Cinnamon而不用在崩溃后登出或者重启。

下图是Cinnamon桌面崩溃后,文本和图标从菜单和面板消失了。

要重启Cinnamon,按下Alt + F2 将会打开一个命令菜单,输入r并按下回车。

Cinnamon应该会重新在面板和菜单中显示图标和文本了。

试试吧!


via: http://www.unixmen.com/quick-tip-restart-cinnamon-crash/

作者:Enock Seth Nyamador 译者:geekpi 校对:wxy

本文由 LCTT 原创翻译,Linux中国 荣誉推出

问题:我正尝试使用curl命令获取一个URL,但除此之外我还想在传出的HTTP请求中设置一些自定义的头部字段。我如何能够在curl中使用自定义的HTTP头呢?

curl是一个强大的命令行工具,它可以通过网络将信息传递给服务器或者从服务器获取数据。他支持很多的传输协议,尤其是HTTP/HTTPS以及其他诸如FTP/FTPS, RTSP, POP3/POP3S, SCP, IMAP/IMAPS协议等。当你使用curl向一个URL发送HTTP请求的时候,它会使用一个默认只包含必要的头部字段(如:User-Agent, Host, and Accept)的HTTP头。

在一些个例中,或许你想要在一个HTTP请求中覆盖掉默认的HTTP头或者添加一个新的自定义头部字段。例如,你或许想要重写“HOST”字段来测试一个负载均衡,或者通过重写"User-Agent"字符串来假冒特定浏览器以解决一些访问限制的问题。

为了解决所有这些问题,curl提供了一个简单的方法来完全控制传出HTTP请求的HTTP头。你需要的这个参数是“-H” 或者 “--header”。

为了定义多个HTTP头部字段,"-H"选项可以在curl命令中被多次指定。

例如:以下命令设置了3个HTTP头部字段。也就是说,重写了“HOST”字段,并且添加了两个字段("Accept-Language" 和 "Cookie")

$ curl -H 'Host: 157.166.226.25' -H 'Accept-Language: es' -H 'Cookie: ID=1234' http://cnn.com

对于"User-Agent", "Cookie", "Host"这类标准的HTTP头部字段,通常会有另外一种设置方法。curl命令提供了特定的选项来对这些头部字段进行设置:

  • -A (or --user-agent): 设置 "User-Agent" 字段.
  • -b (or --cookie): 设置 "Cookie" 字段.
  • -e (or --referer): 设置 "Referer" 字段.

例如,以下两个命令是等效的。这两个命令同样都对HTTP头的"User-Agent"字符串进行了更改。

$ curl -H "User-Agent: my browser" http://cnn.com
$ curl -A "my browser" http://cnn.com

wget是另外一个类似于curl,可以用来获取URL的命令行工具。并且wget也一样允许你使用一个自定义的HTTP头。点击这里查看wget命令的详细信息。


via: http://ask.xmodulo.com/custom-http-header-curl.html

译者:Ping 校对:wxy

本文由 LCTT 原创翻译,Linux中国 荣誉推出

这篇文章会教你如何避免在ELemetary OS Freya中出现两个Google Chrome 图标

Chrome才是我在所有系统中使用的主浏览器。Modori 是默认放在dock中的浏览器,所以你每次使用Chrome时都需要在Slingshot中搜索Google Chrome,而为了节省时间,我通常会将它“保持在dock”中。

这里的问题是当你点击dock中的Chrome图标时,它会创建另外一个Google Chrome的实例。这就在dock中留下两个Chrome图标,这或许你可以不在意,但是很显然处女座不能忍!如果你有相同的感受,让我们看下如何移除这第二个Google Chrome图标。

在Elementary OS Freya的dock中删除第二个Google Chrome 图标

第一步:

从dock中删除Google Chrome。

第二步:

打开终端并使用下面的命令:

cp /usr/share/applications/google-chrome.desktop ~/.local/share/applications

第三步:

接下来我们要编辑google-chrome.destop文件。使用下面的命令:

scratch-text-editor ~/.local/share/applications/google-chrome.desktop

这会用Scratch打开google-chrome.destop文件。在[Desktop Entry]段落下,加入下面的行:

StartupWMClass=Google-chrome-stable

看上去像这样:

第四步:

进入Slingshot并且再次打开Google Chrome。再次选择“keep in dock”。关闭并重新打开它来验证它是否在dock中打开了另外一个新的Chrome图标。这里不需要重启系统。

我希望这篇提示能够帮助你删除Elementary OS Freya中多出的Chrome图标。有任何问题或建议让我在评论区中知道。


via: http://itsfoss.com/rid-google-chrome-icons-dock-elementary-os-freya/

作者:Abhishek 译者:geekpi 校对:wxy

本文由 LCTT 原创翻译,Linux中国 荣誉推出