Upload files to "/"
This commit is contained in:
310
GITEA-SETUP-GUIDE.md
Normal file
310
GITEA-SETUP-GUIDE.md
Normal file
@@ -0,0 +1,310 @@
|
||||
# 🚀 Gitea Setup Guide - LinkedIn AI-Text Generator
|
||||
|
||||
## Steg-för-steg installation på din Gitea-server
|
||||
|
||||
---
|
||||
|
||||
## Steg 1: Skapa Repository i Gitea
|
||||
|
||||
1. **Logga in** på din Gitea-server (t.ex. `https://wolfnova.ai/gitea`)
|
||||
2. Klicka på **"+"** → **"New Repository"**
|
||||
3. **Repository name:** `linkedin-ai-tools`
|
||||
4. **Visibility:** Public (viktigt! annars fungerar inte bookmarklet)
|
||||
5. **Initialize repository:**
|
||||
- ✅ Kryssa i "Initialize Repository"
|
||||
- ✅ Add README: (vi ersätter den senare)
|
||||
- License: None (eller välj en)
|
||||
6. **Create Repository**
|
||||
|
||||
---
|
||||
|
||||
## Steg 2: Ladda upp filer
|
||||
|
||||
Du har tre alternativ:
|
||||
|
||||
### Alternativ A: Via Gitea Web UI (Enklast)
|
||||
|
||||
1. I ditt nya repo, klicka **"Upload file"**
|
||||
2. Dra och släpp dessa filer:
|
||||
- `linkedin-ai.js`
|
||||
- `version.json`
|
||||
- `README.md` (ersätter befintlig)
|
||||
3. **Commit message:** "Initial upload v2.0.0"
|
||||
4. **Commit Changes**
|
||||
|
||||
### Alternativ B: Via Git CLI
|
||||
|
||||
```bash
|
||||
# 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
|
||||
|
||||
1. Klicka på varje fil i repot
|
||||
2. Klicka **"Edit"**
|
||||
3. Klistra in innehållet
|
||||
4. **Commit Changes**
|
||||
|
||||
---
|
||||
|
||||
## Steg 3: Hitta Raw URL
|
||||
|
||||
1. I Gitea-repot, klicka på **`linkedin-ai.js`**
|
||||
2. Klicka på **"Raw"**-knappen
|
||||
3. 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
|
||||
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:
|
||||
|
||||
1. **Högerklicka** i bokmärkesfältet
|
||||
2. **"Add bookmark"** eller **"Lägg till bokmärke"**
|
||||
3. **Name:** `✨ LinkedIn AI`
|
||||
4. **URL:** Klistra in bookmarklet-koden ovan (med din URL!)
|
||||
5. **Save**
|
||||
|
||||
---
|
||||
|
||||
## Steg 5: Testa
|
||||
|
||||
1. Gå till **LinkedIn.com**
|
||||
2. **Markera vilken text som helst**
|
||||
3. **Klicka på `✨ LinkedIn AI`** i bokmärkesfältet
|
||||
4. **Popup ska dyka upp!** ✨
|
||||
|
||||
Om det fungerar: 🎉 **Grattis!**
|
||||
|
||||
---
|
||||
|
||||
## Steg 6: Dela med teamet
|
||||
|
||||
### Intern distribution:
|
||||
|
||||
**Skapa en guide för ditt team:**
|
||||
|
||||
```markdown
|
||||
# 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:
|
||||
|
||||
```html
|
||||
<!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):
|
||||
|
||||
```nginx
|
||||
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:
|
||||
|
||||
1. Lägg scriptet på **jsDelivr** eller **cdnjs**
|
||||
2. Eller använd din egen Nginx/Apache med CORS-headers
|
||||
|
||||
---
|
||||
|
||||
## Uppdatera Scriptet
|
||||
|
||||
När du vill uppdatera:
|
||||
|
||||
1. **Redigera `linkedin-ai.js`** i Gitea
|
||||
2. **Uppdatera `version.json`:**
|
||||
```json
|
||||
{
|
||||
"version": "2.1.0",
|
||||
"released": "2026-01-20",
|
||||
...
|
||||
}
|
||||
```
|
||||
3. **Commit changes**
|
||||
4. **✅ Alla användare får automatiskt uppdateringen!**
|
||||
|
||||
Ingen behöver uppdatera sitt bokmärke manuellt!
|
||||
|
||||
---
|
||||
|
||||
## Felsökning
|
||||
|
||||
### Problem: Script laddar inte
|
||||
|
||||
**Kontrollera:**
|
||||
```bash
|
||||
# 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:**
|
||||
1. Lägg till CORS-headers (se ovan)
|
||||
2. Eller använd **fallback inline bookmarklet** (se nedan)
|
||||
|
||||
### Problem: CSP-blockering
|
||||
|
||||
Vissa sidor (LinkedIn, GitHub) blockerar externa scripts.
|
||||
|
||||
**Lösning: Hybrid Bookmarklet**
|
||||
|
||||
```javascript
|
||||
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):
|
||||
```javascript
|
||||
[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:
|
||||
|
||||
1. **Lägg till fler funktioner** i `linkedin-ai.js`
|
||||
2. **Skapa installer-sida** för enklare distribution
|
||||
3. **Sätt upp monitoring** - logga hur ofta scriptet laddas
|
||||
4. **Version check** - Notifiera användare om nya versioner
|
||||
5. **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
|
||||
Reference in New Issue
Block a user