Code Monkey home page Code Monkey logo

open-portal's Introduction

一、代码结构说明

1、.vitepress/theme/components 页面文件,包含页首页、文章等页面样式布局

2、.vitepress/theme/components css文件,设置页面全局样式

3、.vitepress/theme/utils.ts 工具方法

4、posts 用于存放通知文件

通知文件定义

---
title: '使用伽马校正获取对比度色值'  //通知标题
description: "这是一个描述"        // 通知描述
date: 2024-03-08                  //通知时间
hidden: false                    //是否隐藏
tags:                            //  标签
  - 伽马校正
  - 算法
---
=================正文

5、public 用于存放图片等文件

6、static/carousel.json 首页轮播定义

  {
    "imgUrl": "/O1C.png",  //public里面的图片存放路径
    "title": "一只乌龟标题", //轮播标题
    "description": "这就是一只乌龟的图片",//轮播描述
    "linkName": "点击跳转",//轮播按钮操作描述
    "link": "https://www.baidu.com" //轮播按钮跳转链接
  }

7、static/mirrors.json 首页 项目card 定义

  {
    "title": "mirror1",
    "description": "白日依山尽,黄河入海流。欲穷千里目,更上一层楼。",
    "tags": ["tag1", "tag2"],
    "link": "https://www.baidu.com/",
    "status": "1",
    "type": "type1"
  },

二、代码运行

1、运行环境 node版本 18.19.1 npm 10.2.4

2、代码运行 npm run dev

三、 部署

无需build,发布到GitHub上自动部署,在GitHub仓库页面,点击"Settings"(设置),然后点击"Pages"查看是否有已配置的Pages服务。如果未启用,需要在"Settings"下的"Pages"部分选择合适的分支来构建和部署网站即可。

open-portal's People

Contributors

freedomkk-qfeng avatar dashuibicym avatar zorroe avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.