如何给 GitHub Pages 页面设置图标 (favicon)
向站点根节点(或者随便什么目录)加入一张图片 favicon.ico(未测试 png 格式)向静态站点的 index.html 的 <head> 节点加入子节点:<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico?">如果是...
静态工程站点
如果 GitHub Pages 是用一个完整的静态工程来做的,那么很简单:
-
向站点根加入一张图片
favicon.ico
(未测试 png 格式) -
向静态站点的 index.html 的 <head> 节点加入子节点:
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico?">
纯 Markdown 站点
如果是纯 Markdown 页面,则需要覆盖当前套用主题(theme)的默认布局:
-
首先需要去找到当前主题的模板文件(raw):
raw.githubusercontent.com/pages-themes/你套用的主题名,比如:cayman、minimal等等/master/_layouts/default.html
-
把这个文件的内容全部复制
-
在自己仓库根目录下新建个目录
_layouts
,在里面新建个文件default.html
,把复制的内容粘贴进去 -
向这个文件的 <head> 节点加入子节点,内容同前文那一行
-
最后还是要往仓库的根目录里加入
favicon.ico
-
提交所有更改
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
所有评论(0)