Skip to main content

打算做个前后端全部自己手写的博客

定个目标,打算做个前后端全部由自己手写的博客,前端采用bootstrap框架,尽量栅格自适应,适用于所有设备。后端采用????Sora大人的kotori框架,功能特性尽量简单明了,目前没写过后端,打算边学边做。要是做到了的话让大家刮目相看。我把这个目标名字叫做“天使家园建造计划”。加油!先把ghost主题这坑填完了再行动。

如何在arm架构的Chrome OS安装Ubuntu

我今天正好有空 写个教程,通过crouton方式专门给arm架构带chrome系统的chrome本,平板电脑,树莓派使用上Ubuntu系统(chrome os 内部包含)。执行的下一步动作的话先下载crouton https://github.com/dnschneid/crouton

1. Unity:
Ubuntu 12.04 with Unity (2D):sudo sh -e ~/Downloads/crouton -r precise -t unity -e
(arm架构unity最多支持12.04)
2.Xfce:
Ubuntu 14.04 with Xfce:sudo sh -e ~/Downloads/crouton -r trusty -t xfce -e

3. kubuntu: sudo sh -e ~/Downloads/crouton -t kde
触摸屏可以试sudo sh -e ~/Downloads/crouton -t touch,kde

类似的可以安装gnome (GNOME Shell), cinnamon, lxde等发行版本。。。
参考:1. http://www.linux.com/learn/tutorials/795730-how-to-easily-install-ubuntu-on-chromebook-with-crouton
2. http://www.webupd8.org/2013/12/install-ubuntu-on-your-chromebook-using.html

请务必使用国内源:mirrors.ustc.edu.cn/ubuntu/ubuntu

调出终端,在键盘上按ctrl+alt+T  参考下我的命令:比如安装Ubuntu14.04的话 sudo sh -e ~/Downloads/crouton -r trusty -t xfce -e -m http://mirrors.ustc.edu.cn/ubuntu/ubuntu/

-m的意思是指向源地址

接着等待安装结束后在终端输入sudo startxfce就可以了

参考:http://tieba.baidu.com/p/3490991713?pid=62200356240&cid=62661091999#62661091999

hp chromebook 14笔记本两周使用感受

我最近想买一款轻博的,续航时间长的笔记本用作出行必备的电脑,纠结了很久,于是选中了chromebook,不过是暂时当作备用机玩玩而已。总体上感觉可以,由于限制比较多,可以安装别的系统,但是有风险,现在杂八素不过不能玩游戏,平时写写文档,上网,看看电影,写写代码什么都够了。优点是续航时间比较长,合上本子不用关机,和macbook续航性能差不多,关键是价格便宜,600元入的二手货。

这货的外观如下:

IMG_20160122_214828 IMG_20160122_214840 IMG_20160126_191423

 

这货的系统界面截图如下:

Screenshot 2016-01-30 at 20.53.45 Screenshot 2016-01-24 at 20.41.03

第一次用上了免费的SSL证书,感觉棒棒哒

在Sora酱推荐下,我使用了一个叫Let’s Encrypt免费的SSL证书,其特点是生成证书不需要经过长时间人工审核,可以在VPS里面生成Pem格式密钥,花不到几分钟可以安装完成。不过有个缺点是有效期是三个月,到时候再次重新生成证书,有点麻烦,所以我给自己设置了一个提醒。原来的付费Comodo证书即将到时,用这种免费证书不过是个好选择。(在使用该SSL之后不小心Mysql挂了,人品真是糟糕 >_< )

证书安装与使用参考教程,可以参考 http://www.vpser.net/build/letsencrypt-free-ssl.html

前端开发利器Emmet插件安装与使用

看清楚哦~~这是Sublime text 3不是2的版本,两者的安装还是有区别的,下面的方法是我感觉比较简单的,其他的要命令什么的感觉太复杂了,经测试是OK的。

先关闭Sublime text 3:

第一步:下载sublime_package_control-master.zip ,解压命名文件夹为Package Control。(注意大小写) 下载

第二步:下载sublime_package_control-python3.zip,解压后覆盖到刚刚的Package Control中,完成插件API函数的更新。下载

第三步:打开Sublime Text 3,选择菜单:Preference–>Browse Package… 浏览插件

第四步:把Package Control复制到此目录,重启 Sublime text 3。

然后菜单Preferences就会多了两个Package..的东西如下: Package Control 安装成功

第五步:

点击菜单Preference–>Package Control

点击Install Package

等待几秒后再弹出如下内容,敲键盘emmet,选择如下:

在 Emmet 安装完成后,会显示如下屏幕:然后会自动安装PyV8,安装完成,重启 Sublime Text 3。

搜索框没有emmet相关内容,手动把emmet插件放入第三步打开的文件夹,emmet插件下载>>

测试:

重启之后还会看到左下角再次呈现 Loading PyV8 的提示,待其载入完毕,打开一个新文档最后测试,输入指令(不行就再重启一下)

ul#test>li*4

按Ctrl+e 生成 代码
最好使用Sublime Text3安装Emmet插件。

另外有其他版本编辑器的EMMET插件,请截击官网:http://www.emmet.io/ 文档:http://docs.emmet.io/

完全用CSS写的网页谷歌图片

<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<!–
Created using JS Bin
http://jsbin.com

Copyright (c) 2015 by anonymous (http://jsbin.com/poqopumiju/1/edit)

Released under the MIT license: http://jsbin.mit-license.org
–>
<meta name=”robots” content=”noindex”>
<title>JS Bin</title>

<style id=”jsbin-css”>
body {
overflow: hidden;
isolation: isolate;
}

.image {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
mix-blend-mode: multiply;
background-image: url(https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png);
background-repeat: no-repeat;
background-position: center;
background-blend-mode: screen;
-webkit-mask-image: url(https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png);
-moz-mask-image: url(https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png);
mask-image: url(https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png);
-webkit-mask-repeat: no-repeat;
-moz-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
-moz-mask-position: center;
mask-position: center;
}

.image.left {
background-color: #0ff;
}

.image.right {
background-color: #ff0;
}

.image.center {
background-color: #f0f;
}

.image.left {
transform: translateX(-2px);
}

.image.right {
transform: translateX(2px);
}
</style>
</head>
<body>
<div class=”image left”></div>
<div class=”image right”></div>
<div class=”image center”></div>
</body>
</html>

 

源自 http://output.jsbin.com/poqopumiju/1/quiet  挂代理看看