1. Toy模板网首页
  2. > Toy博客

使用 Jekyll 在 GitHub 上搭建个人博客

9月前 作者：ChenPeiming52001 分类：Toy博客 阅读(60) 违法举报

这篇具有很好参考价值的文章主要介绍了使用 Jekyll 在 GitHub 上搭建个人博客。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

原文转载于个人博客文章 使用 Jekyll 在 GitHub 上搭建个人博客

搭建流程：

  • 下载安装配置Git
  • GitHub创建公共仓库
  • 克隆本地仓库
  • 克隆博客模板
  • 博客基础功能设置
  • 设置评论功能
  • 上传GitHub

下载安装配置 Git

  • 下载 Git官网 & Git 安装配置参考以下教程使用 Jekyll 在 GitHub 上搭建个人博客,Jekyll,博客,Jekyll,github,博客

GitHub 创建公共仓库

  • 创建仓库名结尾为 * .github.io 的公共仓库
  • 示范：ChenPeiming52001.github.io
    使用 Jekyll 在 GitHub 上搭建个人博客,Jekyll,博客,Jekyll,github,博客

克隆本地仓库

  • 将刚刚创建好的空仓库克隆到本地

    1. 复制仓库中的 HTTPS 地址
      使用 Jekyll 在 GitHub 上搭建个人博客,Jekyll,博客,Jekyll,github,博客

    2. 在需要克隆的本地文件夹打开 Git 终端，粘贴的地址命令行并回车
      使用 Jekyll 在 GitHub 上搭建个人博客,Jekyll,博客,Jekyll,github,博客

    3. 等待克隆完毕
      使用 Jekyll 在 GitHub 上搭建个人博客,Jekyll,博客,Jekyll,github,博客

克隆博客模板

  • 打开博客模板项目 ChenPeiming52001.github.io

  • 博客模板 ChenPeiming52001.github.io 发行版

  • 复制仓库中的 HTTPS 地址
    使用 Jekyll 在 GitHub 上搭建个人博客,Jekyll,博客,Jekyll,github,博客

  • 通过 Git 终端 克隆到本地
    使用 Jekyll 在 GitHub 上搭建个人博客,Jekyll,博客,Jekyll,github,博客

  • 打开下载好的项目，删除根目录里面 .git 文件夹和 _posts 、images 文件夹里面的文件
    懒得删除可以下载打包好的 ChenPeiming52001.github.io 发行版
    使用 Jekyll 在 GitHub 上搭建个人博客,Jekyll,博客,Jekyll,github,博客

博客基础功能设置

  • 博客的基础功能都可以在根目录 _config.yml 文件下设置

设置主页

  • title: ChenPeiming 设置自己博客的名称
  • location: 广东，广州 设置自己所在的地区
  • company: CSDN 设置第三方链接名称
  • company_url: https://blog.csdn.net/cpm011023 设置第三方网络地址
  • name: ChenPeiming52001 设置自己 GitHub 的名称
  • github_url: https://github.com/ChenPeiming52001 设置自己 GitHub 的网络地址
  • description: 这是ChenPeiming的个人博客 设置博客的描述
  • url: https://chenpeiming52001.github.io 设置个人博客的网络协议

使用 Jekyll 在 GitHub 上搭建个人博客,Jekyll,博客,Jekyll,github,博客
使用 Jekyll 在 GitHub 上搭建个人博客,Jekyll,博客,Jekyll,github,博客

设置关于页

  • introduce: 我是一个对学习充满热情、善于思考和寻找解决方案的人。 设置个人介绍
  • email: chenpeiming52001@163.com 设置自己的邮箱
  • skill_software_keywords: [Java, Python] 软件开发标签
  • skill_j2ee_keywords: J2EE开发标签
  • skill_mobile_app_keywords: 手机开发标签
  • skill_web_keywords: [HTML, CSS, JS, JQuery,SpringBoot, MySQL, MongoDB, PHP] Web开发标签

使用 Jekyll 在 GitHub 上搭建个人博客,Jekyll,博客,Jekyll,github,博客
使用 Jekyll 在 GitHub 上搭建个人博客,Jekyll,博客,Jekyll,github,博客

设置简历

  • 将简历放在根目录下的 assets\files 件夹中
  • 在根目录下 about.md 里面引入简历链接
  • ChenPeiming_CH.pdf 替换为己的文件名称
<h3>下载我的简历</h3>
<a role="button" class="btn btn-primary hvr-grow-shadow"
   href="/assets/files/ChenPeiming_CH.pdf" target="_blanks">
