hd-jichao/nicejade.github.io

Main Blog: (晚晴幽草轩)https://jeffjade.com ；This Is Second: (天意人间舫)

天意人间舫

微注： 个人主博客(基于 Hexo)地址是: https://jeffjade.com；此博客原作者博文地址：http://yansu.org，Fork 于 2016 年初；之后，有对风格做了蛮多改变，同时对访问速度有所优化；如今，也是据依所学，偶有更新。

Fork 说明

14 年有用 Jekyll 搭建过博客；无奈那时 Jekyll 还无中文文档以及资料; 每每折腾起来，颇为费劲；15 年初有转投 Hexo 怀抱，即便现在使用 Hexo 也觉其很是方便。 怎奈养成了对于不错主题就想一试其美的冲动；故而此次回归于 Jekyll，欲成就另一个私人空间的同时，也是想试用下写得不错的响应式主题。对于这天意人间舫，有留一篇拙章为之记：晚晴幽草轩,天意人间舫。

安装说明

1. 注册 Github 账号，并 fork 库到自己的 github(须验证邮箱)；
2. 进入 Setting, 修改名字为：username.github.io,并启用 github Page 服务；
3. clone 库到本地，参考 _posts 中的目录结构自己创建适合自己的文章目录结构；
4. 修改 CNAME （如果无个人域名，可删掉这个文件，使用默认域名）；
5. 修改 _config.yml 配置项，然后就大功告成了！当然，你可以修改更多。

微注： 对 .scss 文件的转化，只需执行： sass --watch assets/_sass/style.scss:assets/css/style.css --trace,当然，这需要注意下相对路径；具体可参见 SASS 用法指南,如是生产环境，执行 sass --style compressed ./assets/_sass/style.scss ./assets/css/style.css 命令即可。

分支说明

• 三栏布局（master分支，基于3-Jekyll）
• 三栏布局 (bootstrap-based分支，基于Bootstrap)
• 单栏布局（first-ui分支，基于Bootstrap）

优化日志

改善访问体验，引入 Pwa

(Update@11 月 14)为跟上下一代 Web 应用的进程，有为网站引入 PWA 相关技术；添加 Web App Manifest，支持添加此博客到设备屏幕；注入了 Service Worker，提升了访问速度，优化了渲染性能，支持部分浏览器离线访问等。PWA 相关技术，可参见 nice-front-end-tutorial: pwa。

改善体验，引入 AnchorJS

(Update@11 月 26)，引入 AnchorJS (Add deep anchor links to your docs.)，使得文章每个标题(h1 ~ h4)，可以拥有锚链接；同时，使其采用懒加载默认，从而改善访问体验。