mibotech/Wolfnova-WebTools

Fork 0

Files

Michael Bohman f38484b5dd Upload files to "/"

2026-01-19 15:50:27 +00:00

7.4 KiB

Raw Blame History

🚀 Gitea Setup Guide - LinkedIn AI-Text Generator

Steg-för-steg installation på din Gitea-server

Steg 1: Skapa Repository i Gitea

Logga in på din Gitea-server (t.ex. https://wolfnova.ai/gitea)
Klicka på "+" → "New Repository"
Repository name: linkedin-ai-tools
Visibility: Public (viktigt! annars fungerar inte bookmarklet)
Initialize repository:
- ✅ Kryssa i "Initialize Repository"
- ✅ Add README: (vi ersätter den senare)
- License: None (eller välj en)
Create Repository

Steg 2: Ladda upp filer

Du har tre alternativ:

Alternativ A: Via Gitea Web UI (Enklast)

I ditt nya repo, klicka "Upload file"
Dra och släpp dessa filer:
- linkedin-ai.js
- version.json
- README.md (ersätter befintlig)
Commit message: "Initial upload v2.0.0"
Commit Changes

Alternativ B: Via Git CLI

# Klona repot
git clone https://wolfnova.ai/gitea/DITTANVÄNDARNAMN/linkedin-ai-tools.git
cd linkedin-ai-tools

# Kopiera filerna till mappen
cp /path/to/linkedin-ai.js .
cp /path/to/version.json .
cp /path/to/README.md .

# Commit och pusha
git add .
git commit -m "Initial upload v2.0.0"
git push origin main

Alternativ C: Direkt redigera i Gitea

Klicka på varje fil i repot
Klicka "Edit"
Klistra in innehållet
Commit Changes

Steg 3: Hitta Raw URL

I Gitea-repot, klicka på linkedin-ai.js
Klicka på "Raw"-knappen
Kopiera URL:en från adressfältet

URL-format blir:

https://wolfnova.ai/gitea/DITTANVÄNDARNAMN/linkedin-ai-tools/raw/branch/main/linkedin-ai.js

Exempel:

https://wolfnova.ai/gitea/wolfnova/linkedin-ai-tools/raw/branch/main/linkedin-ai.js

Steg 4: Skapa Bookmarklet

Nu skapar du bookmarklet som laddar från din Gitea:

Bookmarklet-kod:

javascript:(function(){var s=document.createElement('script');s.src='https://wolfnova.ai/gitea/DITTANVÄNDARNAMN/linkedin-ai-tools/raw/branch/main/linkedin-ai.js';document.body.appendChild(s);})();

⚠️ VIKTIGT: Byt ut DITTANVÄNDARNAMN och domänen mot din faktiska Gitea-URL!

Skapa bokmärket:

Högerklicka i bokmärkesfältet
"Add bookmark" eller "Lägg till bokmärke"
Name: ✨ LinkedIn AI
URL: Klistra in bookmarklet-koden ovan (med din URL!)
Save

Steg 5: Testa

Gå till LinkedIn.com
Markera vilken text som helst
Klicka på ✨ LinkedIn AI i bokmärkesfältet
Popup ska dyka upp! ✨

Om det fungerar: 🎉 Grattis!

Steg 6: Dela med teamet

Intern distribution:

Skapa en guide för ditt team:

# Använd LinkedIn AI-Text Generator

1. Högerklicka i bokmärkesfältet
2. Välj "Add bookmark"
3. Namn: ✨ LinkedIn AI
4. URL: [din bookmarklet-kod här]
5. Spara

Klart! Nu kan du markera text och klicka på bokmärket.

Eller skapa en "installer-sida":

Skapa install.html i Gitea-repot:

<!DOCTYPE html>
<html>
<head>
    <title>LinkedIn AI - Installation</title>
    <style>
        body { font-family: system-ui; max-width: 800px; margin: 50px auto; padding: 20px; }
        .bookmarklet { 
            display: inline-block;
            background: #2c5aa0;
            color: white;
            padding: 12px 24px;
            border-radius: 8px;
            text-decoration: none;
            font-weight: bold;
        }
        .bookmarklet:hover { background: #1e3a6b; }
    </style>
</head>
<body>
    <h1>✨ LinkedIn AI-Text Generator</h1>
    <p>Dra detta till ditt bokmärkesfält:</p>
    <a href="javascript:(function(){var s=document.createElement('script');s.src='https://wolfnova.ai/gitea/DITTANVÄNDARNAMN/linkedin-ai-tools/raw/branch/main/linkedin-ai.js';document.body.appendChild(s);})();" class="bookmarklet">
        ✨ LinkedIn AI
    </a>
    <h2>Användning</h2>
    <ol>
        <li>Gå till LinkedIn</li>
        <li>Markera text</li>
        <li>Klicka på bokmärket</li>
        <li>Välj funktion</li>
    </ol>
</body>
</html>

Dela länken: https://wolfnova.ai/gitea/DITTANVÄNDARNAMN/linkedin-ai-tools/src/branch/main/install.html

Hantera CORS (Om problem uppstår)

Om bookmarklet inte kan ladda scriptet på grund av CORS, lägg till dessa headers i Gitea:

Nginx config (om du använder Nginx framför Gitea):

location /gitea/wolfnova/linkedin-ai-tools/raw/ {
    add_header Access-Control-Allow-Origin *;
    add_header Access-Control-Allow-Methods "GET, OPTIONS";
    proxy_pass http://localhost:3000;
}

Alternativt: Använd CDN

Om CORS är ett problem, använd en CDN som automatiskt lägger till CORS-headers:

Lägg scriptet på jsDelivr eller cdnjs
Eller använd din egen Nginx/Apache med CORS-headers

Uppdatera Scriptet

När du vill uppdatera:

Redigera linkedin-ai.js i Gitea

Uppdatera version.json:

{
  "version": "2.1.0",
  "released": "2026-01-20",
  ...
}

Commit changes
✅ Alla användare får automatiskt uppdateringen!

Ingen behöver uppdatera sitt bokmärke manuellt!

Felsökning

Problem: Script laddar inte

Kontrollera:

# Testa om URL:en är tillgänglig
curl https://wolfnova.ai/gitea/DITTANVÄNDARNAMN/linkedin-ai-tools/raw/branch/main/linkedin-ai.js

# Ska returnera JavaScript-kod, inte HTML

Lösning:

Kontrollera att repot är Public
Verifiera att filen heter exakt linkedin-ai.js
Kolla att branch heter main (inte master)

Problem: CORS-fel i Console

Fel:

Access to script at '...' from origin 'https://linkedin.com' has been blocked by CORS policy

Lösning:

Lägg till CORS-headers (se ovan)
Eller använd fallback inline bookmarklet (se nedan)

Problem: CSP-blockering

Vissa sidor (LinkedIn, GitHub) blockerar externa scripts.

Lösning: Hybrid Bookmarklet

javascript:(function(){
    fetch('https://wolfnova.ai/gitea/DITTANVÄNDARNAMN/linkedin-ai-tools/raw/branch/main/linkedin-ai.js')
        .then(r => r.text())
        .then(code => eval(code))
        .catch(e => {
            alert('❌ Kunde inte ladda script. Kontrollera att servern är tillgänglig.');
            console.error(e);
        });
})();

Backup: Fallback Inline Bookmarklet

Om Gitea-lösningen inte fungerar på grund av CORS/CSP, ha denna som backup:

Minifierad inline-version (ingen server behövs):

[Din nuvarande inline bookmarklet-kod här som backup]

Fördelar med Gitea-lösningen

✅ Centraliserad uppdatering - Uppdatera en gång, alla får uppdateringen ✅ Versionskontroll - Git-historik över alla ändringar ✅ Collaboration - Flera kan bidra till utvecklingen ✅ Self-hosted - Full kontroll över koden ✅ Privat eller public - Du bestämmer ✅ CI/CD möjligt - Kan koppla på automatiska tester

Nästa steg

Efter basic setup, överväg:

Lägg till fler funktioner i linkedin-ai.js
Skapa installer-sida för enklare distribution
Sätt upp monitoring - logga hur ofta scriptet laddas
Version check - Notifiera användare om nya versioner
A/B testing - Testa olika prompts och UI-varianter

Support

Problem? Kontakta:

Email: [din email]
Gitea: https://wolfnova.ai/gitea/DITTANVÄNDARNAMN/linkedin-ai-tools/issues

Lycka till! 🚀

Wolfnova Innovation

7.4 KiB Raw Blame History