<span class="flag-icon flag-icon-cn"></span> 中文 </a>

使用 Jekyll 在 GitHub 上搭建个人博客,Jekyll,博客,Jekyll,github,博客

使用 Jekyll 在 GitHub 上搭建个人博客,Jekyll,博客,Jekyll,github,博客

设置书签

  • 书签🔖用于快速标记您喜欢使用的资源库/工具/书籍

  • 书签展示内容可以在根目录 bookmark.md 文件下设置

使用 Jekyll 在 GitHub 上搭建个人博客,Jekyll,博客,Jekyll,github,博客
使用 Jekyll 在 GitHub 上搭建个人博客,Jekyll,博客,Jekyll,github,博客

设置评论功能

  • LeanCloud 官网

注册 LeanCloud 账号

使用 Jekyll 在 GitHub 上搭建个人博客,Jekyll,博客,Jekyll,github,博客

创建 LeanCloud 应用

使用 Jekyll 在 GitHub 上搭建个人博客,Jekyll,博客,Jekyll,github,博客
使用 Jekyll 在 GitHub 上搭建个人博客,Jekyll,博客,Jekyll,github,博客

设置 LeanCloud 应用

  • 设置 Web 安全域名
    使用 Jekyll 在 GitHub 上搭建个人博客,Jekyll,博客,Jekyll,github,博客
    使用 Jekyll 在 GitHub 上搭建个人博客,Jekyll,博客,Jekyll,github,博客

  • 获取 LeanCloud 应用凭证 AppID & AppKey
    使用 Jekyll 在 GitHub 上搭建个人博客,Jekyll,博客,Jekyll,github,博客
    使用 Jekyll 在 GitHub 上搭建个人博客,Jekyll,博客,Jekyll,github,博客

设置魔改 Valine

  • appId: Evlk9TNDwcQAIW9cC3NVx9bO-gzGzoHsz 填入刚刚复制的 AppID

  • appKey: 9TNYPTSFy6BvTeJnmxzBT7H9 填入刚刚复制的 AppKey
    使用 Jekyll 在 GitHub 上搭建个人博客,Jekyll,博客,Jekyll,github,博客

  • MD5加密工具 可以将邮箱加密为 MD5

  • master: [‘33c0f3680c72dd299d9463a496cc7640’] 填入 MD5 加密后博主(自己)的邮箱

  • friends: [‘f652e9c510f5948f083d453a189b13bc’, ‘261225df065b70eafdef4c88eecdb55d’] 填入 MD5 加密后小伙伴的邮箱
    使用 Jekyll 在 GitHub 上搭建个人博客,Jekyll,博客,Jekyll,github,博客

上传 GitHub

  • 上传文件
    使用 Jekyll 在 GitHub 上搭建个人博客,Jekyll,博客,Jekyll,github,博客 
git add .
  • 添加上传添加消息
    使用 Jekyll 在 GitHub 上搭建个人博客,Jekyll,博客,Jekyll,github,博客 
git commit -m "部署博客"
  • 选择上传分支
    使用 Jekyll 在 GitHub 上搭建个人博客,Jekyll,博客,Jekyll,github,博客 
git push origin main

写作参考文章：文章来源地址https://www.toymoban.com/news/detail-791663.html

  • Markdown 博客写作指南
  • Markdown 进阶写作指南

到了这里，关于使用 Jekyll 在 GitHub 上搭建个人博客的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处： 如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：
领支付宝红包 赞助服务器费用

