三分钟创建一个简单精致的 About Me 页面

发表于 · 分类于 Programmer

一个「About Me」页面,能够使别人快速的对你有一个大致的了解。

使用 GitHub 提供的 Pages 服务,可以将静态的网页托管在 GitHub 上。而 GitHub Pages 默认的 Jekyll 使得静态网页得以很方便的配置化。

我的 About Me 页面精雕细琢,并且页面的内容均提取成 yaml 配置文件,使大家可以简单几步就创建自己的 About Me 页面。

特点

  1. 托管在 GitHub Pages 上,不需要服务器,不需要注册域名(也可以绑定自己的域名)
  2. 使用 GitHub Pages 上的 Jekyll 自动构建,不需要任何学习成本
  3. 所有内容均配置化,一看就知道如何修改
  4. GitHub Repos 的信息会自动抓取
  5. 适配了桌面端和移动端,简单精致

创建自己的页面

注意,下面使用 ${} 包装的部分需要替换为你自己的内容

  1. Fork 这个仓库
  2. 将仓库名更新为 ${YOUR_GITHUB_ID}.github.io
  3. 更新 CNAME${YOUR_DOMAIN},并且在域名的 DNS Records 中,为它添加一个 CNAME 记录指向 ${YOUR_GITHUB_ID}.github.io(如果你没有域名,将此文件留空即可)
  4. 更新 _config.yml 以及 assets/img/ 中的图片资源
  5. 打开 ${YOUR_DOMAIN} 看看吧!(如果你没有域名,请打开 ${YOUR_GITHUB_ID}.github.io

来创建自己的 About Me 页面吧!

继续阅读


继续阅读


随手撸了个测试屏幕坏点的网页

发表于 · 分类于 Programmer

发表在 V2EX 上:https://www.v2ex.com/t/335504

新入手的 MacBook Pro 需要测试屏幕坏点,随手撸了一个,需要的人拿去吧~

GitHub: https://github.com/hack1day/full-color-screen

Usage

  • Open http://full-color-screen.hack1day.com
  • Press SPACE or ENTER or click anywhere to switch colors
  • Press H or click top-left corner to toggle help
  • Press F or click top-right corner to toggle fullscreen

手机适配没有做,等下次需要测试手机的时候再做吧。

发现一个作死的玩法,按住空格不动。。。

继续阅读


我写的第一本书《TypeScript 入门教程》

发表于 · 分类于 Programmer

持续了大半年的学习和写作,在今天终于告一段落了。

写书之旅

最初有写书的想法,是刚加入微软的时候。

由于工作中需要重度使用 TypeScript,所以我花了几天的时间研读了好几遍官方手册和中文翻译版。

对于一个把 OOP 早就还给老师的人,有些概念并不是很好理解,再加上官方手册跳跃般的学习曲线,我觉得我可以抓住这次学习的机会,把整个学习的过程总结下来。

一开始,取名为《From JavaScript to TypeScript》,寓意此书的作者并不是 TypeScript 的专家,而是一个新手。

其实这不一定是个劣势,因为有些坑,只有新手才能理解。我希望尽可能的还原第一次学习的场景,帮助大家更容易的理解 TypeScript。

于是,我开始了我的写书之旅。

继续阅读


继续阅读


© 2012 - 2017 Xcat Liu
Hexo 强力驱动 · 主题 Mobi.css