朋友圈页面配置 - 小王的博客

归档209

实用工具40 AI38 docker25 Hexo22 Linux15 娱乐15 Firefly14 工具推荐12 DotNet8 开发工具7 前端5 系统美化3 网站工具3 博客指南1 学习资源1

560 字

3 分钟

朋友圈页面配置

2025-01-23

Hexo

安知鱼

浏览量加载中...

朋友圈页面配置#

在 Hexo 博客根目录 [blog]下打开终端，输入

1
hexo new page fcircle

打开[blog]\source\fcircle\index.md,添加一行type: 'fcircle':

1
---
2
title: 朋友圈
3
date: 2022-11-21 17:06:17
4
comments: false
5
aside: false
6
top_img: false
7
type: "fcircle"
8
---

主题配置文件中开启menu中友链和朋友圈的注释，导航栏朋友圈，注意缩进！！！

1
menu:
2
  # 文章:
3
  #   隧道: /archives/ || icon-box-archive
4
  #   分类: /categories/ || icon-shapes
5
  #   标签: /tags/ || icon-tags
6

7
  友链:
8
    #   友人帐: /link/ || icon-link
9
    朋友圈: /fcircle/ || icon-artstation
10
    #   留言板: /comments/ || icon-envelope
11

12
  # 我的:
13
  #   音乐馆: /music/ || icon-music
14
  #   追番页: /bangumis/ || icon-bilibili1
15
  #   相册集: /album/ || icon-images
16
  #   小空调: /air-conditioner/ || icon-fan
17

18
  关于:
19
    #   关于本人: /about/ || icon-zhifeiji
20
    闲言碎语: /essay/ || icon-lightbulb
21
    #   随便逛逛: javascript:toRandomPost() || icon-shoe-prints1

主题配置文件中开启friends_vue.enable，自行设置朋友圈后端地址和顶部模块背景，注意缩进！！！

1
# 朋友圈配置
2
friends_vue:
3
  enable: false
4
  vue_js: https://npm.elemecdn.com/[email protected]/friends/index.f9a2b8d2.js
5
  apiurl: # 朋友圈后端地址
6
  top_background:

参数	备选值/类型	解释
enable	boolean	【必须】是否启用
vue_js	url	【必须】朋友圈前端构建后的 url
apiurl	string	【必须】朋友圈后端 url
top_background	url	【可选】朋友圈顶部背景图

以下是本站配置

1
friends_vue:
2
  enable: true
3
  vue_js: https://npm.elemecdn.com/[email protected]/friends/index.f9a2b8d2.js
4
  apiurl: https://friends.anheyu.com/ # 朋友圈后端地址
5
  top_background: https://img02.anheyu.com/adminuploads/1/2022/08/21/630249e2df20f.jpg

其中vue_js参数，可以将https://npm.elemecdn.com/[email protected]/friends/index.f9a2b8d2.js下载下来后将其中的 friends.anheyu.com替换为您的后端 url 然后上传至您的存储端以url的形式使用。

原项目地址：hexo-circle-of-friends-front

第二种办法也可以自行下载项目后，修改代码中的 url 变量路径friends.anheyu.com为你自己的，然后执行npm run build构建后将dist文件夹中的js上传至您的存储端使用

Tip

注意朋友圈后端爬取需使用common2，否则无法爬取到您的友链数据。

主题配置文件中开启menu中友链和朋友圈的注释，注意缩进！！！

1
menu:
2
  # 文章:
3
  #   隧道: /archives/ || icon-box-archive
4
  #   分类: /categories/ || icon-shapes
5
  #   标签: /tags/ || icon-tags
6

7
  友链:
8
    #  友人帐: /link/ || icon-link
9
    朋友圈: /fcircle/ || icon-artstation
10
  #  留言板: /comments/ || icon-envelope
11

12
  我的:
13
    音乐馆: /music/ || icon-music
14
  #   追番页: /bangumis/ || icon-bilibili1
15
  #   相册集: /album/ || icon-images
16
  #   小空调: /air-conditioner/ || icon-fan
17

18
  关于:
19
    #   关于本人: /about/ || icon-zhifeiji
20
    闲言碎语: /essay/ || icon-lightbulb
21
    #   随便逛逛: javascript:toRandomPost() || icon-shoe-prints1