כיצד להשתמש בקטעי CSS באובסידיאן

קטעי טקסט של גיליונות סגנונות מדורגים (CSS) עוזרים לך להוסיף סגנונות מותאמים אישית לכספת אובסידיאן. הם כלים רבי עוצמה שעוזרים להגדיר חלקים שונים של ממשק משתמש, כמו הצבע, המיקום והגודל של האלמנטים. לימוד השימוש בקטעי CSS באובסידיאן אומר שאתה יכול ליצור מראה מותאם אישית, מה שמאפשר לאבסידיאן להיות קרוב יותר לסגנון העבודה ולאישיותך. זה יכול לשפר את החוויה והפרודוקטיביות שלך באופן כללי. המשך לקרוא כדי ללמוד כיצד להשתמש בקטעי CSS ב- Obsidian.

הוספת קטעים באובסידיאן

החלק הראשון בשימוש בקטעי CSS הוא להוסיף אותם. התאמות אישיות וסגנונות שונים מאפשרים לך ליצור סביבת עבודה מושכת ויזואלית ופונקציונלית. השימוש בקטעים הופך את יצירת הערות למספק ומהנה. במקרה שאתה עדיין לא יודע, זה איך להוסיף קטעים לכספת שלך:

עבור אל 'הגדרות' ופתח אותו.
בחר 'מראה' ובחר 'קטעי CSS.
בחר את 'תיקיית הקטעים'.
צור או הורד את קטעי ה-CSS בתיקייה זו.
פתח את 'קטעים' ו'טען מחדש'.

שימוש בקטעי CSS באובסידיאן

באובסידיאן, שימוש בקטעי CSS עוזר להחליף או להשלים ערכות נושא גדולות יותר שאתה מחיל על המוצר. כדי להשתמש בקטעי טקסט:

הוסף קובץ בשם .css ל-.obsidian/snippets.
נווט אל האפשרות 'מראה'.
לְרַעֲנֵן.
בחר את הקובץ שהתקבל באמצעות בורר.

עיצוב אובסידיאן באמצעות קטעי CSS

קטעי CSS הם חלק בלתי נפרד מאובסידיאן מכיוון שהם מתארים כיצד כל חלק בכספת אמור להופיע. קטעים אלה מאפשרים לך להתאים אישית כמעט את כל המאפיינים של Obsidian כך שיתאימו להעדפותיך. ישנן אפשרויות שונות בכל הנוגע לעיצוב אובסידיאן.

שימוש בבוררים כדי לבחור סגנון

ההחלטה מה לסגנן דורשת 'בוררים'. זה מאפשר לך לזהות את החלק שאתה צריך לעצב. הבוררים בדרך כלל מקוננים, ואתה צריך להיות ספציפי. אם הסגנון 'מרכאות אותיות', בחר את זה בדיוק. באופן כללי, בחירת 'מרכאות' משנה את המראה של ציטוטים בלוק בכל חלק של האפליקציה.

השתמש במאפיינים כדי לעצב את הבחירה

כדי לסגנן את הבחירה שלך, עליך להשתמש ב'מאפיינים', שנמצאים בשפע ב-CSS. כדי להיות ספציפי לגבי התוצאה, זהה את המאפיינים שדורשים עריכה ותנו להם את ערכי היעד.

השתמש בהצהרה כדי לתת הוראות

כדי לתת את ההוראות, נעשה שימוש ב'הצהרה'. זה כולל את הבורר (מה שצריך סטיילינג), המאפיינים שצריכים סטיילינג (החלקים שצריך לשנות) והערכים החדשים של המאפיינים (המראה שאתה רוצה). לדוגמה, אם אתה רוצה שכל הטקסט בתוך העורך יהיה אדום, זה כמו לומר: 'אובסידיאן, מצא את כל הטקסט בתוך העורך, ותגיד להם להפוך לאדום.' הצהרת ה-CSS צריכה להיראות כך:

כיצד להוריד שירים מאפליקציית

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

‎.markdown-source-view פועל כבורר. ה-{} מכיל את המאפיינים שיש לעצב, בעוד צבע מתאר את המאפיין, ואדום הוא הערך הרצוי. קשרי הערך של כל המאפיינים מוצגים עם מאפיין ואחריו נקודתיים, ערך ונקודה-פסיק לסיום השורה. המאפיינים צריכים להיות שקע אחד מהמגזר כדי להבדיל אותם בקלות.

הפרדת ההצהרה בשורות היא אופציונלית אך יכולה לעזור לך בעת שינוי אלמנטים והיבטים רבים ושונים.

