欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

利用Github搭建个人网站(2)

程序员文章站 2022-04-19 17:14:48
...

套用官方推荐模板

1 官方推荐模板Jekyll

首先我们可以看看官方推荐的模板

利用Github搭建个人网站(2)

Using Jekyll, you can blog using beautiful Markdown syntax, and without having to deal with any databases. Learn how to set up Jekyll.

意思就是使用markdown语法,不用处理数据库相关的细节。

简直是太赞了,不用处理数据库,简直就是福音,学它!

2 下载模板

秉承着不管好不好用,反正先下载保存的原则,我们进入网站:https://jekyllrb.com/docs/

到了网站,发现需要配置很多环境,既然想使用别人的模板,那就配置环境吧。

2.1 配置 Ruby 环境

下载地址:https://www.ruby-lang.org/en/downloads/

安装截图:

利用Github搭建个人网站(2)

把那个勾取消掉,实测没有影响

2.2 配置 RubyGems

这个比较简单,下载解压,然后在命令行进入解压的目录,输入

ruby setup.rb

下载安装包:

利用Github搭建个人网站(2)

部分安装截图:
利用Github搭建个人网站(2)

利用Github搭建个人网站(2)

2.3 配置 Node.js 和 Python 环境

由于自己电脑上本身就有 Node.js 和 Python ,在这里不做介绍。

2.4 配置 Jekyll 和 bundler gems

gem install jekyll bundler
jekyll new myblog
cd myblog
bundle exec jekyll serve

如果下载不下来,或者进度缓慢,建议换镜像,下面是参考:

gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.org/
gem sources -l
https://gems.ruby-china.com #确保只有 gems.ruby-china.com
bundle config mirror.https://rubygems.org https://gems.ruby-china.com

原文地址:https://gems.ruby-china.com/

3 显示网站

在浏览器输入网址:http://localhost:4000 或者 http://127.0.0.1:4000

截图如下:

利用Github搭建个人网站(2)

今天的文章到这里就结束了,下面的文章会讲解具体怎么套用这个模板,大家敬请期待。

相关标签: 个人网页 html