在 Debian 7上搭建 Ghost 博客

所属：Linux

前段时间，在 Digitalocean 上买了个 $5/M 的 VPS，当时是为了能科学上网，只搭建了个 Shadowsocks 而已，好像有点浪费的样子，而最近刚好又在学习 Node.js 方面的东西，于是就顺便搭了个 Ghost 博客…

下载 Ghost 源码

1
2
3
4
// 下载源码
wget https://ghost.org/zip/ghost-latest.zip
// 解压
unzip -uo ghost-latest.zip -d ghost

目前最新版本是 0.6.4，可以在 Github 或者 Ghost 官方网站上找到。

申请 TexturePacker 免费注册码

所属：Tools

如果你是人开发人员，你需要使用 TexturePacker 工具制作精灵表，则可以通过 https://www.codeandweb.com/request-free-license 申请免费的注册码。

请真实填写你的信息，主要是需要提供你的技术博客。提交申请后返回信息如下：

Please prove that you are the blog’s owner by placing this code somewhere in a post:

TP:E1F2F29E

Place it somewhere where I can easily find it — you can remove the code in about 1-4 days.

你需要在你的博客中包含 TP:E1F2F29E 信息，这样可以证明这个博客是你的，他们会进行审核。

从Hexo迁移到Ghost博客

所属：Hexo

一时心血来潮，在 DO 上搭建了个 Ghost 博客，数据迁移是个问题。
经过短暂的搜索，发现了一个好东西 —— oghost，目测是个外国友人写的。
一个 npm 包，安装和使用都很简单、很方便。

使用方法：

安装 oghost npm 包

1
sudo npm install oghost -g

进入 _post 目录

1
2
cd path/to/source/_posts
oghost > ~/path/to/data.json

VPN PPTP 配置教程

所属：Linux

PPTP 是什么?

PPTP (Point to Point Tunneling Protocol) 即点对点隧道协议，是实现虚拟专用网（VPN）的方式之一。PPTP 使用传输控制协议（TCP），创建控制通道来发送控制命令，以及利用通用路由封装（GRE）通道来封装点对点协议（PPP）数据包以发送数据。

没有自己的 VPS 吗？赶紧到 Digitalocean 上注册一个吧。不然别再浪费时间往下继续看了。哈哈哈！！

安装 PPTP

这以 debian 系统为例，其它 Linux 系统类似。

1
(sudo) apt-get install pptpd

配置 IP 地址

修改 /etc/pptpd.conf 文件，在最后面添加以下两行

1
2
localip 192.168.9.1
remoteip 192.168.9.11-30

这里的 IP 地址可以随便填写，只要是 ABC 三类中的私有地址都可以的，另外需要注意是 IP 地址避免冲突。
这两句话的意思就是当外部计算机通过 PPTP 联接到 VPN 后所能拿到的 IP 地址范围和服务器的IP 地址设置。
localip 是服务器内部使用的网关，remoteip 是分配给客户用的。

CSS 高度100%自适应

所属：CSS

在做移动端 WEB 页面时，遇到了个问题，给 div 设置了 height:100%;
目的是想让它铺满全屏的，先来看看 DEMO1 效果，但发现实际显示效果却不是我们想像的那样。

1
2
3
4
5
6
7
8
9
<style>
  .demo {
    height:100%;
    background-color:red;
  }
</style>
<div class="demo">测试高度为100%是否生效...</div>
`

后来经过测试后发现，跟它父级关。
现在先来看看 DEMO2 的效果

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<style>
  body {
    margin:0;
  }
  html,body {
    height:100%;
  }
  .demo {
    height:100%;
    background-color:red;
  }
</style>
<div class="demo">测试高度为100%是否生效...</div>

在 DEMO 里可以看到 div 的父级是 body 元素，而 div 的高度是否可以使用百分比来显示，取决于它的父元素。
浏览器渲染时 body 默认是没有设置高度的，所以即便我们在 DEMO1 里给 div 设置了 height:100%; 也不铺满全屏的。
因此，在 DEMO2 给 html/body 标签加上 height:100%; 后，那才是我们要效果。

参考资料