Retour au bloga>

Projets - Apprentissage

p>

Comment j'ai construit ce site
en 3h30 avec Claude

h1>
weilinhu.com 2 conversations - 8 etapes GitHub - DNS - LinkedIn
div>
div>
3.5h
div>

Deux conversations, un site en ligne

Design -> Generation du code -> Push GitHub -> Configuration DNS -> LinkedIn

div>
Debut : 15h17
|
Fin : 18h30
div>
div>
Etapes completes - 8 ETAPES
div>
1
div>
Conversation 1 - Phase 1
div>
Definition du design
div>
Choix du style Dan Koe (dark minimal), police Figtree 900, slogan : Entre deux mondes, j'apprends a construire le troisieme.
div>
ClaudeHTML/CSSindex.html + blog.html generes
div>
div>
30
div>
min
div>
div>
div>
2
div>
Conversation 1 - Phase 1
div>
Tentative connexion GitHub MCP
div>
Essai de connexion directe a GitHub via le connecteur Claude MCP OAuth. L'outil ne se charge pas - necessite une nouvelle conversation.
div>
GitHub MCPOutil non charge -> nouvelle conversation requise
div>
div>
30
div>
min
div>
div>
div>
3
div>
Conversation 2 - Phase 2
div>
Preparation des fichiers locaux
div>
Organisation du dossier blog/ : 10 fichiers - 5 pages HTML + 5 images.
div>
Finder10 fichiers prets
div>
div>
10
div>
min
div>
div>
div>
4
div>
Conversation 2 - Phase 2
div>
Configuration SSH
div>
GitHub n'accepte plus les mots de passe depuis 2021. Token revoque car partage dans le chat. Solution finale : cle SSH ed25519.
div>
Terminalssh-keygenToken expose -> revoqueCle SSH -> succes
div>
div>
40
div>
min
div>
div>
div>
5
div>
Conversation 2 - Phase 2
div>
Push des fichiers vers GitHub
div>
git init -> git add -> commit -> push. SSH confirme, push reussi : 10 fichiers, 687 insertions.
div>
TerminalGit687 insertions ok
div>
div>
10
div>
min
div>
div>
div>
6
div>
Conversation 2 - Phase 2
div>
Activation GitHub Pages
div>
Settings -> Pages -> Branch main -> root -> Save. Site en ligne sur weilinbellinahu.github.io/portfolio/
div>
GitHub PagesHebergement gratuit ok
div>
div>
5
div>
min
div>
div>
div>
7
div>
Conversation 2 - Phase 2
div>
Configuration du domaine
div>
weilinhu.com dans GitHub Pages. Namecheap : 3 A records + 1 CNAME. Propagation DNS : 10 min a quelques heures.
div>
NamecheapDNSweilinhu.com actif ok
div>
div>
15
div>
min
div>
div>
div>
8
div>
Conversation 2 - Phase 2
div>
Ajout lien LinkedIn
div>
Profil LinkedIn -> Coordonnees -> Site web -> https://weilinhu.com, type Portfolio professionnel.
div>
LinkedInPortfolio professionnel ok
div>
div>
5
div>
min
div>
div>
div>
div>
Outils utilises - OUTILS
div>
🤖
div>
Claude
div>
Generation du code, assistance complete
div>
div>
🐙
div>
GitHub
div>
Hebergement du code, depot portfolio
div>
div>
🌐
div>
GitHub Pages
div>
Hebergement statique gratuit
div>
div>
🔑
div>
Terminal + SSH
div>
Commandes git, cle ed25519
div>
div>
🌍
div>
Namecheap
div>
Domaine weilinhu.com + DNS
div>
div>
💼
div>
LinkedIn
div>
Coordonnees -> Portfolio professionnel
div>
div>
div>

Ce qu'il faut retenir

ul>
div>
La prochaine fois - PROCHAINE FOIS
div>
30min
div>

Creer un site similaire en 30 minutes

Cle SSH configuree, plus besoin de reauthentification.
Code -> git push -> Pages -> en ligne.

div>
div>
WEILIN - weilinhu.com 3h30 - 8 etapes - 2 conversations
div>
div> html>