Skip to content

nicejade/nicejade.github.io

 
 

Repository files navigation

天意人间舫

微注: 个人主博客(基于 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),可以拥有锚链接;同时,使其采用懒加载默认,从而改善访问体验。

About

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

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 43.1%
  • SCSS 29.5%
  • HTML 19.4%
  • Ruby 6.4%
  • CSS 1.4%
  • Shell 0.2%