No paid templates, no third party designs, 100% designed and built by me.
This is the code base for my website at HTKO.ca. Complete rewrite version 3.
Full responsive. Using a heavily modified version of Bulma to define grid structure; it is CSS only, unopinionated, fast (<200KB!), yet supports all modern flexbox grid conventions. My Gulp build process then compiles SASS & SCSS, copies portfolio items from my local sources, builds it with Hexo, and renders real-time with BrowserSync for a live editing experience. I deploy using Wercker and Git on DigitalOcean due to delta updates for all file types, which means builds deploy in seconds not hours.
Download and install dependencies123456npm install hexo-cli -ggit clone https://github.com/htkoca/htko-site-base.gitcd htko-site-base/sourcesnpm installcd ../scriptsnpm install
Build12npm run copy # copy files from project folder defined in `scripts/config/config.yml`npm run build # live build
- 100% HTKO design.
- Style Structure: Custom lightweight base based on Bulma.
AutoPrefixerto compile sass & scss files to css.
- Portfolio Support: Pull from all local sources.
Gray-Matterfor front matter / build configuration processing.
FS-Extrafor portfolio projects compilation.
- Human ready: Linting, Sourcemapping, Live-editing.
BrowserSyncfor building and rendering.