编写github博客

hexo

安装

npm install hexo-deployer-git --save

npm install hexo --save

npm install hexo-server --save

安装运行依赖

npm install

生成静态文件

hexo generate

在线预览

hexo server

next主题

jekyll

推荐博客样式

https://github.com/fzy-Line/fzy-Line.github.io

安装ruby

从官网下载包

• 安装jekyll

sudo gem install jekyll
sudo gem install jekyll-paginate

代码高亮

修改配置文件

修改Jekyll的配置文件_config.yml，将markdown选项改为kramdown，highlighter和syntax_highlighter都改为rouge.

highlighter: rouge
markdown: kramdown
kramdown:
  input: GFM
  syntax_highlighter: rouge

配置高亮样式

• 首先安装rouge，然后生成对应主题的css文件

sudo gem install rouge
rougify style monokai.sublime > static/css/syntax.css

• 将这个css文件放到_layouts.content.html中即可。

<link rel="stylesheet" href="/static/css/syntax.css"/>

• 修改背景色

如果需要修改代码块的背景颜色的话，修改syntax.css中的背景配色即可。Sublime的背景色为 #272822，Atom的背景色为 #282C34.

pre[class='highlight'] {background-color:#272822;}