Kaskadowe fragmenty arkuszy stylów (CSS) pomagają dodawać niestandardowe style do skarbca Obsidian. Są to potężne narzędzia, które pomagają definiować różne części interfejsu użytkownika, takie jak kolor, położenie i rozmiar elementów. Nauczenie się korzystania z fragmentów CSS w Obsidianie oznacza, że możesz stworzyć spersonalizowany wygląd, dzięki czemu Obsidian będzie bliższy Twojemu stylowi pracy i osobowości. Może to poprawić ogólne wrażenia i produktywność. Czytaj dalej, aby dowiedzieć się, jak używać fragmentów CSS w Obsidianie.
Dodawanie fragmentów w Obsydianie
Pierwszą częścią korzystania z fragmentów kodu CSS jest ich dodanie. Różne dostosowania i style pozwalają stworzyć atrakcyjną wizualnie i funkcjonalną przestrzeń roboczą. Korzystanie z fragmentów sprawia, że tworzenie notatek jest satysfakcjonujące i przyjemne. Jeśli jeszcze tego nie wiesz, oto jak dodać fragmenty do swojego skarbca:
- Przejdź do „Ustawień” i otwórz go.
- Wybierz „Wygląd” i wybierz „Fragmenty CSS.
- Wybierz „Folder fragmentów”.
- Utwórz lub pobierz fragmenty CSS w tym folderze.
- Otwórz „Fragmenty” i „Załaduj ponownie”.
Używanie fragmentów CSS w Obsidianie
W Obsidianie użycie fragmentów CSS pomaga zastąpić lub uzupełnić różne większe motywy, które stosujesz w produkcie. Aby użyć fragmentów:
- Dodaj plik o nazwie
.css do .obsidian/snippets. - Przejdź do opcji „Wygląd”.
- Odświeżać.
- Wybierz wynikowy plik za pomocą przełącznika.
Stylizacja Obsydianu za pomocą fragmentów CSS
Fragmenty CSS są integralną częścią Obsidian, ponieważ opisują, jak powinna wyglądać każda część skarbca. Te fragmenty pozwalają dostosować praktycznie wszystkie cechy Obsydianu do własnych preferencji. Istnieją różne opcje, jeśli chodzi o stylizację Obsidian.
Używanie selektorów do wybierania stylu
Decydowanie o stylu wymaga „selektorów”. Pozwala to zidentyfikować część, którą chcesz stylizować. Selektory są zwykle zagnieżdżone i musisz być konkretny. Jeśli stylizujesz „cytaty”, wybierz dokładnie to. Ogólnie rzecz biorąc, wybranie „cytatów” zmienia wygląd cytatów blokowych w każdej części aplikacji.
oznacza, że twoja karta graficzna umiera
Użyj właściwości, aby nadać styl zaznaczeniu
Aby stylizować swój wybór, musisz użyć „Właściwości”, których jest mnóstwo w CSS. Aby dokładnie określić wynik, zidentyfikuj właściwości, które wymagają edycji, i nadaj im wartości docelowe.
Użyj Deklaracji, aby wydać instrukcje
Do wydania instrukcji używa się „deklaracji”. Obejmuje to selektor (co wymaga stylizacji), właściwości, które wymagają stylizacji (części, które wymagają zmiany) oraz nowe wartości właściwości (pożądany wygląd). Na przykład, jeśli chcesz, aby cały tekst w edytorze był czerwony, to tak, jakbyś powiedział: „Obsidian, znajdź cały tekst w edytorze i powiedz mu, żeby zmienił kolor na czerwony”. Deklaracja CSS powinna wyglądać tak:
.markdown-source-view {
color: red;
}
.markdown-source-view działa jako selektor. {} zawiera właściwości, które należy stylizować, podczas gdy kolor przedstawia właściwość, a czerwony jest pożądaną wartością. Relacje wartości wszystkich właściwości są pokazane z właściwością, po której następuje dwukropek, wartość i średnik na końcu wiersza. Właściwości powinny być oddalone od sektora o jedno wcięcie, aby można je było łatwo rozróżnić.
Rozdzielenie deklaracji na wiersze jest opcjonalne, ale może pomóc przy zmianie wielu różnych elementów i aspektów.
Interpretacja CSS jest sekwencyjna, a ostatnie deklaracje mają pierwszeństwo przed wszystkimi poprzedzającymi ją deklaracjami.
Użyj klas, aby wybrać, co stylizować
„Klasy” służą do wybierania tego, co chcesz stylizować. Klasy są opisane jako podstawowe atrybuty dodane do struktury aplikacji. Mogą być kierowane za pomocą selektorów. .markdown-source-view identyfikuje zawartość aplikacji, która jest otwarta w widoku edytora. Poprzedzająca kropka w nazwach obiektów oznacza klasy.
Elementy docelowe
„Elementy” również wymagają kierowania, w zależności od tego, co jest stylizowane. To są strukturalne części aplikacji. Akapity mogą być wcięte za pomocą selektora elementu „p”. Do opisu elementów nie stosuje się poprzedzających znaków interpunkcyjnych.
Użyj logiki w selektorach, aby zwiększyć specyficzność
Użycie spacji zwiększa specyficzność poprzez wybranie potomków: „dziadek rodzic-dziecko” wybiera dziecko rodzica, który jest dzieckiem dziadka. Na przykład, . cytat blokowy widoku przeceny-źródła wybiera cytaty blokowe w okienkach trybu edycji.
Jeśli między zajęciami jest kropka, to pokazuje związek „i”. Na przykład wpisanie „.programmer.designer” spowoduje wybranie elementów z klasą „programista” i „projektant”.
Przecinek jest separatorem logicznym „lub”. Na przykład wprowadzenie „blockquote,pre” odnosi się do elementów „blockquote” i „pre”.
Możesz odnieść się do Przewodnik Mozilli po CSS , ponieważ większość tamtejszej logiki odnosi się do Obsydianu.
Zapisywanie deklaracji stylizacji
Tworząc kompleksowe motywy, zapisz je w VAULT/.obsidian/themes. Powinno to mieć unikalną nazwę i znaleźć się w Ustawieniach> Wygląd> Motyw w Obsydianie. Stuknij opcję „Załaduj ponownie motywy”, jeśli nie zostanie wykryta. Jeśli poprawki są wprowadzane do istniejącego motywu i są niewielkie, przechowuj je w VAULT/.obsidian/snippets.
Dostosowywanie motywów Obsidian za pomocą fragmentów CSS
Obsidian ma motywy, które pozwalają na wprowadzanie zmian. Możesz zdecydować się na wypróbowanie jednego motywu na raz lub stworzyć dostosowany CSS, który odpowiada Twoim potrzebom za pomocą narzędzia DevTool.
jak zmienić lokalizację pobieranych plików
Zaznacz opcję „Zastosuj fragment kodu CSS”.
Od tego zaczynasz, czyli włączasz niestandardowy CSS. Dzięki temu Obsidian może odczytać kod, a następnie nadpisać domyślny styl. Poniższe kroki pomogą włączyć niestandardową opcję CSS.
- Otwórz aplikację Obsydian.
- Przejdź do „Ustawień” na swojej obsydianowej stronie (prawy dolny róg). Spowoduje to otwarcie strony Ustawienia.
- Wybierz „Wygląd” na stronie ustawień.
- U dołu menu „Wygląd” zaznacz opcję „Zastosuj fragment CSS w (katalog)”.
Spowoduje to skierowanie aplikacji do pliku CSS znajdującego się w katalogu głównym przechowalni. Jest to odczytywane i stosowany jest niestandardowy kod CSS. W tym momencie nie ma pliku CSS.
Wykorzystaj w pełni Obsidian za pomocą fragmentów CSS
Obsidian otwiera wiele możliwości. Aby w pełni z niego skorzystać, musisz spróbować czegoś dodatkowego, co sprawi, że korzystanie z niego będzie bardziej ekscytujące i satysfakcjonujące. Tworzenie motywów za pomocą CSS może być wszystkim, czego potrzebujesz. Aby to zrobić, musisz najpierw włączyć CSS Snippets w Obsidian poprzez menu ustawień. CSS pozwala modyfikować styl i dodawać nowe wartości. Możesz osiągnąć o wiele więcej i bawić się fragmentami CSS.
Czy kiedykolwiek próbowałeś używać fragmentów kodu CSS w Obsidianie? Jakie były Twoje doświadczenia? Podziel się z nami w sekcji komentarzy poniżej.