hexo-theme-redefine
博客Github
中文
中文
  • 项目介绍
  • 开始
    • 安装
    • 使用
    • 更新
  • 配置
    • 创建主题配置文件
    • base_info
    • style
      • primary_color
      • avatar
      • favicon
      • article_img_align
      • left_side_width
      • content_max_width
      • nav_color
      • hover
      • first_screen
      • scroll
    • social_contact
    • menu
    • home_article
    • post
      • word_count
      • author_label
    • code_copy
    • toc
    • copyright_info
    • website_count
    • local_search
    • comment
      • use
      • Waline
      • Gitalk
      • Twikoo
    • rss
    • lazyload
    • cdn
    • pjax
    • footer
  • 进阶使用
    • 数学公式
    • 创建页面
    • 友链样式
    • 资源压缩
    • 笔记模块
    • 文件比对
    • 文章顶置
由 GitBook 提供支持
在本页
  1. 进阶使用

友链样式

上一页创建页面下一页资源压缩

最后更新于2年前

Redefine 主题对友链(links)页面进行了样式优化,你只需按如下教程,便可得到漂亮的友链列表,如下图。

  1. 创建友链(links)页面,在你的 Hexo 项目根目录下使用如下命令即可自动创建。

    $ hexo new page links

    注意 source/links/index.md 文件的 title 属性不要修改! 友链样式根据 title: links 来匹配!

    ---
    title: links
    date: 2020-05-13 14:16:07
    ---
  2. 在 Redefine 主题配置文件 _config.yml 的 menu 配置项里面启用 links。

    menu:
      Home: /
      Links: /links
      # ......
  3. 在你的 Hexo 项目的 source 文件夹里增加 _data 文件,如果已经有了 _data 文件夹,则忽略这一步。

  4. 在 _data 文件夹里新建 links.yml 文件。

  5. 在 links.yml 文件里按如下格式增加你的友链。

    - name: EvanNotFound
      link: https://www.evanluo.top
      description: 香港记者月底加急
      avatar: https://evan.beee.top/avatar.png
    
    - name: lalallalala
      link: https://example.com
      description: lol
      avatar: https://www.youtube.com/watch?v=dQw4w9WgXcQ
    
    - ......