创建github个人站点

首先,在github上面创建一个名为“xxx.github.io”的项目(其中xxx为对应github.com的用户名),下面是有了该项目后如何在本地创建相应的WEB项目,并且创建完成后上传即可:

1.安装Ruby,需要用到gem命令:

sudo apt-get install ruby

2.安装jekyll

gem install jekyll

执行此命令时会有如下错误提示:

guochongxin@slam:~$ gem install jekyll
ERROR:Could not find a valid gem 'jekyll' (>= 0), here is why:
Unable to download data from https://rubygems.org/ - Errno::ECONNRESET: Connection reset by peer - SSL_connect (https://api.rubygems.org/latest_specs.4.8.gz)

访问不到rubygens.org,执行如下命令换个源:

gem sources --add https://ruby.taobao.org/ --remove https://rubygems.org/

接下来继续安装jekyll(多了sudo),会有如下错误提示:

guochongxin@slam:~$ sudo gem install jekyll
Fetching: ffi-1.9.10.gem (100%)
Building native extensions.This could take a while...
ERROR:Error installing jekyll:
ERROR: Failed to build gem native extension.
/usr/bin/ruby2.1 extconf.rb
mkmf.rb can't find header files for ruby at /usr/lib/ruby/include/ruby.h
extconf failed, exit code 1
Gem files will remain installed in /var/lib/gems/2.1.0/gems/ffi-1.9.10 for inspection.
Results logged to /var/lib/gems/2.1.0/extensions/x86_64-linux/2.1.0/ffi-1.9.10/gem_make.out

此时执行如下命令可解决该问题:

sudo apt-get install ruby-dev

执行后再执行如下命令进行安装:

sudo gem install jekyll

3.创建jekyll site

安装好工具后,接下来Clone项目并创建相应的jekyll website:

cd ~
git clone https://github.com/guochongxin/guochongxin.github.io.git
cd guochongxin.github.io/

执行完上述三命令后,将创建的github项目克隆并进入到项目目录,接下来执行如下命令创建website:

jekyll new . --force

4.预览创建的site

执行jekyll serve命令,使用网页浏览器访问http://127.0.0.1:4000即可本地测试了。

5.提交github

上面验证好后,执行如下命令提交到github上面:

git add --all
git commit -m "Create Jekyll Static Website"
git push origin master

6.访问github个人网站

代码提交后,等待一会,打开网页浏览器访问guochongxin.github.io,就可以刷出页面了。

7.后记

在创建的jekyll项目的_posts目录下,创建相应的MarkDown文件,一个文件对应一个文章。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

stxinu

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值