简单有效的使用GitHub Pages + Jekyll搭建个人网站

构建Github Pages

构建 Github Pages 有两种方式:

  • 自己创建
  • fork别人的仓库改名字

创建都比较简单,但记住一点***仓库名一定是yourname.github.io*** 具体可以参考网络上任意一篇文章。
我的方式建议fork被人改自己名字。

配置 Jekyll 环境

首先我们去 Jekyll主题网站去选个主题 传送门 选中一个主题后点击进去,然后可以点击 demo按钮去预览,如何满意我们就点击“HomePage” 可以Fork这个仓库直接改名,你也可以把仓库内容复制到你的仓库下。

安装基本环境

参考 Jekyll Docs 安装 Ruby,RubyGems,Jekyll 和 Bundler

注意64位的选x64

按照指引安装,有报错啥的记得看报错信息八成是要update

上述都有安装好了之后我们就可以去你的仓库下预览网页内容了。

本地网页预览

预览前记得阅读一下人家主题仓库里写的 README.md,

$: bundle install
$: bundle exec jekyll serve

如果bundle install 没成功记得使用 bundle update.
成功之后会有如下输出
Server address: http://127.0.0.1:4000/

在你浏览器查看 http://localhost:4000!

好了就这么简单,有问题可以私信

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
GitHub Pages和Jekyll是一种搭建个人站点的方式。GitHub Pages提供了一个托管静态网页的平台,而Jekyll则是一种静态网页生成器。通过结合使用GitHub Pages和Jekyll,我们可以在GitHub上快速搭建个人博客或网站GitHub Pages和Jekyll搭建步骤可以参考以下链接提供的教程和文档: 1. [GitHub Pages和Jekyll搭建步骤](https://zhonguncle.github.io) 这篇文章介绍了使用GitHub Pages和Jekyll搭建博客网站的详细步骤。 2. [GitHub Pages和Jekyll的原理和机制](https://scottcgi.github.io) 这篇文章解释了Jekyll的原理、机制和结构,对于想深入了解Jekyll的人来说非常有用。 3. [常用的Jekyll命令手册](https://scottcgi.github.io) 这篇手册列出了一些常用的Jekyll命令,方便你在使用Jekyll过程中进行参考。 通过阅读以上引用的内容,你可以了解如何使用GitHub Pages和Jekyll搭建个人站点,并且可以深入了解Jekyll的原理和常用命令。希望对你有所帮助。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [如何使用JekyllGitHub Pages上搭建网站个人博客)](https://blog.csdn.net/qq_33919450/article/details/127859193)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] - *2* [Github Pages + jekyll 全面介绍极简搭建个人网站和博客](https://blog.csdn.net/tom_221x/article/details/84630283)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值