BeerToast的个人博客

如何使用 Github Pages 快速搭建博客?

2019-05-06

理解

  1. 你得有一个项目,然后在项目的Settings>GitHub Pages>Source中选择你的Github Pages来源。
  2. Github Pages是支持jekyll的,在上一步中,如果你选择的是master分支,确保你的项目文件结构和jekyll项目保持一致;如果你选择的是docs\,确保该文件夹结构与jekyll一致。
  3. 完成上面两步,每次你commit你的代码。Github Pages会自动生成/更新静态页面。

具体步骤

所以,我们只要clone or download别的Github Pages项目,修改样式,变成我们自己的项目就好了。当然,有兴趣,有时间,你也可以自己安装jekyll,从头开始。

  1. Supported themes或者jekyll-theme选择一个主题,然后fork或者clone或者downlod。(ps:本站使用的是gaohaoyang.github.io)
  2. 本地开发。
    • 安装jekyll环境。
    • 在你的项目根目录,编辑Gemfile文件,内容如下
       source 'https://rubygems.org'
       gem 'github-pages', group: :jekyll_plugins
      
    • 安装依赖。
       $ bundle install
       > Fetching gem metadata from https://rubygems.org/............
       > Fetching version metadata from https://rubygems.org/...
       > Fetching dependency metadata from https://rubygems.org/..
       > Resolving dependencies...
      
    • 运行如下命令,在浏览器访问http://127.0.0.1:4000
       $ bundle exec jekyll serve
       ...
       Server address: http://127.0.0.1:4000/
       Server running... 
       press ctrl-c to stop.
      
  3. 使用SublmeText3编辑markdown文件,安装MarkdownEditing插件。
  4. 到了这里,你就照葫芦画瓢发布文章就行了,然后commit_posts文章的目录。

评论

大纲