Gestire le GitHub Pages con Mercurial e TortoiseHG

Abbiamo già visto in un precedente articolo come sia possibile creare, pubblicare e gestire un repository su github.com senza bisogno di installare Git, avvalendosi unicamente di MercurialTortoiseHG. In questo articolo spiegheremo come sia possibile utilizzare lo stesso metodo per impostare branch aggiuntivi, come ad esempio il branch gh-pages mediante il quale GitHub consente di pubblicare le cosiddette project pages.

GitHub Pages: cosa sono e a cosa servono

Come spiega il sito, le GitHub pages non sono altro che pagine web ospitate sui server di GitHub. Si dividono in due tipologie:

  • User & Organization Pages: si tratta di pagine legate al nostro account GitHub. Per crearle è sufficiente creare un repository con un nome particolare legato al nostro account. La sintassi da seguire è la seguente:  <username>.github.io  , dove al posto di <username> andrà inserito il nome corrispondente al proprio account GitHub. Una volta creato sarà possibile aggiungere una o più pagine web (e relativi css, js, immagini etc.) che diventeranno immediatamente accessibili all'indirizzo:  http(s)://<username>.github.io .  Queste pagine sono solitamente utilizzate per creare un mini sito web relativo al proprio account GitHub: presentazione e informazioni sullo sviluppatore, portfolio, mission del team di sviluppo, etc.
  • Project Pages: si tratta di pagine legate a un progetto specifico pubblicato su GitHub. Possono essere create manualmente utilizzando gli appositi comandi Git oppure automaticamente utilizzando il software di generazione automatico messo a disposizione da GitHub. In entrambi i casi verrà aggiunto un branch apposito, denominato gh-pages, dove sarà possibile aggiungere una o più pagine web alle quali si potrà accedere mediante l'indirizzo: http(s)://<username>.github.io/<projectname> . Queste pagine sono solitamente utilizzate per creare un sito web relativo al proprio progetto: descrizione, istruzioni per l'uso, esempi, demo, documentazione, API, etc.

Poiché le User & Organization Pages utilizzano il branch master del repository a loro dedicato, per gestirle è sufficiente fare riferimento all'articolo pubblicato in precedenza, che illustra appunto come gestire un repository Git tramite Mercurial. Nel caso delle Project Pages la questione è resa leggermente più complicata dal fatto che dobbiamo creare un branch apposito: vediamo come.

Creare le Project Page con il Generatore Automatico

Il modo più semplice di procedere è quello di utilizzare il generatore automatico messo a disposizione da GitHub. Aprite la pagina GitHub relativa al vostro progetto e fate click sul pulsante Settings presente nel menù in basso a destra:

Image courtesy of GitHub.
Image courtesy of GitHub.

Fate quindi click sul pulsante Automatic Page Generator.

github.project.page.generator

Si aprirà un wizard tramite il quale potrete inserire il contenuto della prima pagina, aggiungere eventualmente un collegamento Google Analytics e scegliere un layout tra quelli proposti: completate la procedura di creazione facendo click su Publish Page e il sistema provvederà ad aggiungere il branch gh-pages al vostro repository.

github.project.page.layout

 

Noterete che si tratta di un branch totalmente scollegato dal progetto, contenente solo ed esclusivamente le pagine web ad esso relative e i contenuti statici utilizzati (javascript, stylesheets, images):

github.project.page.gh-page.branch

 

Creare le Project Page manualmente

Nel caso in cui preferiate lavorare con la command-line, potete aggiungere il branch gh-pages sia con Mercurial che con Git nel seguente modo:

Mercurial:

Git:

Per una spiegazione più approfondita dei singoli passaggi rimandiamo alla documentazione ufficiale di GitHub.

 

Conclusione

Indipendentemente dall'approccio che avete seguito, al termine dovreste essere riusciti ad aggiungere un branch gh-pages al vostro repository GitHub remoto. A questo punto non vi resta altro da fare che sincronizzare il repository remoto (su GitHub) con il repository Mercurial locale presente sul vostro hard-disk secondo le medesime modalità descritte nel post precedente. Aprite quindi il menu contestuale facendo click con il tasto destro del mouse sulla cartella relativa al vostro progetto e selezionate l'opzione Synchronize. Inserite (per due volte, se necessario) le vostre credenziali GitHub e il gioco è fatto!

Indipendentemente dall'approccio che avete seguito, al termine dovreste essere riusciti ad aggiungere un branch gh-pages al vostro repository GitHub remoto e a replicare lo stesso sul vostro repository Mercurial locale. Per avere un riscontro, lanciate il TortoiseHG workbench e osservate la situazione del repository locale:

tortoisehg.workbench.branches

Come si può vedere dalla screenshot, il branch Git creato da GitHub è stato trasformato in un bookmark Mercurial che, nel caso specifico, assolve alle medesime funzioni. Potete cambiare bookmark in qualsiasi momento con un semplice hg update da command-line oppure tramite le opzioni che accessibili dal menu contestuale di TortoiseHG.

tortoisehg.update

Utilizzate al bookmark master per lavorare sui file del progetto e il bookmark hg-pages per lavorare sulle Project Pages.

Felice sviluppo!

 

 

About Ryan

IT Project Manager, Web Interface Architect e Lead Developer di numerosi siti e servizi web ad alto traffico in Italia e in Europa. Dal 2010 si occupa anche della progettazione di App e giochi per dispositivi Android, iOS e Mobile Phone per conto di numerose società italiane. Microsoft MVP for Development Technologies dal 2018.

View all posts by Ryan

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *


The reCAPTCHA verification period has expired. Please reload the page.

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.