Cách sử dụng đoạn mã CSS trong Obsidian

Các đoạn mã Cascading style sheet (CSS) giúp bạn thêm các kiểu tùy chỉnh vào một hầm Obsidian. Chúng là những công cụ mạnh mẽ giúp xác định các phần giao diện người dùng khác nhau, chẳng hạn như màu sắc, vị trí và kích thước của các phần tử. Học cách sử dụng các đoạn mã CSS trong Obsidian có nghĩa là bạn có thể tạo giao diện được cá nhân hóa, cho phép Obsidian gần gũi hơn với phong cách làm việc và tính cách của bạn. Điều này có thể nâng cao kinh nghiệm và năng suất tổng thể của bạn. Đọc tiếp để tìm hiểu cách sử dụng các đoạn mã CSS trên Obsidian.

Thêm đoạn mã trong Obsidian

Phần đầu tiên của việc sử dụng đoạn mã CSS là thêm chúng. Các tùy chỉnh và phong cách khác nhau cho phép bạn tạo một không gian làm việc chức năng và hấp dẫn trực quan. Việc sử dụng các đoạn trích khiến việc ghi chú trở nên hoàn hảo và thú vị. Trong trường hợp bạn chưa biết, đây là cách thêm đoạn trích vào kho tiền của bạn:

Chuyển đến “Cài đặt” và mở nó.
Chọn “Giao diện” và chọn “Đoạn mã CSS.
Chọn “Thư mục đoạn trích”.
Tạo hoặc tải xuống các đoạn mã CSS trong thư mục này.
Mở “Đoạn trích” và “Tải lại”.

Sử dụng Đoạn mã CSS trong Obsidian

Trong Obsidian, việc sử dụng các đoạn mã CSS giúp ghi đè hoặc bổ sung cho các chủ đề lớn hơn khác mà bạn áp dụng cho sản phẩm. Để sử dụng đoạn trích:

Thêm tệp có tên .css vào .obsidian/snippets.
Điều hướng đến tùy chọn “Giao diện”.
Làm cho khỏe lại.
Chọn tệp kết quả bằng một chuyển đổi.

Tạo kiểu Obsidian bằng CSS Snippets

Đoạn mã CSS là một phần không thể thiếu của Obsidian vì chúng mô tả cách mỗi phần của vault sẽ xuất hiện. Những đoạn mã này cho phép bạn tùy chỉnh hầu như tất cả các đặc điểm của Obsidian để phù hợp với sở thích của bạn. Có nhiều lựa chọn khác nhau khi có liên quan đến kiểu dáng Obsidian.

Sử dụng bộ chọn để chọn kiểu

Việc quyết định phong cách nào cần có “bộ chọn”. Điều này cho phép bạn xác định phần bạn cần tạo kiểu. Các bộ chọn thường được lồng vào nhau và bạn cần phải cụ thể. Nếu tạo kiểu 'kiểu chữ trích dẫn', hãy chọn chính xác kiểu chữ đó. Nói chung, việc chọn 'trích dẫn' sẽ thay đổi giao diện của trích dẫn khối trong mọi phần của ứng dụng.

Sử dụng Thuộc tính để tạo kiểu cho vùng chọn

Để tạo kiểu cho lựa chọn của bạn, bạn cần sử dụng “Thuộc tính”, có rất nhiều trong CSS. Để cụ thể về kết quả, hãy xác định các thuộc tính cần chỉnh sửa và cung cấp cho chúng các giá trị mục tiêu.

Sử dụng tuyên bố để đưa ra hướng dẫn

Để đưa ra hướng dẫn, một 'tuyên bố' được sử dụng. Điều này bao gồm bộ chọn (những gì cần tạo kiểu), các thuộc tính cần tạo kiểu (các phần cần thay đổi) và các giá trị mới của các thuộc tính (giao diện bạn muốn). Ví dụ: nếu bạn muốn tất cả văn bản trong trình chỉnh sửa có màu đỏ, thì giống như nói: “Obsidian, tìm tất cả văn bản trong trình chỉnh sửa và yêu cầu chúng chuyển sang màu đỏ”. Tuyên bố CSS sẽ trông như thế này:

cách thêm bot vào máy chủ bất hòa của bạn

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

.markdown-source-view đóng vai trò là bộ chọn. {} chứa các thuộc tính cần được tạo kiểu, trong khi màu mô tả thuộc tính và màu đỏ là giá trị mong muốn. Mối quan hệ giá trị của tất cả các thuộc tính được hiển thị với thuộc tính theo sau là dấu hai chấm, giá trị và dấu chấm phẩy để kết thúc dòng của bạn. Các thuộc tính phải được thụt vào một trong khu vực để phân biệt chúng dễ dàng.

