基本步奏

  • 拥有自己的github账户,去官网注册.
  • 创建新的repository,名字叫做you-name.github.io
  • 在本库中添加一个文件叫做index.html, 在里面加上一些内容。
  • 提交成功后查看自己网站you-name.github.io.

使用Jekyll

官网推荐的使用这个工具来编写自己的博客,研究了下,它是用的ruby语言写的,提供了静态生成博客的方法,简单好用。 首先需要安装RubyRubyGems

# Install Jekyll and Bundler gems through RubyGems
~$ gem install jekyll bundler

# Create a new Jekyll site at ./myblog
~$ jekyll new myblog

# Change into your new directory
~ $ cd myblog

# Build the site on the preview server
~/myblog $ bundle exec jekyll serve

# Now browse to http://localhost:4000

在本地浏览器中看到结果后,就可以在本地调试自己的静态网页了。去myblog文件夹下查看目录结构一般如下:

├── _config.yml
├── _data
|   └── members.yml
├── _drafts
|   ├── begin-with-the-crazy-ideas.md
|   └── on-simplicity-in-technology.md
├── _includes
|   ├── footer.html
|   └── header.html
├── _layouts
|   ├── default.html
|   └── post.html
├── _posts
|   ├── 2007-10-29-why-every-programmer-should-play-nethack.md
|   └── 2009-04-26-barcamp-boston-4-roundup.md
├── _sass
|   ├── _base.scss
|   └── _layout.scss
├── _site
├── .jekyll-metadata
└── index.html # can also be an `index.md` with valid YAML Frontmatter

  • 其中_config.yml是管理设置的文件,包含本网页是使用的github支持的模板,blog标题,email,twitter等信息。还可以自定义一些变量。
  • _posts是你的静态网页信息,每一篇博客标题为YY-MM-DD-title.MARKUP.每一篇可以单独指定permalinks。
  • _site是生成网页存储的地方(默认的地方)。
  • _index.html或者_index.md是目录,自动生成的,一般不用管它。

我们可以在本地调试自己的网页,试着去修改文件夹_posts下面本来存在的文章2016-12-31-welcome-to-jekyll.markdown 然后是用命令启动本地服务 jekyll server 在浏览器输入localhost:4000打开网页查看结果

最后编写自己的博客,注意标题的格式。修改之后还要 jekyll build 一下。

成功后用git提交到自己最开始建立的repository,再去自己的博客网页查看就行了。

注意: > 可以用自己的域名,具体在目录下新建CNAME的文件,加入你自己的域名 > 当前网页的模板是可以替换的,具体可以查看github支持的网页模板 > 我自己也还很多没搞懂估计,我再研究研究