Hugo témák

Jövőbeli tökéletlen téma - karcsúsított

Hugo Future tökéletlen A Slim egy olyan téma, amely a jpescador HTML5 UP azonos nevű témájának portján alapul. Ennek a témának a célja az eredeti téma fejlesztésének folytatása. Ez a verzió átveszi azt a portot és azzal modernizálja CSS Rács és A modern Hugo funkciók.

Nézze meg a Hugo Theme Showcase élő bemutatóját.

Tartalomjegyzék

Tartalomjegyzék

Elkezdeni

Nem fejlesztés

Fejlődés

exampleSite

config.toml

Staticman

Hugo beépített szervere

Shortcodes

A szerzőről

Engedély

Elkezdeni
Attól függően, hogy miként kívánja felhasználni a témát, kétféle módon javasoljuk az első lépéseket.

Nem fejlesztés
Ha az a célja, hogy egyszerűen használja a témát a webhelyén, még akkor is, ha a téma testreszabását tervezi, és nem tesz lekérési kérelmet ehhez az adattárhoz, akkor hozzá kell adnia a témát almodulként a projektjéhez.

Miután kibontotta a fájlokat az exampleSite könyvtárból, tegye a következőket a webhely gyökérkönyvtárában:

Az összes témafájl elérhető lesz a témákról/hugo-future-imperfect-slim a projekt mappájából.

Ha testre akarja szabni Bármi a téma személyes fájljainak használatához egyszerűen hozzon létre egy duplikát fájlt a projekt szintjén a téma szintje helyett. Ez az a funkció, amely Hugónak veleszületett, Hugo keresési sorrendje alapján

Például, ha meg akarta változtatni a Névjegy oldal sablonját (/themes/layouts/_default/about.html). Létrehozna egy új fájlt a /layouts/_default/about.html címen a témafájl alapján, de a módosításait is beleértve

Ez a megfelelő módja a fájlok személyes használatra történő beállításának oly módon, hogy az ne tegye a webhelyét összeférhetetlenné a témával.

Ha készen áll a webhely aktuális verziójának frissítésére, tegye a következőket:

Fejlődés
Ha segíteni kíván a téma kidolgozásában, akkor saját példányt szeretne kapni, amely nem egy almodul. Ehhez keresse meg azt a helyet, ahová el szeretné helyezni, és tegye a következőket:

exampleSite
A hugo-future-imperfect-slim mappán belül lesz egy másik mappa, az exampleSite. Ez a mappa meghatározza a téma tipikus webhelyszerkezetét, amely így néz ki:

config.toml
A kezdéshez át kell másolnia az exampleSite/config.toml fájlt a projekt gyökérkönyvtárába.

A config.toml fájlról a wiki oldalon olvashat

Staticman
Ha statikus megjegyzéseket szeretne a Staticman-tól, akkor az exampleSite/staticman.yml fájlt is át kell másolnia a projekt gyökérkönyvtárába.

A Staticman részleteit a wiki oldalon találja

Egyéni JavaScript és CSS
Ezt a témát a saját JS- vagy CSS-kódjával saját igényei szerint alakíthatja. Ehhez szerkesztheti a exampleSite/static/css/add-on.css vagy a exampleSite/static/js/add-on.js fájlokat, vagy betöltheti saját fájljait a cssFiles és a jsFiles paraméterek hozzáadásával. a config.toml fájlban .

Hugo beépített szervere
A webhely élő verziójának helyi megtekintéséhez használja a következő parancsot:

Hugo felépíti az Ön webhelyét és helyben fog szervert szerverezni. Ezt élőben megtekintheti a localhost: 1313 címen.

Shortcodes
A natív Hugo rövidítéseken túl található rövidítésekről a wiki oldalon olvashat.

A szerzőről
A Hugo Future Imperfect a HTML5 UP témája. Julio Pescador elvette tőlük a megadott kódot, és áthelyezte, hogy Hugóval együtt használható legyen. Ezután Patrick Collins elvette ezt a kikötőt, lebontotta és átalakította az újabb Hugo funkciók keretében, amellett, hogy először mobilként építette fel a CSS Gridet. Ez lehetővé tette az eredetileg mellékelt CSS és JS fájlok karcsúsítását is, hogy megszüntesse azokat a szolgáltatásokat, amelyeket a webhelyen nem használtak (innen a név, vékony). Ez alatt az idő alatt a StatnMap a téma nagy részének átalakításán dolgozott, hogy a többnyelvű funkcionalitást is magában foglalja - ami itt szerepel.

Mivel az eredeti fejlesztés elavulttá vált, és az újratervezés nem egyeztethető össze közvetlenül az eredeti Hugo Future Imperfect korábbi verzióival, most a saját repójában van, hogy segítse a fejlődést és megakadályozza a zavart.

Kérjük, olvassa el a projekt közreműködői listáját azok számára, akik közvetlenül hozzájárultak a téma ezen verziójához.

Engedély
Ez a téma a Creative Commons Nevezd meg! 3.0 licenc alatt jelenik meg. A „Future Imperfect” a HTML5 UP témája, ugyanazon feltételek mellett licencelt. Kérjük, olvassa el a licencet további információkért.

Lásd még

Nyújtson be egy problémát
Kaphat segítséget
Beszélje meg a forráskódot

@GoHugoIO
@ spf13
@bepsays

Hugo szponzorok

A Hugo Gopher Renée French eredeti műve alapján készült.

Hugo témák

Tartalomjegyzék Tartalomjegyzék Elkezdeni Nem fejlesztés Fejlődés exampleSite config.toml Staticman Hugo beépített szervere Shortcodes A szerzőről Engedély

Elkezdeni Attól függően, hogy miként kívánja felhasználni a témát, kétféle módon javasoljuk az első lépéseket.

Fejlődés Ha segíteni kíván a téma kidolgozásában, akkor saját példányt szeretne kapni, amely nem egy almodul. Ehhez keresse meg azt a helyet, ahová el szeretné helyezni, és tegye a következőket:

exampleSite A hugo-future-imperfect-slim mappán belül lesz egy másik mappa, az exampleSite. Ez a mappa meghatározza a téma tipikus webhelyszerkezetét, amely így néz ki:

config.toml A kezdéshez át kell másolnia az exampleSite/config.toml fájlt a projekt gyökérkönyvtárába. A config.toml fájlról a wiki oldalon olvashat

Staticman Ha statikus megjegyzéseket szeretne a Staticman-tól, akkor az exampleSite/staticman.yml fájlt is át kell másolnia a projekt gyökérkönyvtárába. A Staticman részleteit a wiki oldalon találja

Hugo beépített szervere A webhely élő verziójának helyi megtekintéséhez használja a következő parancsot: Hugo felépíti az Ön webhelyét és helyben fog szervert szerverezni. Ezt élőben megtekintheti a localhost: 1313 címen.

Shortcodes A natív Hugo rövidítéseken túl található rövidítésekről a wiki oldalon olvashat.

Engedély Ez a téma a Creative Commons Nevezd meg! 3.0 licenc alatt jelenik meg. A „Future Imperfect” a HTML5 UP témája, ugyanazon feltételek mellett licencelt. Kérjük, olvassa el a licencet további információkért.