惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Hugging Face - Blog
Hugging Face - Blog
云风的 BLOG
云风的 BLOG
Google DeepMind News
Google DeepMind News
美团技术团队
J
Java Code Geeks
V
V2EX
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
The Cloudflare Blog
宝玉的分享
宝玉的分享
博客园 - Franky
Y
Y Combinator Blog
爱范儿
爱范儿
H
Help Net Security
腾讯CDC
G
Google Developers Blog
B
Blog RSS Feed
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
阮一峰的网络日志
阮一峰的网络日志
罗磊的独立博客
V
Visual Studio Blog
The GitHub Blog
The GitHub Blog
博客园_首页
C
Check Point Blog
博客园 - 三生石上(FineUI控件)

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
我是如何通过 jekyll 和 github pages 部署个人博客的 - 少数派
2023-11-20 · via 少数派

你或许喜欢发表文章,有没有考虑过创建一个自己的博客?啊,博客,你也许会说这是个古早的词了。确实,现在有各种各样的社交媒体,博客显得有些过时了。但是,在不属于自己的平台上发表东西,多少有些仰人鼻息的意思,为什么不创造一个自己的基地呢。

好啦,无论你是否打算创建博客,都可以看看这篇记录了我是怎么样搭建博客的文章。就算你现在没这个打算,以后呢?

准备动作

需要先准备好的有 github 账号、安装 git、安装 ruby 和 jekyll。

因为前两个我之前就已经安装好了,所以实际上只做了 ruby 和 jekyll 的安装。

安装 ruby 和 jekyll

参考了官方文档,我是 MacOS 而且之前已经安装过 Homebrew,所以只需要通过 brew 安装好 ruby,再安装 jekyll 就可以了。

安装 ruby 指令如下。

brew install chruby ruby-install xz
ruby-install ruby 3.1.3
echo "source $(brew --prefix)/opt/chruby/share/chruby/chruby.sh" >> ~/.zshrc
echo "source $(brew --prefix)/opt/chruby/share/chruby/auto.sh" >> ~/.zshrc
echo "chruby ruby-3.1.3" >> ~/.zshrc # run 'chruby' to see actual version
# 待上述完成后,因为 mac 本身也会自带 ruby,所以需要特别看一下 ruby 版本确认是否安装成功,
ruby -v

安装 jekyll 指令如下。

gem install jekyll

我在帮朋友安装的时候,因为网络环境问题上述指令会出现问题,需要配置好 brew 的国内源。

选择适合的主题

时至今日,许多伟大的开发者贡献出了风格各异的主题,在 jekyll themes 可以看到各主题的 demo。

选择的时候注意以下几点:

  1. 这个主题的功能是否满足需求?评论区、全局搜索、深浅切换……这些功能虽然常见,但并不总是都有。
  2. 这个主题呈现的风格是否满足要求?比如你的博客主要用来放图片,那么就可以选择文字占比比较小的主题;如果用来写文档,就要选择文字占比多的主题。
  3. 这个主题的文档说明是否清晰完整?虽然每个主题配置过程都大同小异,但是文档越完整,踩坑的几率就越小嘛。

我选择的主题是 Chirpy

创建本地仓库开始自定义

使用他人模板

根据 Chirpy 的官方文档,需要先在 github 中对 https://github.com/cotes2020/chirpy-starter 选择 Use this template 来创建一个新仓库,并将这个仓库命名为 githubusername.github.io

别的主题方法稍有差别,具体看文档。fork 仓库也是常见的方法。

clone 到本地

此时,我已经拥有了一个自己的仓库,我将这个仓库 clone 到了本地。在本地仓库的根目录下,打开 terminal 运行:

$ bundle

就可以在本地运行了。

修改 config 进行个性化

打开 clone 下来的文件夹,找到名为 _config.yml 的文件,进行自定义设置。每个主题的 config 都会大同小异,最关键的一项是 url ,填入仓库名称,也就是 username.github.io 。其他的按照文件上的说明填写即可。

需要特别提醒评论功能的配置,有 disqus, utterances, giscus 三种方式可选。选择的方式不同,配置的方式也会不同。

comments:
  active: # The global switch for posts comments, e.g., 'disqus'.  Keep it empty means disable
  # The active options are as follows:
  disqus:
    shortname: # fill with the Disqus shortname. › <https://help.disqus.com/en/articles/1717111-what-s-a-shortname>
  # utterances settings › <https://utteranc.es/>
  utterances:
    repo: # <gh-username>/<repo>
    issue_term: # < url | pathname | title | ...>
  # Giscus options › <https://giscus.app>
  giscus:
    repo: # <gh-username>/<repo>
    repo_id:
    category:
    category_id:
    mapping: # optional, default to 'pathname'
    input_position: # optional, default to 'bottom'
    lang: # optional, default to the value of `site.lang`
    reactions_enabled: # optional, default to the value of `1`

我选择的是 giscus ,进入 giscus 的网站,填写仓库等信息,并按要求进行一系列简单的配置。结束后中页面底端会获取到 repo, repo_id, category, category_id 等信息,填入 _config.yml。

本地运行

在本地仓库根目录的 terminal 下运行:

$ bundle exec jekyll s

写下第一篇文章

在 *posts 文件夹内新建一个 markdown 文件,命名为 2023-10-10-hello world.md,*注意文件名称格式是 YYYY-MM-DD-title.md,输入以下内容。

---
title: hello world
date: 2023-10-10 21:00:00 +0800
categories: []
tags: []
pin: false
---

hello world!

上面使用 --- 隔开的内容是这份文件的元数据,需要包含标题、日期、类别、标签等信息。

进入仓库的 settings 页面,选择 pages。

将 deloyment source 选择为 GitHub Actions。

回到本地仓库,commit and push changes。此时可以进入仓库的 Actions 页面查看 Workflow。

等待完成后就可以通过 url 进入自己的博客啦!