nicejade / nicejade.github.io

Main Blog: (晚晴幽草轩)https://jeffjade.com ;This Is Second: (天意人间舫)
https://blog.lovejade.cn
MIT License
13 stars 13 forks source link
blog front-end javascript jekyll

天意人间舫

微注: 个人主博客(基于 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 命令即可。

分支说明

优化日志

改善访问体验,引入 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),可以拥有锚链接;同时,使其采用懒加载默认,从而改善访问体验。