Việc tách phần khai báo theo hàng là tùy chọn nhưng có thể giúp ích cho bạn khi thay đổi nhiều yếu tố và khía cạnh khác nhau.

Việc giải thích CSS là tuần tự, với các khai báo mới nhất sẽ quyết định tất cả các khai báo khác trước đó.

Sử dụng các lớp để chọn kiểu dáng

“Các lớp” được sử dụng để chọn những gì bạn cần tạo kiểu. Các lớp được mô tả là các thuộc tính được thêm vào cấu trúc cơ bản của ứng dụng. Chúng có thể được nhắm mục tiêu bằng cách sử dụng bộ chọn. .markdown-source-view xác định nội dung ứng dụng được mở trong chế độ xem Trình chỉnh sửa. Một khoảng thời gian trước trong tên đối tượng biểu thị các lớp.

Yếu tố mục tiêu

“Các yếu tố” cũng cần nhắm mục tiêu, tùy thuộc vào những gì đang được tạo kiểu. Đây là những phần ứng dụng cấu trúc. Các đoạn văn có thể được thụt lề bằng cách sử dụng bộ chọn phần tử “p”. Không có dấu chấm câu trước được sử dụng để mô tả các yếu tố.

Sử dụng logic trong bộ chọn để tăng tính đặc hiệu

Việc sử dụng khoảng trắng làm tăng tính cụ thể bằng cách chọn con cháu: 'ông bà cha-con' chọn con của cha mẹ là con của ông bà. Ví dụ, . markdown-source-view blockquote chọn blockquotes trong khung chế độ chỉnh sửa.

Nếu có một khoảng thời gian giữa các lớp, nó cho thấy mối quan hệ “và”. Ví dụ: nhập “.programmer.designer” sẽ chọn các thành phần có cả “lập trình viên” và “nhà thiết kế” làm lớp.

Dấu phẩy là dấu tách logic “hoặc”. Ví dụ: nhập “blockquote,pre” nhắm mục tiêu các phần tử “blockquote” và “pre”.

bạn có thể tham khảo Hướng dẫn của Mozilla về CSS , vì hầu hết logic ở đó áp dụng cho Obsidian.

Lưu các tuyên bố kiểu dáng

Khi tạo các chủ đề toàn diện, hãy lưu chúng dưới VAULT/.obsidian/themes. Điều này phải được đặt tên duy nhất và được tìm thấy trong Cài đặt> Giao diện> Chủ đề trong Obsidian. Nhấn vào tùy chọn 'Tải lại chủ đề' nếu nó không được phát hiện. Nếu các chỉnh sửa đang được thực hiện cho một chủ đề hiện có và nhỏ, hãy lưu trữ chúng trong VAULT/.obsidian/snippets.

Tùy chỉnh chủ đề Obsidian bằng CSS Snippets

Obsidian có các chủ đề cho phép bạn thực hiện các thay đổi. Bạn có thể chọn tiếp tục thử một chủ đề tại một thời điểm hoặc tạo một CSS tùy chỉnh phù hợp với nhu cầu của bạn bằng DevTool.

Kiểm tra tùy chọn “Áp dụng đoạn mã CSS”

Đây là nơi bạn bắt đầu và đó là kích hoạt CSS tùy chỉnh. Điều này cho phép Obsidian đọc mã và sau đó ghi đè lên kiểu mặc định. Các bước bên dưới giúp kích hoạt tùy chọn CSS tùy chỉnh.

Mở ứng dụng Obsidian.
Điều hướng đến “Cài đặt” trên trang obsidian của bạn (dưới cùng bên phải). Thao tác này sẽ mở trang Cài đặt.
Chọn “Giao diện” trên trang cài đặt.
Ở cuối trình đơn “Giao diện”, hãy chọn tùy chọn “Áp dụng đoạn mã CSS tại (thư mục)”.

Thao tác này sẽ trỏ ứng dụng đến tệp CSS nằm trong thư mục gốc của vault. Điều này được đọc và mã CSS tùy chỉnh được áp dụng. Tại thời điểm này, không có tệp CSS.

Khai thác tối đa Obsidian bằng CSS Snippets

Obsidian mở ra nhiều khả năng. Để tận dụng tối đa nó, bạn phải thử một thứ gì đó bổ sung mà bạn làm cho việc sử dụng nó trở nên thú vị và bổ ích hơn. Tạo chủ đề của bạn bằng CSS có thể là tất cả những gì bạn cần. Để làm như vậy, trước tiên bạn phải bật Đoạn mã CSS trong Obsidian thông qua menu cài đặt. CSS cho phép bạn sửa đổi kiểu dáng và thêm các giá trị mới. Bạn có thể đạt được nhiều hơn nữa và chơi xung quanh bằng cách sử dụng đoạn mã CSS.