הפרשנות של CSS היא רציפה, כאשר ההצהרות האחרונות שולטות על כל האחרות שקדמו לה.

השתמש בשיעורים כדי לבחור מה לסגנון

'שיעורים' משמשים לבחירת מה שאתה צריך לעצב. שיעורים מתוארים כתכונות הנוספות של המבנה הבסיסי של האפליקציה. ניתן למקד אותם באמצעות בוררים. ‎.markdown-source-view מזהה תוכן אפליקציה הפתוח לתצוגת עורך. תקופה קודמת בשמות אובייקטים מציינת מחלקות.

רכיבי יעד

'אלמנטים' צריכים גם מיקוד, בהתאם למה שמעצבים. אלו חלקי אפליקציה מבניים. ניתן להכניס פסקאות באמצעות בורר אלמנטים 'p'. לא נעשה שימוש בסימני פיסוק קודמים לתיאור אלמנטים.

השתמש בלוגיקה בבוררים כדי להגביר את הספציפיות

שימוש ברווח מגביר את הספציפיות על ידי בחירת צאצאים: 'סבא הורה-ילד' בוחר את הילד של ההורה שהוא הילד של הסבא והסבתא. לדוגמה, . markdown-source-view blockquote בוחר ציטוטים בלוקים בתוך חלוניות מצב העריכה.

אם יש תקופה בין השיעורים, זה מראה על קשר של 'ו'. לדוגמה, הזנת '.programmer.designer' תבחר אלמנטים עם 'מתכנת' ו'מעצב' ככיתה.

פסיק הוא מפריד לוגי 'או'. לדוגמה, הזנת 'blockquote,pre' מכוונת לאלמנטים 'blockquote' ו-'pre'.

אתה יכול להתייחס המדריך של מוזילה ל-CSS , שכן רוב ההיגיון שם חל על אובסידיאן.

שמירת הצהרות הסטיילינג

בעת יצירת ערכות נושא מקיפות, שמור אותן תחת ה-VAULT/.obsidian/ערכות נושא. זה צריך לקבל שם ייחודי ולהימצא תחת הגדרות> מראה> ערכת נושא באובסידיאן. הקש על האפשרות 'טען מחדש ערכות נושא' אם היא לא מזוהה. אם השינויים מתבצעים לנושא קיים והם קטנים, אחסן אותם תחת VAULT/.obsidian/snippets.

התאמה אישית של ערכות נושא אובסידיאן באמצעות קטעי CSS

לאובסידיאן יש ערכות נושא המאפשרות לך לבצע שינויים. אתה יכול לבחור להמשיך לנסות ערכת נושא אחד בכל פעם או ליצור CSS מותאם אישית שתואם את הצרכים שלך באמצעות DevTool.

סמן את האפשרות 'החל קטע CSS'.

כאן אתה מתחיל, וזה לאפשר CSS מותאם אישית. זה מאפשר לאובסידיאן לקרוא את הקוד ולאחר מכן להחליף את סגנון ברירת המחדל. השלבים שלהלן עוזרים להפעיל את אפשרות ה-CSS המותאם אישית.

פתח את אפליקציית Obsidian.
נווט אל 'הגדרות' בדף האובסידיאן שלך (ימין למטה). זה פותח את דף ההגדרות.
בחר 'מראה' בדף ההגדרות.
בתחתית התפריט 'מראה', סמן את האפשרות 'החל קטע CSS ב-(ספרייה)'.

זה יכוון את האפליקציה לקובץ ה-CSS שנמצא בספריית הבסיס של הכספת. זה נקרא, וקוד ה-CSS המותאם אישית מוחל. בשלב זה, אין קובץ CSS.

הפק את המרב מאובסידיאן באמצעות קטעי CSS

אובסידיאן פותח אפשרויות רבות. כדי להפיק ממנו את המרב, עליך לנסות משהו נוסף שתהפוך את השימוש בו למרגש ומתגמל יותר. יצירת ערכות הנושא שלך באמצעות CSS עשויה להיות כל מה שאתה צריך. כדי לעשות זאת, תחילה עליך להפעיל קטעי CSS ב- Obsidian דרך תפריט ההגדרות. CSS מאפשר לך לשנות את הסגנון ולהוסיף ערכים חדשים. אתה יכול להשיג הרבה יותר ולשחק עם קטעי CSS.

האם ניסית פעם להשתמש בקטעי CSS ב- Obsidian? מה היה הניסיון שלך? אנא שתפו אותנו בקטע התגובות למטה.