MCPcopy Index your code
hub / github.com/Leelokhan/Simple-personal-static-web-page

github.com/Leelokhan/Simple-personal-static-web-page @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
466 symbols 1,026 edges 13 files 0 documented · 0% updated 57d ago★ 3411 open issues

Browse by type

Functions 460 Types & classes 6
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

Simple Personal Static Web Page

English version | 中文版本

Updated to support direct one-click deployment on Vercel and Cloudflare.

Used AI to create a simple web page for practice and to cultivate hobbies.

Examples: - live2d.honkai.ct8.pl - Small AI-made game O(∩_∩)O~ - oh.mei.cc.cd - Simple IP Check Page

A "idiot-proof" setup for your own IP detection page, pure HTML.

WeChat Screenshot

To make it less monotonous, I added Live2D → imuncle/live2d. I deleted most models in my repository and only kept a few for testing. You can download more from the original project address.

Advanced: Live2D models can be placed on any website. Examples: nz.562427418.xyz, z.meizizi.nyc.mn

image image ScreenShot_2026-05-15_183303_639

Try my code in the live2d window file. I set it to show only one model and cannot switch to others. Also updated the music player code.

Features:

  1. Music Player: A very conventional player.
  2. Video Player: Also a very conventional player.
  3. Image Viewer: Also very conventional. My code uses the background as an image viewer. O(∩_∩)O Use WASD to control image position, and the top slider to control size.
  4. Custom Mouse Cursor
  5. Simple Page Special Effects

Might update in the future!

For Vercel, just bind it to your GitHub.

Cloudflare Usage: ScreenShot_2026-05-15_170616_101 ScreenShot_2026-05-15_170712_445 Then deploy normally.

--------------------------↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ Outdated ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

image

It's very simple: download the package, then extract it to your server's domain folder. I can't guarantee it works by just dropping it in everywhere, as not all servers are the same. I only tested on my own.

I'm using my previously registered Serv00 for testing here.

Preparation

  1. Register a domain: dash.domain.digitalplat.org is free here. Try not to use QQ or 163 emails. Registration is simple; use a browser translation plugin if you don't understand.
  2. Setup Cloudflare: Register a Cloudflare account at dash.cloudflare.com to resolve the domain. After registering, click "Add a Site" and fill in the domain you just registered. Screenshot
  3. Copy the two nameserver entries to your domain panel and click confirm. Screenshot Screenshot
  4. Go to your server (mine is Serv00), add a domain. Remember to add the prefix! image image image
  5. Go back to Cloudflare and add a DNS A record. image
  6. Go to your server's file manager. image
  7. Find the domain folder, delete the default page first, then upload the packaged code. Screenshot Screenshot
  8. Extract it to the domain location. Then type the domain in your browser to open it. meizizi.hengzai.dpdns.org

I've added comments to the code, so modification shouldn't be hard. You can download it locally and let AI help you modify it. image image image

Add the elements you want here: image image

Core symbols most depended-on inside this repo

Shape

Function 444
Method 16
Class 6

Languages

TypeScript100%

Modules by API surface

live2d_3/js/live2dcubismcore.min.js204 symbols
js/live2d.js83 symbols
live2d_3/js/jquery.min.js78 symbols
live2d_3/js/pixi.min.js34 symbols
live2d_3/js/live2dcubismframework.js28 symbols
live2d_3/js/bootstrap.min.js10 symbols
js/videoPlayer.js10 symbols
live2d_3/js/main.js7 symbols
live2d_3/js/live2dcubismpixi.js6 symbols
live2d_3/js/l2d.js5 symbols
js/LAppDefine.js1 symbols

For agents

$ claude mcp add Simple-personal-static-web-page \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

Ask about this repo answers extend the page