相关文章

  • 使用 Github、Hugo 搭建个人博客

    使用 Github、Hugo 搭建个人博客

    Hugo 静态网站构建手册：https://jimmysong.io/hugo-handbook/ ：开源 博客 框架   官网：https://pages.github.com/ 文档：https://docs.github.com/zh Websites for you and your projects. (为你的项目提供网站)。 GitHub Pages 是通过 GitHub 托管和发布的公共网页。Github Pages 本质上是一个静态网站托管系统

    2024年01月16日
    浏览(76)
  • 使用hugo+github搭建免费个人博客

    使用hugo+github搭建免费个人博客

    前提条件 win11电脑一台 电脑安装了git 电脑安装了hugo github账号一个 初始化一个博客 打开cmd窗口，使用hugo新建一个博客工程 下载主题 主题官网：themes.gohugo.io 在上面找一个主题，我这里找名称为 m10c 的主题：m10c | Hugo Themes (gohugo.io) 注意 ：不同主题的安装方式不同，以后再专

    2024年01月18日
    浏览(55)
  • 使用Hugo+Github从0开始免费搭建个人博客

    使用Hugo+Github从0开始免费搭建个人博客

    以win11为例 1.注册git账号：https://github.com/并记住用户名和密码 2.下载地址：Git - Downloads (git-scm.com)鼠标右键显示Git Bash Here就表示安装Git成功了。 3.设置本地git用户 是否已经登录 生成密钥 将其中Your Name替换为用户名,邮箱替换为自己注册时的邮箱 如图所示，密钥已经给我们生

    2024年02月12日
    浏览(45)
  • 10分钟 使用VitePress和GitHub Actions快速搭建发布个人博客

    10分钟 使用VitePress和GitHub Actions快速搭建发布个人博客

    VitePress官网Getting Started | VitePress VitePress 是一个静态站点生成器 （SSG），旨在构建快速、以内容为中心的网站。 Node.js (nodejs.org)Node版本18或更高版本 **使用 node -v **查看node版本 创建文件夹并进入到项目的目录 初始化项目 这里会带有设置向导 安装项目所需的 vitepress 依赖 在

    2024年02月03日
    浏览(68)
  • 【开源图床】使用Typora+PicGo+Github+CDN搭建个人博客图床

    【开源图床】使用Typora+PicGo+Github+CDN搭建个人博客图床

    准备工作： 首先电脑得提前完成安装如下： 1. nodejs环境(node ,npm):【安装指南】nodejs下载、安装与配置详细教程 2. Picgo:【安装指南】图床神器之Picgo下载、安装与配置详细教程 3. Typora:【安装指南】markdown神器之Typora下载、安装与无限使用详细教程 工具介绍： typora: Markdown工

    2024年02月20日
    浏览(43)
  • Hexo搭建个人博客（github）

    Hexo搭建个人博客（github）

    记录搭建个人博客的过程 本文使用Hexo+GitHub Page的方法搭建博客，下面是环境准备的步骤，包括nodejs的安装和git的安装（注：本教程仅适用于windows用户） 详情请参考这篇博客： NVM的安装使用与配置（node, npm, yarn 为了把本地的网页上传到git上，需要在系统上下载git，详情参考

    2024年02月21日
    浏览(48)

  • 通过 jekyll 构建 github pages 博客实战笔记

    jekyll 搭建教程 安装 Ruby，请访问 下载地址。 Jekyll 是一个简单且具备博客特性的静态网站生成器。 Jekyll 中文文档 极客学院中文文档 使用以下命令安装 Jekyll。 在中国可能需要使用 代理软件 。然后，请等待并学习如何使用它。 或者，您可以使用 rails 替代 Jekyll。 如果您使用

    2024年02月04日
    浏览(69)

  • Github搭建个人博客全攻略

    Github是开发者的代码仓库，一个开源和分享社区。 本文前提是已注册github账号。 假设用户名为MyName 进入个人主页(https://github.com/用户名)，选择Repositories，点击New Repository name填入MyName.github.io，即MyName/ MyName.github.io ，点击Create Repository 安装Git或TortoiseGit（后者添加环境变量）

    2024年02月16日
    浏览(60)
  • 零基础！手把手教你使用VuePress2 + GitHub Pages免费搭建个人博客网站

    零基础！手把手教你使用VuePress2 + GitHub Pages免费搭建个人博客网站

    目录 介绍 VuePress2 pnpm 搭建 安装 Node.js 安装 pnpm 安装 VuePress step 1：创建文件夹并进入该目录 ​编辑 step 2：初始化项目 step 3：安装VuePress step 4：在 package.json 中修改 scripts step 5：创建目录和配置文件 step 6：将默认的临时目录和缓存目录添加到 .gitignore 文件中 step 7：启动服务

    2024年03月13日
    浏览(70)
  • 在Github搭建个人博客-详细步骤整理

    在Github搭建个人博客-详细步骤整理

    去年就有在 Github 搭建博客的想法，但是因为工作太忙搁置了，昨天想起来这事儿，于是网上各种查阅资料，感觉虽然搭建方式比较多，但都不是很全，走了很多弯路，折腾了我一天，才终于搭建好了自己的 GIthub 博客，在此记录梳理一下，希望可以帮到大家，欢迎交流！ 博

    2024年02月15日
    浏览(40)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包，优惠每天领

二维码1

领取红包

二维码2

领红包