hexo fluid主题

🧙 Questions

• 主题安装
• 主题优化

☄️ Ideas

主题安装

• 获取最新版本

下载源码

解压替换

解压并修改文件夹名称 fluid 复制到目录 \blogs-galaxy\themes\ 下

mv hexo-theme-fluid-1.9.2 blogs-galaxy/themes/fluid

设置主题

修改配置_config.yml文件

theme: fluid

重启

主题优化

取消首页滚动条

vim /Users/ispong/code/blogs-galaxy/themes/fluid/source/css/main.styl

::-webkit-scrollbar{
  width: 0
}

取消tag前面的#号

vim /Users/ispong/code/blogs-galaxy/themes/fluid/layout/index.ejs
vim /Users/ispong/code/blogs-galaxy/themes/fluid/layout/_partials/post/meta-bottom.ejs

<div class="post-meta">
  <i class="iconfont icon-tags"></i>
  <% post.tags.each(function(tag){ %>
    <a href="<%= url_for(tag.path) %>"><%- tag.name %></a>
  <% }) %>
</div>

取消备案号

注释beian.ejs文件中内容

vim /Users/ispong/code/blogs-galaxy/themes/fluid/layout/_partials/footer/beian.ejs

<span>
  <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">
    <%- theme.footer.beian.icp_text %>
  </a>
</span>

🔗 Links

• hexo website
• fluid github
• picgo 图床
• vercel 部署