jekyll && github建个人博客

安装jekyll及Minimal Mistakes主题

1. fork Minimal Mistakes theme && 重命名repo为你的username.github.io && git clone到本地
2. 删除如下不需要的文件：
   • .editorconfig
   • .gitattributes
   • .github
   • docs
   • test
   • CHANGELOG.md
   • minimal-mistakes-jekyll.gemspec
   • README.md
   • screenshot-layouts.png
   • screenshot.png
3. 在Gemfile添加如下两行
   • gem “jekyll”, “~> 3.5”
   • gem “minimal-mistakes-jekyll”
4. 在_config.yml添加主题
   • theme: minimal-mistakes-jekyll
5. 执行bundle update命令安装
6. 本地启动jekyll博客：bundle exec jekyll serve
7. git push && 访问http://username.github.io博客

Jekyll代码样式

Jekyll默认代码样式背景太暗了，最好定制为大家喜欢的代码高亮色。
在_sass/minimal-mistakes/_variables.scss替换原来syntax highlighting为如下样式：

/* solarized light syntax highlighting (base16) */  
$base00: #fafafa !default;  
$base01: #073642 !default;  
$base02: #586e75 !default;  
$base03: #657b83 !default;  
$base04: #839496 !default;  
$base05: #586e75 !default;  
$base06: #eee8d5 !default;  
$base07: #fdf6e3 !default;  
$base08: #dc322f !default;  
$base09: #cb4b16 !default;  
$base0a: #b58900 !default;  
$base0b: #859900 !default;  
$base0c: #2aa198 !default;  
$base0d: #268bd2 !default;  
$base0e: #6c71c4 !default;  
$base0f: #d33682 !default;  

具体可参见官方stylesheets

参考

https://mmistakes.github.io/minimal-mistakes/docs/quick-start-guide/