Kako uporabljati izrezke CSS v Obsidianu

Delčki kaskadnih slogov (CSS) vam pomagajo dodati sloge po meri v trezor Obsidian. So zmogljiva orodja, ki pomagajo definirati različne dele uporabniškega vmesnika, kot so barva, položaj in velikost elementov. Če se naučite uporabljati izrezke CSS v Obsidianu, lahko ustvarite prilagojen videz, s čimer se Obsidian približa vašemu delovnemu slogu in osebnosti. To lahko izboljša vaše izkušnje in splošno produktivnost. Berite naprej, če želite izvedeti, kako uporabljati izrezke CSS na Obsidianu.

Dodajanje izrezkov v Obsidian

Prvi del uporabe izrezkov CSS je njihovo dodajanje. Različne prilagoditve in slogi vam omogočajo, da ustvarite vizualno privlačen in funkcionalen delovni prostor. Z uporabo izrezkov je ustvarjanje zapiskov izpolnjujoče in prijetno. V primeru, da še ne veste, takole dodate delčke v svoj trezor:

1. Pojdite na »Nastavitve« in ga odprite.
   
2. Izberite »Videz« in izberite »Izrezki CSS.
   
3. Izberite mapo »Snippets Folder«.
   
4. Ustvarite ali prenesite izrezke CSS v tej mapi.
   
5. Odprite »Snippets« in »Reload«.
   

Uporaba izrezkov CSS v Obsidianu

V Obsidianu uporaba izrezkov CSS pomaga prepisati ali dopolniti različne večje teme, ki jih uporabite za izdelek. Če želite uporabiti izrezke:

1. Dodajte datoteko z imenom .css v .obsidian/snippets.
   
2. Pomaknite se do možnosti »Videz«.
   
3. Osveži.
   
4. S preklopom izberite nastalo datoteko.
   

Slog Obsidian z uporabo izrezkov CSS

Izrezki CSS so sestavni del Obsidiana, ker opisujejo, kako naj bi bil videti vsak del trezorja. Ti izrezki vam omogočajo, da prilagodite praktično vse značilnosti Obsidiana, da ustrezajo vašim željam. Obstajajo različne možnosti, kar zadeva oblikovanje Obsidiana.

Uporaba izbirnikov za izbiro sloga

Odločanje, kaj stilizirati, zahteva »izbirnike«. To vam omogoča, da prepoznate del, ki ga želite oblikovati. Izbirniki so običajno ugnezdeni in morate biti natančni. Če stilizirate »pisava v narekovajih«, izberite točno to. Na splošno izbira »narekovajev« spremeni videz narekovajev v vsakem delu aplikacije.

Uporabite Lastnosti za oblikovanje izbora

Če želite oblikovati svoj izbor, morate uporabiti »Lastnosti«, ki jih je v CSS veliko. Če želite biti natančni glede rezultata, določite lastnosti, ki jih je treba urediti, in jim dodelite ciljne vrednosti.

Uporabite deklaracijo za dajanje navodil

Za podajanje navodil se uporablja "izjava". To vključuje izbirnik (kaj potrebuje slog), lastnosti, ki potrebujejo stil (dele, ki jih je treba spremeniti), in nove vrednosti lastnosti (videz, ki ga želite). Na primer, če želite, da je vse besedilo v urejevalniku rdeče, je to tako, kot bi rekli: "Obsidian, poišči vse besedilo v urejevalniku in jim reci, naj postane rdeče." Deklaracija CSS bi morala izgledati takole:

.markdown-source-view {
color: red;
}

.markdown-source-view deluje kot izbirnik. {} vsebuje lastnosti, ki jih je treba oblikovati, barva prikazuje lastnost, rdeča pa je želena vrednost. Razmerja vrednosti vseh lastnosti so prikazana z lastnostjo, ki ji sledi dvopičje, vrednost in podpičje, ki konča vašo vrstico. Lastnosti morajo biti za eno alineo od sektorja, da jih boste zlahka razlikovali.

