jekyll+GithubPage搭建一个免费的个人网站

news2024/10/5 14:38:09

文章目录

    • Jekyll环境搭建
      • windows安装RUBY、gem、Jekyll
      • 用Jekyll搭建本地博客
    • 用jekyll模板搭建githubpage

Jekyll环境搭建

windows安装RUBY、gem、Jekyll

  1. 安装ruby
    RUBY安装包下载地址:https://rubyinstaller.org/downloads/,一路默认选项next即可。
    最后安装完成后,会让选择一下MSYS2的安装内容,做网页的话选1就行。
    在这里插入图片描述
    安装完成后,在终端输入ruby -v显示ruby版本,代表安装成功。
  2. 安装gem
    gem是ruby的一个包管理器,类似与pip对python。
    gem下载地址:https://rubygems.org/pages/download
    下载到zip到本地后,解压,cd到解压目录,运行’ruby setup.rb,将gem安装到ruby目录中,就可以使用gem管理ruby的包了。
  3. 安装jekyll和bundler,bundler是管理ruby项目一系列gem的工具,就像ios 包管理工具的cocopods一样。bundler会根据gemfile文件定义的约束去管理这些gem。(具体啥作用我也没搞明白,装了再说)
gem install jekyll bundler

安装完成后,输入jekyll -v,检查是否成功安装。

用Jekyll搭建本地博客

  1. 选取想要的主题
    Jekyll官网有很多主题,我们可以选用一个作为base,然后在上面进行个性化的修改。
    Jekyll中国官网:https://www.jekyll.com.cn/
    Jekyll主题网站:http://jekyllthemes.org/ ,https://jamstackthemes.dev/ssg/jekyll/ ,https://jekyllthemes.io/
  2. git clone一个主题,用终端进入该目录,输入下面命令,在本地开启一个jekyll的服务:
bundle exec jekyll serve

然后就可以进入网页了。

虽然也可以直接不搭建本地环境,直接在githubpage上操作看效果。但在本地调试更有效率。

用jekyll模板搭建githubpage

  1. 直接fork一个模板的github仓库,并更改仓库名字,名字规则为usrname.github.io
    在这里插入图片描述
  2. github设置,Source的设置要看主题使用的jekyll的版本,比较新的用这个GitHub Actions,比较旧的用Deploy from a branch这个选项
    在这里插入图片描述
  3. 到这里网页应该就显示出来了。但有可能一些样式没有加载出来。需要修改_config.yml的baseurl,设置为/目录就可以,否则可能找不到样式。
  4. 如果修改了_config.yml,但网页没有生效,需要用github的服务重新build一下网页。
    先在GitHubPage设置页面中找到这个deployed链接,由此进入网站编译的workflow
    在这里插入图片描述
    然后Re-run all jobs
    在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/452238.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

热闻丨ChatGPT会替代你我吗?让它写了封情书后,我得到答案

ChatGPT毕竟不是人 2023年的科技圈儿被ChatGPT占据,上线仅仅两个月,活跃用户就突破一亿。上知天文下知地理,ChatGPT以它的强大功能让许多人生出疑问:ChatGPT会替代你我吗? 记者挑选了一些尖锐问题进行询问&#xff0…

【碳达峰碳中和】高校用电智慧监管平台的构建

摘 要:介绍了当前高校用电存在的问题,进行了原因分析,由此提出建立高校用电智慧监管平台。对高校用电智慧监管平台的构架进行设计,运用物联网技术,实现各回路实时自主控制,并细化管理权限,实现…

【5天打卡】学习Lodash的第一天——初体验

大家好,最近,我在学习Lodash这个工具库。Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。一款优秀的 JavaScript 工具库,里面包含了大量的工具函数。适用于常见浏览器以及 Node.js 等。 所以我们一起来学习Lodash&#xff0c…

7. 堆的简单学习

7. 堆 7.1 堆的定义 堆是计算机科学中一类特殊的数据结构的统称,堆通常可以被看做是一棵完全二叉树的数组实现。 堆的特性: 它是完全二叉树,除了树的最后一层结点不需要是满的,其它的每一层从左到右都是满的,如果最…

持续集成 在 Linux 上搭建 Jenkins,自动构建接口测试

本篇把从 0 开始搭建 Jenkins 的过程分享给大家,希望对小伙伴们有所帮助。 文章目录 在 Linux 上安装 Jenkins 在 Linux 上安装 Git 在 Linux 上安装 Python 在 Linux 上安装 Allure 配置 Jenkins jenkins 赋能 - 使用邮箱发送测试报告 jenkins 赋能 - 优化测试报告…

比ChatGPT更好用的Claude来了

比ChatGPT更好用的Claude来了,不需要魔法上网!!! claude官网 点击 add to slack slack跟discord有点类似,先要去slack注册账号 登录之后就添加创建一个工作区 添加 不过现在已经停止添加了,会出现App u…

mySQL1(4/17)

目录 1. 2.字符集 3. 4.update搭配order by 和limit 5.drop table 和delete from 表名 6.主键 primary key 7.修改表 8.外键的父与子的约束关系 9.案例 10.把一个表的内容完全复制到另一个空表中去 11.更复杂的查询 12.group by 分组 13.联合查询 14.内连接和外连…

