页面配置📦
朋友圈页面配置
在 Hexo 博客根目录 [blog]下打开终端，输入
bash
hexo new page fcircle打开[blog]\source\fcircle\index.md,添加一行type: 'fcircle':
MARKDOWN
---
title: 朋友圈
date: 2022-11-21 17:06:17
comments: false
aside: false
top_img: false
type: "fcircle"
---主题配置文件中开启menu中友链和朋友圈的注释，导航栏朋友圈，注意缩进！！！
yml
menu:
# 文章:
# 隧道: /archives/ || icon-box-archive
# 分类: /categories/ || icon-shapes
# 标签: /tags/ || icon-tags
友链:
# 友人帐: /link/ || icon-link
朋友圈: /fcircle/ || icon-artstation
# 留言板: /comments/ || icon-envelope
# 我的:
# 音乐馆: /music/ || icon-music
# 追番页: /bangumis/ || icon-bilibili1
# 相册集: /album/ || icon-images
# 小空调: /air-conditioner/ || icon-fan
关于:
# 关于本人: /about/ || icon-zhifeiji
闲言碎语: /essay/ || icon-lightbulb
# 随便逛逛: javascript:toRandomPost() || icon-shoe-prints1主题配置文件中开启friends_vue.enable，自行设置 朋友圈后端地址 和 顶部模块背景，注意缩进！！！
yml
# 朋友圈配置
friends_vue:
enable: false
vue_js: https://npm.elemecdn.com/anzhiyu-theme-static@1.1.2/friends/index.f9a2b8d2.js
apiurl: # 朋友圈后端地址
top_background:| 参数 | 备选值/类型 | 解释 |
|---|---|---|
| enable | boolean | 【必须】是否启用 |
| vue_js | url | 【必须】朋友圈前端构建后的 url |
| apiurl | string | 【必须】朋友圈后端 url |
| top_background | url | 【可选】朋友圈顶部背景图 |
以下是本站配置
yml
friends_vue:
enable: true
vue_js: https://npm.elemecdn.com/anzhiyu-theme-static@1.1.2/friends/index.f9a2b8d2.js
apiurl: https://friends.anheyu.com/ # 朋友圈后端地址
top_background: https://img02.anheyu.com/adminuploads/1/2022/08/21/630249e2df20f.jpg其中vue_js参数，可以将https://npm.elemecdn.com/anzhiyu-theme-static@1.1.2/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中友链和朋友圈的注释，注意缩进！！！
yml
menu:
# 文章:
# 隧道: /archives/ || icon-box-archive
# 分类: /categories/ || icon-shapes
# 标签: /tags/ || icon-tags
友链:
# 友人帐: /link/ || icon-link
朋友圈: /fcircle/ || icon-artstation
# 留言板: /comments/ || icon-envelope
我的:
音乐馆: /music/ || icon-music
# 追番页: /bangumis/ || icon-bilibili1
# 相册集: /album/ || icon-images
# 小空调: /air-conditioner/ || icon-fan
关于:
# 关于本人: /about/ || icon-zhifeiji
闲言碎语: /essay/ || icon-lightbulb
# 随便逛逛: javascript:toRandomPost() || icon-shoe-prints1