Ločevanje deklaracije v vrsticah ni obvezno, vendar vam lahko pomaga pri spreminjanju številnih različnih elementov in vidikov.

Razlaga CSS je zaporedna, pri čemer zadnje deklaracije prevladujejo nad vsemi drugimi predhodnimi.

Uporabite razrede, da izberete, kaj želite oblikovati

»Razredi« se uporabljajo za izbiro, kaj želite stilizirati. Razredi so opisani kot dodani atributi osnovne strukture aplikacije. Lahko jih ciljate z uporabo selektorjev. .markdown-source-view identificira vsebino aplikacije, ki je odprta za pogled urejevalnika. Predhodna pika v imenih objektov označuje razrede.

Ciljni elementi

»Elementi« potrebujejo tudi ciljanje, odvisno od tega, kaj je oblikovano. To so strukturni deli aplikacije. Odstavke lahko zamaknete z izbirnikom elementov »p«. Za opis elementov ni uporabljenih predhodnih ločil.

Uporabite logiko v izbirnikih za povečanje specifičnosti

Uporaba presledka poveča specifičnost z izbiro potomcev: »starš starš-otrok« izbere otroka starša, ki je otrok starega starša. Na primer ,. markdown-source-view blockquote izbere blokovne narekovaje znotraj podokna načina urejanja.

Če je med razredi pika, kaže razmerje »in«. Če na primer vnesete ».programmer.designer«, boste izbrali elemente z razredoma »programmer« in »designer«.

Vejica je logično ločilo »ali«. Na primer, vnos »blockquote,pre« cilja na elementa »blockquote« in »pre«.

Lahko se sklicujete na Mozillin vodnik za CSS , saj se večina logike tam nanaša na Obsidian.

Shranjevanje slogovnih deklaracij

Ko ustvarjate obsežne teme, jih shranite pod VAULT/.obsidian/themes. To bi moralo biti edinstveno poimenovano in najdeno pod Nastavitve> Videz> Tema v Obsidianu. Tapnite možnost »Znova naloži teme«, če ni zaznana. Če so popravki narejeni na obstoječi temi in so majhni, jih shranite pod VAULT/.obsidian/snippets.

Prilagajanje tem Obsidian z uporabo izrezkov CSS

Obsidian ima teme, ki vam omogočajo spreminjanje. Lahko se odločite, da še naprej preizkušate eno temo naenkrat ali ustvarite CSS po meri, ki ustreza vašim potrebam z orodjem DevTool.

Preverite možnost »Uporabi izrezek CSS«.

Tukaj začnete in to je, da omogočite CSS po meri. To omogoča Obsidianu, da prebere kodo in nato prepiše privzeti slog. Spodnji koraki pomagajo omogočiti možnost CSS po meri.

1. Odprite aplikacijo Obsidian.
   
2. Pomaknite se do »Nastavitve« na svoji strani obsidian (spodaj desno). S tem se odpre stran z nastavitvami.
   
3. Na strani z nastavitvami izberite »Videz«.
   
4. Na dnu menija »Videz« označite možnost »Uporabi izrezek CSS pri (imeniku)«.
   

To bo aplikacijo usmerilo na datoteko CSS, ki se nahaja v korenskem imeniku trezorja. To se prebere in uporabi se koda CSS po meri. Na tej točki ni datoteke CSS.

Kar najbolje izkoristite Obsidian z uporabo izrezkov CSS

Obsidian odpira številne možnosti. Če želite kar najbolje izkoristiti, morate poskusiti nekaj dodatnega, s čimer naredite bolj razburljivo in koristno. Ustvarjanje tem s pomočjo CSS je morda vse, kar potrebujete. Če želite to narediti, morate najprej omogočiti izrezke CSS v Obsidianu prek menija z nastavitvami. CSS vam omogoča spreminjanje sloga in dodajanje novih vrednosti. Lahko dosežete veliko več in se poigrate z uporabo izrezkov CSS.

Ste že kdaj poskusili uporabiti izrezke CSS na Obsidianu? Kakšna je bila vaša izkušnja? Delite z nami v spodnjem oddelku za komentarje.