世界读书日-多读书,读好书!

我们为什么要读书,它可以让你在看到落日余晖的时候脑海中浮现的是“落霞与孤鹜齐飞”“秋水共长天一色”,而不是“哇,夕阳真好看”。在看到漫天飞舞的雪花时,能脱口而出“忽如一夜春风来,千树万树梨花开”,…

xilinx zynq+vitis实现命令行编译输出xsa以及bin文件

执行菜单命令【开始】—【所有程序】—【Xilinx Design Tools】—【Vivado2020.1】—【Vivado2020.1Tcl Shell】,弹出命令界面 或者cmd命令下输入call D:\soft_install\vivado2020.1\Vivado\2020.1\bin\vivado.bat -mode tcl 2.输入打开工程指令: open_project …

vue3配置router路由并实现页面跳转

1、安装vue-router 用vue3需要安装版本4.0以上的vue-router,安装命令: npm install vue-routernext --savevue2尽量安装4.0以下版本,安装命令: npm i vue-router3.1.3在package.json中可以查看vue-router版本号: 2、…

2399929 - 业务伙伴同步时出现错误 F2163

症状 无法保存供应商角色中业务伙伴的更改。在事务代码 MDS_PPO2 中从 BP 到供应商同步期间出现错误“尚未创建供应商 **(错误消息:F2 163)”。 环境 SAP ERP Central Component 6.0 SAP ERP 6.0 SAP ERP 的 SAP 增强包SAP ERP&#xff08…

LinkedBlockingQueue原理

1. 基本的入队出队 public class LinkedBlockingQueue<E> extends AbstractQueue<E>implements BlockingQueue<E>, java.io.Serializable {static class Node<E> {E item;/*** 下列三种情况之一* - 真正的后继节点* - 自己, 发生在出队时* - null, 表…

第八章 适配器模式

文章目录 前言一、类适配器模式完整代码220V 被适配类 Voltage220V5V 适配接口 IVoltage5V适配器类转换电压 VoltageAdapter 继承220V实现5V接口手机类判断是否能充电 Phone客户端调试类适配器模式注意事项和细节 二、对象适配器模式完整代码220V 被适配类 Voltage220V5V 适配接…

Go 语言入门很简单:Go 实现简易Web应用

前言 截止到目前为止&#xff0c;几乎我们的 Go 入门文章都是在终端运行的。 在终端运行的代码或者运用运用程序只适合自己在环境搭好的环境下使用。也就是说&#xff0c;如果用户没有安装 Go 语言环境&#xff0c;是根本没法运行我们所写的 Go 代码&#xff0c;普通用户可以…

美女如何零基础学习网络安全???

学习网络安全是一项极具挑战性的技能&#xff0c;大家在自学网络安全时&#xff0c;往往会遇到各种问题&#xff0c;导致迷茫。面对这种情况&#xff0c;解决源头问题是关键。因此&#xff0c;在接下来的探讨中&#xff0c;我们将首先分析学习网络安全的常见问题&#xff0c;并…

初识Spring(普通方式Bean的读取过程)

1.SpringBoot 相⽐于 Servlet 的优点总结 1. 添加外部 jar 更容易&#xff0c;不易出错&#xff08;版本问题⽆需关注&#xff09;&#xff1b; 2. 调试项⽬更加⽅便&#xff0c;⽆需配置 Tomcat&#xff1b; 3. 发布项⽬更加⽅便&#xff0c;⽆需配置 Tomcat&#xff1b; 4. …

【iOS】—— 响应者链和事件传递链

响应者链和事件传递链 文章目录 响应者链和事件传递链二者概念响应者响应链事件UIKit继承图UIResponderUITouchUITouch几个重要属性 UITouch的两个方法&#xff08;可用于view的拖拽&#xff09; UIEventUIEvent几个重要属性 事件的产生与传递传递链传递过程hitTest:withEvent:…

多路归并排序

内部排序和外部排序 内部排序&#xff1a;整个的排序过程都在内存中进行排序 外部排序&#xff1a;对大文件进行排序&#xff0c;无法将整个需要排序的文件复制到内存&#xff0c;所以会把文件存储到外村&#xff0c;等排序时再把数据一部分一部分地调入内存进行排序&#xff…

Java基础一(String)

Java基础一(String) 概览&#xff1a; String 被声明为 final&#xff0c;因此它不可被继承。(Integer 等包装类也不能被继承&#xff09; 在 Java 8 中&#xff0c;String 内部使用 char 数组存储数据。 public final class Stringimplements java.io.Serializable, Compa…

盘点并发编程的12种业务场景,面试别再说你不会并发了

前言 并发编程是一项非常重要的技术&#xff0c;无论在面试&#xff0c;还是工作中出现的频率非常高。 并发编程说白了就是多线程编程&#xff0c;但多线程一定比单线程效率更高&#xff1f; 答&#xff1a;不一定&#xff0c;要看具体业务场景。 毕竟如果使用了多线程&…