Featured image of post 用 Jekyll + Github 建立静态站点

用 Jekyll + Github 建立静态站点

新建库

建立一个用户名开头的库,如我的 github 用户名是 martinliu, 新建的库的名字为 martinliu.github.io ; 这个库将是存放 web 页面的。包括该域名下的站点的所有相关页码代码文件和相关 css,图片等文件。

更新并上传新库

参考的命令如下:

[bash] git clone https://github.com/martinliu/martinliu.github.io cd martinliu.github.io echo “Martin Liu’s Github Homepage” > index.html git add –all git commit -m “Initial commit” git push -u origin master [/bash]

打开浏览器测试你的网站,访问网址: http://martinliu.github.io , 你已经可以看到你的初始化页码了。

Jekyll 博客系统

Github 网站上推荐使用 Jekyll 创建和管理这个博客系统。它是支持 Markdown 语法,不需要使用数据库,纯文本的静态网站和博客系统。使用它可以建立和管理一个风格美观,容易管理的网站,生成的网页可以上传到以上生成的网站库中。

安装 Jekyll 系统

我的测试系统:Fedora 23。操作步骤如下。 安装依赖的包和 ruby 环境

[bash] dnf install ruby  ruby-devel gem gcc libffi redhat-rpm-config [/bash]

更用国内的 rubygem 源 [bash] gem source -r https://rubygems.org/ gem source -a http://mirrors.aliyun.com/rubygems/ gem update –system

gem install jekyll [/bash]

##本地测试 jekyll 站点 进入克隆到本地的库,并创建 jekyll 站点。

[bash] cd martinliu.github.io rm index.html

jekyll new . New jekyll site installed in /root/martinliu.github.io. [root@demo-w540 martinliu.github.io]# ls about.md     css       _includes   _layouts  _sass _config.yml  feed.xml  index.html  _posts [root@demo-w540 martinliu.github.io]# jekyll server Configuration file: /root/martinliu.github.io/_config.yml Source: /root/martinliu.github.io Destination: /root/martinliu.github.io/_site Incremental build: disabled. Enable with –incremental Generating… done in 0.205 seconds. Auto-regeneration: enabled for ‘/root/martinliu.github.io’ Configuration file: /root/martinliu.github.io/_config.yml Server address: http://127.0.0.1:4000/ Server running… press ctrl-c to stop. [/bash]

编辑站点的相关文件,测试成功之后,在上传到 github 上,然可到 maritnliu.github.io 上检查和本地的显示效果是否相同。

署名-非商业性使用-禁止演绎 4.0 (CC BY-NC-ND 4.0)
comments powered by Disqus
本博客始于 2007 年
Built with Hugo
主题 StackJimmy 设计