Els fragments de fulls d'estil en cascada (CSS) us ajuden a afegir estils personalitzats a una volta d'Obsidiana. Són eines potents que ajuden a definir diferents parts de la interfície d'usuari, com ara el color, la posició i la mida dels elements. Aprendre a utilitzar fragments CSS a Obsidian significa que podeu crear un aspecte personalitzat, permetent que Obsidian estigui més a prop del vostre estil de treball i personalitat. Això pot millorar la vostra experiència i productivitat en general. Continueu llegint per saber com utilitzar els fragments CSS a Obsidian.
Afegint fragments a Obsidian
La primera part de l'ús de fragments CSS és afegir-los. Les diferents personalitzacions i estils us permeten crear un espai de treball visualment atractiu i funcional. L'ús de fragments fa que la presa de notes sigui satisfactòria i agradable. En cas que encara no ho saps, segueix com afegir fragments a la teva volta:
- Aneu a 'Configuració' i obriu-lo.
- Trieu 'Aparença' i seleccioneu 'Fragments CSS.
- Seleccioneu la 'Carpeta de fragments'.
- Creeu o descarregueu els fragments CSS en aquesta carpeta.
- Obriu 'Fragments' i 'Torna a carregar'.
Ús de fragments CSS a Obsidian
A Obsidian, l'ús de fragments CSS ajuda a sobreescriure o complementar diferents temes més grans que apliqueu al producte. Per utilitzar fragments:
com compartir fotos de Google amb altres persones
- Afegiu un fitxer anomenat
.css a .obsidian/snippets. - Navegueu a l'opció 'Aparença'.
- Actualització.
- Trieu el fitxer resultant amb un commutador.
Estil d'obsidiana utilitzant fragments CSS
Els fragments CSS són una part integral d'Obsidian perquè descriuen com hauria d'aparèixer cada part de la volta. Aquests fragments us permeten personalitzar pràcticament totes les característiques d'Obsidian perquè coincideixin amb les vostres preferències. Hi ha diverses opcions pel que fa a l'estil Obsidian.
Ús de selectors per triar un estil
Decidir què estilitzar requereix 'selectors'. Això us permet identificar la part que necessiteu estilitzar. Els selectors normalment estan imbricats i cal que siguis específic. Si esteu 'tipus de lletra de cometes', trieu-ho exactament. En general, seleccionar 'quotes' canvia l'aspecte de les quotes de bloc a cada part de l'aplicació.
Utilitzeu Propietats per estilitzar la selecció
Per dissenyar la vostra selecció, heu d'utilitzar 'Propietats', que hi ha molts en CSS. Per ser específic sobre el resultat, identifiqueu les propietats que cal editar i doneu-los els valors objectiu.
Utilitzeu la Declaració per donar instruccions
Per donar les instruccions, s'utilitza una 'declaració'. Això inclou el selector (el que necessita estil), les propietats que necessiten estil (les parts que cal canviar) i els nous valors de les propietats (l'aspecte que voleu). Per exemple, si voleu que tot el text de l'editor sigui vermell, és com dir: 'Obsidiana, cerca tot el text de l'editor i digues-los que es tornin vermell'. La declaració CSS hauria de ser així:
.markdown-source-view {
color: red;
}
.markdown-source-view actua com a selector. Els {} contenen les propietats que s'han de dissenyar, mentre que el color representa la propietat i el vermell és el valor desitjat. Les relacions de valor de totes les propietats es mostren amb propietat seguida de dos punts, valor i punt i coma per acabar la línia. Les propietats han de ser un guió del sector per diferenciar-les fàcilment.
La separació de la declaració en files és opcional, però us pot ajudar quan canvieu molts elements i aspectes diferents.
La interpretació de CSS és seqüencial, amb les últimes declaracions dominants sobre totes les altres que la precedeixen.
Utilitzeu les classes per seleccionar què estilitzar
Les 'classes' s'utilitzen per seleccionar el que necessiteu per estilitzar. Les classes es descriuen com a atributs afegits a l'estructura subjacent de l'aplicació. Es poden orientar mitjançant selectors. .markdown-view-source-view identifica el contingut de l'aplicació que està obert a una vista de l'Editor. Un punt anterior en els noms dels objectes denota classes.
Elements objectiu
Els 'elements' també necessiten orientació, depenent de l'estil que s'estigui. Aquestes són parts estructurals de l'aplicació. Els paràgrafs es poden sagnar mitjançant un selector d'elements 'p'. No s'utilitza cap signe de puntuació anterior per descriure elements.
Utilitzeu la lògica als selectors per augmentar l'especificitat
L'ús d'un espai augmenta l'especificitat escollint descendents: 'avi pare-fill' selecciona el fill del pare que és el fill de l'avi. Per exemple, . markdown-source-view blockquote selecciona les cometes de bloc dins dels panells del mode d'edició.
com anar als missatges a Instagram
Si hi ha un període entre les classes, mostra una relació 'i'. Per exemple, introduint '.programmer.designer' escollirà elements amb 'programador' i 'dissenyador' com a classe.
Una coma és un separador lògic 'o'. Per exemple, introduir 'blockquote,pre' s'orienta als elements 'blockquote' i 'pre'.
Podeu consultar Guia de Mozilla per a CSS , ja que la major part de la lògica s'aplica a l'obsidiana.
Desar les declaracions d'estil
Quan feu temes complets, deseu-los a VAULT/.obsidian/themes. Això hauria de tenir un nom únic i trobar-lo a Configuració> Aparença> Tema a Obsidian. Toqueu l'opció 'Torna a carregar temes' si no es detecta. Si els retocs es fan a un tema existent i són petits, deseu-los a VAULT/.obsidian/snippets.
Personalització de temes d'obsidiana mitjançant fragments CSS
Obsidian té temes que us permeten fer canvis. Podeu optar per seguir provant un tema a la vegada o crear un CSS personalitzat que s'ajusti a les vostres necessitats mitjançant DevTool.
Comproveu l'opció 'Aplica el fragment CSS'.
Aquí és on comenceu, i és per habilitar CSS personalitzat. Això permet a Obsidian llegir el codi i després sobreescriure l'estil predeterminat. Els passos següents ajuden a activar l'opció CSS personalitzada.
- Obriu l'aplicació Obsidian.
- Aneu a 'Configuració' a la vostra pàgina d'obsidiana (a la part inferior dreta). Això obre la pàgina de configuració.
- Seleccioneu 'Aparença' a la pàgina de configuració.
- A la part inferior del menú 'Aparença', marqueu l'opció 'Aplica el fragment CSS a (directori)'.
Això indicarà l'aplicació al fitxer CSS que es troba al directori arrel de la volta. Això es llegeix i s'aplica el codi CSS personalitzat. En aquest punt, no hi ha cap fitxer CSS.
Aprofiteu al màxim Obsidian utilitzant fragments CSS
L'obsidiana obre moltes possibilitats. Per treure'n el màxim profit, has de provar alguna cosa addicional que facis que sigui més emocionant i gratificant. Potser tot el que necessiteu és crear els vostres temes amb CSS. Per fer-ho, primer heu d'activar els fragments CSS a Obsidian a través del menú de configuració. CSS us permet modificar l'estil i afegir nous valors. Podeu aconseguir molt més i jugar amb l'ús de fragments CSS.
Alguna vegada has provat d'utilitzar fragments CSS a Obsidian? Quina va ser la teva experiència? Si us plau, compartiu amb nosaltres a la secció de comentaris a continuació.