使用Github.io打造个人博客网站

article/2025/10/29 4:16:59

Github.io上可以方便地打造自己的博客网站,相对于CSDN等社区网站来说既没有广告又能凸显个人调性。

建站步骤


建站步骤非常简单

  1. 在个人github上建一个repository,名字必须是username.github.io

  2. 推送一个静态html上去

# clone the prj
git clone https://github.com/username/username.github.io# Hello World
cd username.github.io
echo “Hello World” > index.html# Push it
git add –all
git commit -m “Initial commit”
git push -u origin master
  1. 通过https://username.github.io.就可以访问网页了。

页面优化


Github.io只能静态网页浏览服务,无法通过运行后端代码提供动态功能,所以只能用于博客之类的简单网站,但是我们依然有优化空间,通过优化静态的html页面让网站更漂亮。

github推荐Jekyll这个静态网站构建工具:

Transform your plain text into static websites and blogs.
– Jekyll的Slogan

Jekyll官网的安装需求

  • Ruby version 2.4.0 or above, including all development headers (ruby version can be checked by running ruby -v)
  • RubyGems (which you can check by running gem -v)
  • GCC and Make (in case your system doesn’t have them installed, which you can check by running gcc -v,g++ -v and make -v in your system’s
    command line interface)

我使用呢win10配置了Ruby环境并进行了Jekyll安装:
参考:https://jekyllrb.com/docs/installation/windows/

1. 安装Ruby

Ruby官网 下载Ruby+Devkit 2.6.5-1

2. 安装Jekyll与Bundler

gem install jekyll bundler

3. 使用Jekyll建站

$ bundle exec jekyll new mysite --force
$ cd mysite
$ bundle exec jekyll serve
Configuration file: C:/Users/~~/documents/github/~~/mysite/_config.ymlSource: C:/Users/~~/documents/github/~~/mysiteDestination: C:/Users/~~/documents/github/~~/mysite/_siteIncremental build: disabled. Enable with --incrementalGenerating...Jekyll Feed: Generating feed for postsdone in 2.626 seconds.Auto-regeneration: enabled for 'C:/Users/~~/documents/github/~~/mysite'Server address: http://127.0.0.1:4000/Server running... press ctrl-c to stop.

建站成功,通过http://localhost:4000/可以看到以下页面
在这里插入图片描述

Jekyll目录结构


建站后的目录结构简单说明一下:

  • _posts:博客站默认以markdown的形式投稿,这处理存放投稿的md文件
  • _config.yml:可以对页面的Theme或者Footer等的进行配置
  • about.markdown:页面的about部分
  • Gemfile:使用bundler创建的Gemfile

最后


更多详细内容 参考 https://github.com/jekyll/minima


http://chatgpt.dhexx.cn/article/FwJWA2kW.shtml

相关文章

搭建hexo+Github博客

摘要 本文主要向大家介绍了如何搭建hexo-Github博客的详细过程,有需要的朋友们可以尝试阅读,希望对大家有帮助。 简要吐槽 搭博客其实没那么麻烦,但是在网上各类教程的“指导下”,我不知道放弃了多少次又重新试了多少次&#xff…

GitHub: 个人博客搭建

GitHub: 个人博客搭建 食材:jekyll 工具:GitHub,visual studio code,chrome。 第一步:安装Jekyll,具体参考官方链接 https://www.jekyll.com.cn/docs/step-by-step/01-setup/ 操作指南 安装一个完整的…

hexo+github搭建博客(超级详细版,精细入微)

转载此文章前,请先联系作者,经作者同意后再转载,并请注明原文链接和作者,整理这些不容易,最终版权归作者所有,谢谢合作!移步我的个人博客:https://yafine-blog.cn,阅读体…

