如何给 GitHub Pages 页面设置图标 (favicon)

本文详细介绍如何在GitHubPages上为静态网站或纯Markdown站点添加Favicon图标,包括修改站点配置、更新index.html文件及复制主题布局等步骤。

静态工程站点

如果 GitHub Pages 是用一个完整的静态工程来做的,那么很简单:

  1. 向站点根加入一张图片 favicon.ico(未测试 png 格式)

  2. 向静态站点的 index.html 的 <head> 节点加入子节点:

    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico?">

纯 Markdown 站点

如果是纯 Markdown 页面,则需要覆盖当前套用主题(theme)的默认布局:

  1. 首先需要去找到当前主题的模板文件(raw):

    raw.githubusercontent.com/pages-themes/你套用的主题名,比如:cayman、minimal等等/master/_layouts/default.html

  2. 把这个文件的内容全部复制

  3. 在自己仓库根目录下新建个目录 _layouts ,在里面新建个文件 default.html ,把复制的内容粘贴进去

  4. 向这个文件的 <head> 节点加入子节点,内容同前文那一行

  5. 最后还是要往仓库的根目录里加入 favicon.ico

  6. 提交所有更改

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值