当前位置: 代码迷 >> 综合 >> 【hexo】yilia主题优化-一-右侧新增fork-on-github
  详细解决方案

【hexo】yilia主题优化-一-右侧新增fork-on-github

热度:73   发布时间:2023-12-11 18:45:14.0

选择一张合适的图片的新增到网站的右上角,用于快速跳转到个人github等相关网站。

1.打开/themes/yilia/layout/layout.ejs 文件,新增如下代码

// theme.github 为_config.yml中配置,接下来会提到
<% if (theme.github && theme.github.url)  
<% # "GitHub Ribbons" %>
<a class="forkMe" style="position:absolute;z-index:999;top:0;right:0.5em;"href="<%=theme.github.url%>" target="_blank"><img src="<%- url_for('img/forkme.png') %>"class="attachment-full size-full" alt="Fork me on GitHub" data-recalc-dims="1"></a><% } %>

2.根据<img src="<%- url_for(‘img/forkme.png’) %>" 中所写的地址在source/img目录下添加一张图片为forkme.png

【hexo】yilia主题优化(一)01

3.在themes主题配置文件中配置 如下:

# GitHub Ribbons(https://github.blog/2008-12-19-github-ribbons/)
# 右上角github连接设置
github:# (关闭请设置为false)
# url: https://github.com/xxxxxxxx?tab=repositoriesurl: flase

效果图如下:

【hexo】yilia主题优化(一)02

  相关解决方案