用github搭建个人(博客网站

🌈博客主页:卿云阁 💌欢迎关注🎉点赞👍收藏⭐️留言📝 🌟本文由卿云阁原创! 🙏作者水平很有限,如果发现错误,请留言轰炸哦!万分感谢&a…

个人博客构建——github个人博客

摘要 为什么需要构建自己的博客呢?第一,是为解决平台的可能随意删除自己博文,需要有一个不被其他所左右的分享平台,第二,需要一个载体来记录的自己的学习内容,第三,也是为自己自媒体提前做一个…

Hexo+GitHub免费搭建个人博客(保姆级教程)

文章目录 HexoGitHub免费搭建个人博客(保姆级教程)安装依赖环境Git的下载与安装Node.js下载与安装:red_circle:***注意一***:red_circle:***注意二*** Git和Node.js工具工作状态检验:red_circle:**注意三** 安装Hexo:ng:小插曲1:ng:小插曲3: 生成博客文件博客效果预…

教程:纯小白如何搭建自己的Github博客并写第一篇博文

文章目录 1 搭建Github博客1.1 确认github上创建的repository名称1.2 用系统命令行安装hexo并初始化本地博客文件夹1.3 下载并安装hexo NexT主题1.4 更新部署博客页面 2 创建并发布自己的第一篇文章2.1 用hexo new命令创建文章脚本2.2 编辑文章2.3 发布文章/更新博客 写在前面&…

搭建自己的github.io博客

搭建自己的github.io博客 github.io是基于github的repo管理,这意味着咱们对其是有觉得的控制,这个跟放在第三方的平台比,可控性要好太多。下面咱们将详细讲述如何基于github.io打造属于自己的博客网站。 要完成自己的github.io博客网站&…

github个人博客快速搭建教程

文章目录 首先搭建起一个github博客1 左上角标题及简介以及下方的介绍2 评论和访客数3 文章4 Home Archives Categories 和 Tags5 Collections6 Demo7 About 首先搭建起一个github博客 首先建立一个个人博客github仓库。其实只要把 需要的代码 fork下来, 仓库名改为自己的{{gi…

如何使用Github搭建个人博客

介绍 在本文中,我将介绍如何使用GitHub搭建个人博客(免费)。GitHub是一个功能强大的版本控制和协作平台,它也可以用来托管和发布静态网页。通过将你的个人博客托管在GitHub上,你可以享受到版本控制的好处,…

github完成个人博客的搭建过程

依托于github完成个人博客的搭建过程,但目前只完成了基础部分 Todo: {% cb 评论功能,false, false %} {% cb 版权信息,false, false %} {% cb 页面个性化,false, false %} {% cb 云服务器部署,false, false %}  阿里云学生免费领取6个月 {% cb 公网IP访问,false, f…

php书写规范

一、基本约定 1、源文件 &#xff08;1&#xff09;纯PHP代码源文件只使用 <?php 标签&#xff0c;省略关闭标签 ?> &#xff1b; &#xff08;2&#xff09;源文件中PHP代码的编码格式必须是无BOM的UTF-8格式&#xff1b; &#xff08;3&#xff09;使用 Unix LF(换…

SQL书写规范

SQL书写规范可以参考&#xff1a; SQL样式指南 SQL style guide by Simon Holywell

实验报告怎么写之书写规范

实验报告怎么写之书写规范 前几天交深度学习实验报告&#xff0c;由于写得太随意被助教师姐给批了… 之前一直觉得写报告是件特别烦人的事&#xff0c;随便写写就完事了&#xff0c;而且之前课程的实验对报告规范也都无要求&#xff0c;所以我就养成了随便写报告的习惯。但是…

vlc下载视频

好久没有用这个功能&#xff0c;今天突然使用一下发现不知道怎么用了&#xff0c;特此记录。 环境 OS&#xff1a;mac VLC&#xff1a;3.0.6, 官方下载地址&#xff1a;https://www.videolan.org/vlc/index.htmlWindows下载地址&#xff1a;https://www.videolan.org/vlc/do…

Linux 虚拟机与 Linux Live 镜像

Linux 虚拟机与 Linux Live 镜像各有优势&#xff0c;也有不足。 首先我得承认&#xff0c;我非常喜欢频繁尝试新的 Linux 发行版本。然而&#xff0c;我用来测试它们的方法根据每次目标而有所不同。在这篇文章中&#xff0c;我们来看看两种运行 Linux 的模式&#xff1a;虚拟…

kkfileView linux x86架构 离线安装

文章目录 前言一、安装 LiberOffice二、安装kkfileView1.下载安装包2.启动 总结 前言 本文提供的所有文件不支持arm架构的linux系统。 一、安装 LiberOffice 下载https://kkfileview.keking.cn/LibreOffice_7.1.4_Linux_x86-64_rpm.tar.gz 安装 tar -zxvf LibreOffice_7.1.4…

linux live cd哪个好,最佳的 Linux LiveCD

5. 最佳的 Linux LiveCD —— KNOPPIX 国内应该很多人对 KNOPPIX 不太熟悉&#xff0c;KNOPPIX是一套光盘启动的GNU/Linux系统(LiveCD)&#xff0c; 功能包括&#xff1a;自动硬件监测、支持常见的显卡、声卡、SCSI和USB设备&#xff0c;以及其它外设。KNOPPIX可用于Linux演示、…

4K Video Downloader(4K视频下载器)V6.2.26版本发布

今天&#xff0c;4K Video Downloader V6.2.26版本正式发布啦&#xff01;该版本更新了核心算法&#xff0c;解决了若干个Bug&#xff0c;强化了视频下载功能。赶紧下载新版本体验吧&#xff01;下载地址&#xff1a;https://www.4kvideodownloader.com/ 4K Video Downloader V…

在Linux下的VLC视频推流(Ubuntu16.04)

VLC这个工具就不介绍了&#xff0c;本次是调用笔记本自带的摄像头&#xff0c;在主机与虚拟机之间进行推流。 采用udp方式&#xff0c;失败了&#xff0c;下面介绍一种成功的推流方式。 打开虚拟机与VLC。 在VLC中&#xff0c;媒体–打开捕获设备&#xff1a; 更改相关参数&am…