add website

.github/workflows/deploy.yml

@@ -0,0 +1,43 @@
+name: Deploy to GitHub Pages
+
+on:
+  push:
+    branches:
+      - main  # 当推送到main分支时触发
+  # 允许手动触发工作流
+  workflow_dispatch:
+
+# 权限设置
+permissions:
+  contents: write
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout 🛎️
+        uses: actions/checkout@v3
+
+      - name: Setup Node.js 🔧
+        uses: actions/setup-node@v3
+        with:
+          node-version: '18'
+          cache: 'npm'
+          cache-dependency-path: './script-hook-website/package-lock.json'
+
+      - name: Install Dependencies 📦
+        run: |
+          cd script-hook-website
+          npm ci
+
+      - name: Build 🏗️
+        run: |
+          cd script-hook-website
+          npm run build
+
+      - name: Deploy 🚀
+        uses: JamesIves/github-pages-deploy-action@v4
+        with:
+          folder: script-hook-website/dist # 要部署的文件夹
+          branch: gh-pages # 部署到的分支
+          clean: true # 在部署前清理目标分支 

.gitignore

@@ -119,6 +119,9 @@ dist
 # TernJS port file
 .tern-port
 
+# VS Code settings
+.vscode/
+
 # Stores VSCode versions used for testing VSCode extensions
 .vscode-test
 

CHANGELOG.md

@@ -1,12 +1,19 @@
 # Change Log 
 
-# v0.0.1（2021年-01-02）
+# v0.1（2021年-01-02）
 - 在逆向时有初步的心得，并将其整理为一个简单的脚本。
 
-# v0.0.2（不记得了）
+# v0.2（不记得了）
 - 具体啥功能不记得了，应该是进行了一些优化
 
-# v0.0.3（2025-01-09）
+# v0.3（2025-01-09）
 - 完全重做，增加了界面、控制台的支持，对Hook功能也进行了增强。
 
+# v0.4 
+- 重构为使用TypeScript
+
+
+
+
+
 

script-hook-website/README.md

@@ -0,0 +1,151 @@
+# JS Script Hook Website
+
+<div align="right">
+  <a href="README.md">English</a> | <a href="README.md">中文</a>
+</div>
+
+## About
+
+This is the official website for the JS Script Hook project, featuring a React-based SPA that showcases the library's features, provides installation instructions, and offers community support resources.
+
+The website is built with React, TypeScript, and supports full internationalization with both English and Chinese languages.
+
+## Features
+
+- Responsive design that works on all devices
+- Comprehensive internationalization (i18n) support for English and Chinese
+- Optimized SEO metadata with language-specific content
+- Interactive UI components to demonstrate the library's capabilities
+- Social sharing functionality
+
+## Development
+
+### Prerequisites
+
+- Node.js (v14.0.0 or higher)
+- npm or yarn
+
+### Installation
+
+```bash
+# Clone the repository
+git clone https://github.com/JSREI/js-script-hook.git
+cd js-script-hook/script-hook-website
+
+# Install dependencies
+npm install
+# or
+yarn install
+```
+
+### Development Server
+
+```bash
+# Start the development server
+npm start
+# or
+yarn start
+```
+
+The website will be available at `http://localhost:8080`.
+
+### Building for Production
+
+```bash
+# Build for production
+npm run build
+# or
+yarn build
+```
+
+The compiled website will be available in the `dist` directory.
+
+## Internationalization
+
+The website supports both English and Chinese languages. The language is automatically detected based on the user's browser settings, but can also be manually selected through the language switcher in the header.
+
+Translation files are located in:
+- `src/i18n/locales/en.json` (English)
+- `src/i18n/locales/zh.json` (Chinese)
+
+## Deployment
+
+The website is deployed to GitHub Pages automatically via GitHub Actions when changes are pushed to the main branch.
+
+---
+
+<div align="center">
+  <h1>JS Script Hook 网站</h1>
+</div>
+
+<div align="right">
+  <a href="README.md">English</a> | <a href="README.md">中文</a>
+</div>
+
+## 简介
+
+这是JS Script Hook项目的官方网站，基于React的单页应用程序，展示了该库的功能特性，提供安装指南，并提供社区支持资源。
+
+该网站使用React和TypeScript构建，支持英文和中文的完整国际化。
+
+## 特性
+
+- 响应式设计，适用于所有设备
+- 全面支持英文和中文的国际化(i18n)
+- 针对不同语言优化的SEO元数据
+- 交互式UI组件，展示库的功能
+- 社交媒体分享功能
+
+## 开发
+
+### 环境要求
+
+- Node.js (v14.0.0或更高版本)
+- npm或yarn
+
+### 安装
+
+```bash
+# 克隆仓库
+git clone https://github.com/JSREI/js-script-hook.git
+cd js-script-hook/script-hook-website
+
+# 安装依赖
+npm install
+# 或
+yarn install
+```
+
+### 开发服务器
+
+```bash
+# 启动开发服务器
+npm start
+# 或
+yarn start
+```
+
+网站将在`http://localhost:8080`可访问。
+
+### 生产环境构建
+
+```bash
+# 构建生产版本
+npm run build
+# 或
+yarn build
+```
+
+编译后的网站将在`dist`目录中可用。
+
+## 国际化
+
+该网站支持英文和中文两种语言。语言会根据用户的浏览器设置自动检测，也可以通过页头的语言切换器手动选择。
+
+翻译文件位于：
+- `src/i18n/locales/en.json`（英文）
+- `src/i18n/locales/zh.json`（中文）
+
+## 部署
+
+当更改推送到主分支时，网站会通过GitHub Actions自动部署到GitHub Pages。