317 lines
8.6 KiB
YAML
317 lines
8.6 KiB
YAML
# 网站基本信息
|
||
site:
|
||
title: 我的导航
|
||
description: 个人网络导航站
|
||
author: Your Name
|
||
favicon: favicon.ico # 网站图标,支持ico、png等格式
|
||
logo_text: 导航站 # 左侧导航栏Logo文字
|
||
|
||
# 字体设置
|
||
fonts:
|
||
title: # 标题字体
|
||
family: "Poppins" # 可以是Web安全字体或Google Fonts
|
||
weight: 600 # 字重
|
||
source: "google" # google 或 system
|
||
subtitle: # 副标题字体（Welcome to My Navigation）
|
||
family: "Quicksand"
|
||
weight: 500
|
||
source: "google"
|
||
body: # 正文字体
|
||
family: "Noto Sans SC"
|
||
weight: 400
|
||
source: "google"
|
||
|
||
# 个人信息
|
||
profile:
|
||
title: Hello,
|
||
subtitle: Welcome to My Navigation
|
||
description: 导航菜单
|
||
|
||
# 导航菜单
|
||
navigation:
|
||
- name: 首页
|
||
icon: fas fa-home
|
||
id: home
|
||
active: true
|
||
- name: 项目
|
||
icon: fas fa-project-diagram
|
||
id: projects
|
||
- name: 文章
|
||
icon: fas fa-book
|
||
id: articles
|
||
- name: 朋友
|
||
icon: fas fa-users
|
||
id: friends
|
||
|
||
# 社交账号
|
||
social:
|
||
- name: GitHub
|
||
url: https://github.com
|
||
icon: fab fa-github
|
||
- name: Telegram
|
||
url: https://t.me
|
||
icon: fab fa-telegram
|
||
- name: Twitter
|
||
url: https://twitter.com
|
||
icon: fab fa-twitter
|
||
- name: Steam
|
||
url: https://steam.com
|
||
icon: fab fa-steam
|
||
|
||
# 首页分类
|
||
categories:
|
||
- name: 常用网站
|
||
icon: fas fa-star
|
||
sites:
|
||
- name: Linux.do
|
||
url: https://linux.do/
|
||
icon: fab fa-linux
|
||
description: 新的理想型社区
|
||
- name: Google
|
||
url: https://www.google.com
|
||
icon: fab fa-google
|
||
description: 全球最大的搜索引擎
|
||
- name: GitHub
|
||
url: https://www.github.com
|
||
icon: fab fa-github
|
||
description: 代码托管平台
|
||
- name: Stack Overflow
|
||
url: https://stackoverflow.com
|
||
icon: fab fa-stack-overflow
|
||
description: 程序员问答社区
|
||
- name: ChatGPT
|
||
url: https://chat.openai.com
|
||
icon: fas fa-robot
|
||
description: AI智能助手
|
||
|
||
- name: 学习资源
|
||
icon: fas fa-graduation-cap
|
||
sites:
|
||
- name: 哔哩哔哩
|
||
url: https://www.bilibili.com
|
||
icon: fas fa-play-circle
|
||
description: 视频学习平台
|
||
- name: 知乎
|
||
url: https://www.zhihu.com
|
||
icon: fas fa-question-circle
|
||
description: 问答社区
|
||
- name: 掘金
|
||
url: https://juejin.cn
|
||
icon: fas fa-book
|
||
description: 高质量技术社区
|
||
- name: LeetCode
|
||
url: https://leetcode.cn
|
||
icon: fas fa-code
|
||
description: 算法刷题平台
|
||
|
||
- name: 开发工具
|
||
icon: fas fa-tools
|
||
sites:
|
||
- name: VS Code
|
||
url: https://code.visualstudio.com
|
||
icon: fas fa-code
|
||
description: 强大的代码编辑器
|
||
- name: Postman
|
||
url: https://www.postman.com
|
||
icon: fas fa-paper-plane
|
||
description: API调试工具
|
||
- name: Git
|
||
url: https://git-scm.com
|
||
icon: fab fa-git-alt
|
||
description: 版本控制工具
|
||
- name: Docker
|
||
url: https://www.docker.com
|
||
icon: fab fa-docker
|
||
description: 容器化平台
|
||
|
||
- name: 设计资源
|
||
icon: fas fa-palette
|
||
sites:
|
||
- name: Figma
|
||
url: https://www.figma.com
|
||
icon: fab fa-figma
|
||
description: 在线设计工具
|
||
- name: Dribbble
|
||
url: https://dribbble.com
|
||
icon: fab fa-dribbble
|
||
description: 设计师社区
|
||
- name: Behance
|
||
url: https://www.behance.net
|
||
icon: fab fa-behance
|
||
description: 创意设计平台
|
||
- name: IconFont
|
||
url: https://www.iconfont.cn
|
||
icon: fas fa-icons
|
||
description: 图标资源库
|
||
|
||
- name: 在线工具
|
||
icon: fas fa-wrench
|
||
sites:
|
||
- name: JSON Editor
|
||
url: https://jsoneditoronline.org
|
||
icon: fas fa-code-branch
|
||
description: JSON在线编辑器
|
||
- name: Can I Use
|
||
url: https://caniuse.com
|
||
icon: fas fa-browser
|
||
description: 浏览器兼容性查询
|
||
- name: TinyPNG
|
||
url: https://tinypng.com
|
||
icon: fas fa-compress
|
||
description: 图片压缩工具
|
||
- name: Carbon
|
||
url: https://carbon.now.sh
|
||
icon: fas fa-code
|
||
description: 代码图片生成器
|
||
|
||
# 项目页面
|
||
projects:
|
||
title: 我的项目
|
||
subtitle: 这里展示了我的一些个人项目和开源贡献
|
||
categories:
|
||
- name: 个人项目
|
||
icon: fas fa-code
|
||
sites:
|
||
- name: 个人导航站
|
||
icon: fas fa-compass
|
||
description: 一个简洁美观的个人导航页面
|
||
url: "#"
|
||
- name: Todo List
|
||
icon: fas fa-tasks
|
||
description: 基于Vue3的待办事项管理器
|
||
url: "#"
|
||
- name: 个人博客
|
||
icon: fas fa-blog
|
||
description: 使用Hexo搭建的技术博客
|
||
url: "#"
|
||
- name: 开源贡献
|
||
icon: fas fa-code-branch
|
||
sites:
|
||
- name: Project A
|
||
icon: fab fa-github
|
||
description: 开源项目贡献
|
||
url: "#"
|
||
- name: Project B
|
||
icon: fab fa-github
|
||
description: 开源项目贡献
|
||
url: "#"
|
||
|
||
# 文章页面
|
||
articles:
|
||
title: 技术文章
|
||
subtitle: 分享我的技术文章和学习笔记
|
||
categories:
|
||
- name: 最新文章
|
||
icon: fas fa-pen
|
||
sites:
|
||
- name: Vue3最佳实践
|
||
icon: fab fa-vuejs
|
||
description: Vue3组合式API的使用技巧
|
||
url: "#"
|
||
- name: JavaScript进阶
|
||
icon: fab fa-js
|
||
description: JavaScript高级特性解析
|
||
url: "#"
|
||
- name: Git使用技巧
|
||
icon: fab fa-git-alt
|
||
description: Git常用命令和工作流
|
||
url: "#"
|
||
- name: Docker入门
|
||
icon: fab fa-docker
|
||
description: Docker基础知识和实践
|
||
url: "#"
|
||
- name: 学习笔记
|
||
icon: fas fa-book
|
||
sites:
|
||
- name: React Hooks
|
||
icon: fab fa-react
|
||
description: React Hooks最佳实践
|
||
url: "#"
|
||
- name: Node.js实战
|
||
icon: fab fa-node-js
|
||
description: Node.js服务端开发笔记
|
||
url: "#"
|
||
- name: CSS技巧
|
||
icon: fab fa-css3
|
||
description: CSS常用技巧总结
|
||
url: "#"
|
||
- name: 数据库设计
|
||
icon: fas fa-database
|
||
description: 数据库架构和优化笔记
|
||
url: "#"
|
||
- name: 源码解析
|
||
icon: fas fa-code
|
||
sites:
|
||
- name: Vue源码解析
|
||
icon: fab fa-vuejs
|
||
description: Vue.js核心原理解析
|
||
url: "#"
|
||
- name: React原理
|
||
icon: fab fa-react
|
||
description: React核心机制解析
|
||
url: "#"
|
||
|
||
# 朋友页面
|
||
friends:
|
||
title: 友情链接
|
||
subtitle: 优秀的博主和朋友们
|
||
categories:
|
||
- name: 技术博主
|
||
icon: fas fa-user-friends
|
||
sites:
|
||
- name: 小明的博客
|
||
icon: fas fa-code
|
||
description: 全栈开发工程师，分享技术心得
|
||
url: "#"
|
||
- name: 小红的前端
|
||
icon: fas fa-paint-brush
|
||
description: 专注前端开发与设计
|
||
url: "#"
|
||
- name: 小张的后端
|
||
icon: fas fa-server
|
||
description: 分享后端开发经验
|
||
url: "#"
|
||
- name: 小李的移动端
|
||
icon: fas fa-mobile-alt
|
||
description: 移动应用开发专家
|
||
url: "#"
|
||
|
||
- name: 技术社区
|
||
icon: fas fa-laptop-code
|
||
sites:
|
||
- name: GitHub
|
||
icon: fab fa-github
|
||
description: 开源代码托管平台
|
||
url: https://github.com
|
||
- name: Stack Overflow
|
||
icon: fab fa-stack-overflow
|
||
description: 程序员问答社区
|
||
url: https://stackoverflow.com
|
||
- name: 掘金
|
||
icon: fas fa-book
|
||
description: 高质量技术社区
|
||
url: https://juejin.cn
|
||
- name: V2EX
|
||
icon: fas fa-comments
|
||
description: 创意工作者社区
|
||
url: https://v2ex.com
|
||
|
||
- name: 休闲娱乐
|
||
icon: fas fa-coffee
|
||
sites:
|
||
- name: 哔哩哔哩
|
||
icon: fas fa-play-circle
|
||
description: 视频弹幕网站
|
||
url: https://www.bilibili.com
|
||
- name: 知乎
|
||
icon: fas fa-question-circle
|
||
description: 问答社区
|
||
url: https://www.zhihu.com
|
||
- name: 豆瓣
|
||
icon: fas fa-film
|
||
description: 文艺生活社区
|
||
url: https://www.douban.com
|
||
- name: 网易云音乐
|
||
icon: fas fa-music
|
||
description: 音乐平台
|
||
url: https://music.163.com |