Skip to content

xiaojunnanya/blog

Repository files navigation

目录

├── blog                           # 博客
│   ├── first-blog.md
├── docs                           
│   └── skill						# 文档/笔记
|   └── tools						# 思考纪录
├── data                           # 项目/导航/友链数据
│   ├── friend.ts                  # 友链
│   ├── project.ts                 # 项目
│   └── resource.ts                # 资源导航
├── i18n                           # 国际化
├── src
│   ├── components                 # 组件
│   ├── css                        # 自定义CSS
│   ├── pages                      # 自定义页面
│   ├── plugin                     # 自定义插件
│   └── theme                      # 自定义主题组件
├── static                         # 静态资源文件
│   └── img                        # 静态图片
├── docusaurus.config.js           # 站点的配置信息
├── sidebars.js                    # 文档的侧边栏
├── package.json
├── tsconfig.json
└── yarn.lock



src\components\Hero\index.tsx:首页qq、github等的路径

docs\tools:思考纪录,添加md后要在sidebars.js的tools中配置

最新博客

blog:动态获取

blog:文件夹可以随便起,按照时间排序

---
slug: /macbook-aaa   # 页面的路径
title: 测试用的哦	# 页面的标题
date: 2023-07-02	# 时间
authors: jl		# 作者
tags: [macOS, MacBook, 使用体验]	# 标签
keywords: [macOS, MacBook, 使用体验]	# 关键词
---

笔记

sidebars.js 配置

{
      label: 'Docusaurus 主题魔改',  // 标题
      type: 'category',            // category
      link: {
        type: 'doc',               // doc
        id: 'skill/docusaurus/docusaurus-guides' // id,有id值就设置了外部介绍
      },
      items: [       //子类
        'skill/docusaurus/docusaurus-config',
        'skill/docusaurus/docusaurus-style'
      ],
    },

    {
      label: 'Vue',
      type: 'category',
      link: {
        type: 'generated-index',
      },
      items: [
        'skill/vue/vue-reactive-data-object',
        'skill/vue/vue-reactive-data-array'
      ],
    },

    {
      label: '逆向',
      type: 'category',
      link: {
        title: '逆向笔记',
        description: 'Web逆向与安卓逆向笔记',
        type: 'generated-index',
        keywords: ['reverse', 'web', 'android', 'frida'],
      },
      items: [    //  子类的子类
        {
          label: '安卓',
          type: 'category',
          link: {
            type: 'generated-index',
          },
          items: [
            {
              type: 'autogenerated',
              dirName: 'skill/reverse/android',
            },
          ],
        },
        {
          label: 'Web',
          type: 'category',
          items: [
            {
              type: 'autogenerated',
              dirName: 'skill/reverse/web',
            },
          ],
        },
        {
          label: '密码学',
          type: 'category',
          items: [
            {
              type: 'autogenerated',
              dirName: 'skill/reverse/crypto',
            },
          ],
        },
      ],
    },

static/img

  • blog:博客用到的图片
  • friend:友链
  • project:项目图片

project.ts

{
    title: '鲸落',  //标题
    description: '基于 Docusaurus 静态网站生成器实现个人博客',	//外面名称
    preview: '/img/project/blog.png',//图片
    website: 'https://xiaojunnan.cn',//展示地址
    source: 'https://github.com/xiaojunnanya',// github地址
    tags: ['opensource', 'design', 'favorite'],// 标签
    type: 'web',//类型
  },