Bìa Cập nhật lớn, thêm nhiều chức năng hỗ trợ cho bài viết. Sau khi thay đổi lớn phần chân trang và thanh điều hướng, chủ đề tự dùng của tôi đã khác biệt rất nhiều so với kiểu Citizen ban đầu, có lẽ đã đạt đến mức tùy chỉnh sâu. Trong vài ngày qua, tôi không đăng bài mới mà tập trung nghiên cứu trình soạn thảo Markdown gốc của Typecho, suy nghĩ cách thêm một số kiểu hiển thị hữu ích cho bài viết. Tôi đã chọn hơn mười kiểu đẹp từ các trang như MyLife demo, Phong Ký Tinh Thần, Heo, Cuteen theme demo… Có các tính năng như ngăn kéo kéo ra, mã dài, ảnh quay vòng, dòng thời gian… Cuối cùng tôi chọn năm tính năng thực dụng nhất, sau nhiều ngày nghiên cứu, viết code và tinh chỉnh, giờ đã có thể sử dụng được.
Gần đây tôi thiết kế lại trang chủ, lấy cảm hứng từ Leon Fong. Tôi bắt đầu tùy chỉnh sâu chủ đề này từ tháng 2, ban đầu muốn tạo một trang web độc đáo, định tự viết toàn bộ framework blog, cả frontend và backend, nhưng do quy mô quá lớn, dự định ra mắt đầu tháng 2 nhưng đến giữa tháng 1 mới hoàn thành cơ bản CRUD. Vì vậy, tôi quyết định sử dụng Typecho làm công cụ quản lý nội dung, rồi tìm một chủ đề đẹp và ít phổ biến trên thị trường, sau đó bắt đầu sửa đổi. Kiểu dáng trang web mà tôi mong muốn Nhà Cái S88 là trang chủ với một hình ảnh lớn, blog chỉ là một trong các chức năng của trang, tương đương với ảnh và ghi chú. Ví dụ: / đường dẫn là trang chủ, /blog là blog, /photo là ảnh, /notebook là ghi chú… Như vậy chỉ cần một tên miền cấp hai là đủ cho toàn bộ trang web, không cần nhiều tên miền, và chuyển đổi giữa các mục dễ dàng hơn để quản lý.
Về phong cách trang chủ đã đề cập trước đó, tôi thích kiểu chỉ có một hình ảnh lớn hoặc một ít nội dung ở giữa màn hình, độ cao cố định, không cần cuộn. Chủ đề Citizen không có phong cách trang chủ đặc trưng, chỉ là một trang đơn giản, vì vậy trang chủ là trang đầu tiên tôi tùy chỉnh sâu. Phiên bản đầu tiên của trang chủ tôi xem như phương án dự phòng vì trang web của tôi theo phong cách phẳng chứ không phải phong cách hình chữ nhật bo tròn mà nhiều blogger sử dụng. Sau đó, tôi loại bỏ lựa chọn hiển thị thông tin gọn gàng ở giữa trang, dẫn đến phiên bản đầu tiên khá dài. Theo thời gian, khi giao diện “Giới thiệu” đã trải qua ba lần thay đổi dần dần áp dụng bố cục Bento với phong cách hình chữ nhật bo tròn, tôi bắt đầu suy nghĩ liệu có nên thay đổi trang chủ không. Với tâm thế thử nghiệm, tôi bắt đầu tìm kiếm một kiểu trang chủ phù hợp với yêu cầu ban đầu của mình, cuối cùng chọn được một mẫu phù hợp với yêu cầu đã giảm bớt, dẫn đến sự ra đời của phiên bản thứ hai của trang chủ.
Ngoài trang chủ, trong đợt phát triển này tôi còn thêm một số yếu tố thú vị vào kiểu văn bản của bài viết.
Chủ đề Citizen gốc sử dụng trình soạn thảo văn bản giàu tính năng, tôi đã quen với cú pháp Markdown nên không thoải mái với trình soạn thảo văn bản giàu tính năng, hơn nữa nó không thể sử dụng các khe cắm được cung cấp bởi Typecho để mở rộng các chức năng mà tôi muốn.
Hiện tại trang web đã hỗ trợ nhúng máy phát nhạc trong bài viết, gần đây tôi rất thích bản phối 【Biển San Hô】 của 【One Last Time】, tôi sẽ đặt bài hát dưới đây. Kiểu máy phát nhạc được sao chép từ trang demo MyLife của mèo. !Kiểu máy phát nhạc MyLife Kiểu máy phát nhạc MyLife
Tôi đã mua chủ đề MyLife, dù hiện tại không dùng nhưng tiền không phí hoài.
Do xác suất phát nhạc và video trong bài viết rất thấp, không cần nhập CSS và JS mọi lúc, vì vậy tôi đã thiết lập nhập theo nhu cầu, nhập động bằng JS. Cụ thể là kiểm tra bài viết có chứa cấu trúc tương ứng hay không, nếu có thì nhập và dùng một biến để đánh dấu rằng đã nhập rồi không cần nhập lại, sau đó thực hiện hoạt động khởi tạo.
Đường link nhạc trực tuyến được đặt bên dưới, sử dụng thẻ liên kết ngoài lớn của trang. QQ Music, an tâm truy cập. !One Last Time x Biển San Hô One Last Time x Biển San Hô Kiểu thẻ lớn được sao chép từ Heo, frontend của nó là nguồn mở, mã nguồn có thể sao chép trực tiếp. !Kiểu thẻ lớn Heo Kiểu thẻ lớn Heo Trong số các tính năng này, việc thực hiện chức năng phát nhạc thông qua MetingJS là khó khăn nhất. Tôi chưa bao giờ tiếp xúc lĩnh vực này, việc thực hiện nó đã tiêu tốn rất nhiều thời gian của tôi.
Tất nhiên, không thể bỏ qua các chi tiết nhỏ. Trang web có hai loại máy phát nhạc, một là máy phát nhạc cố định ở góc dưới bên trái được thực hiện bằng Howler.js, phát nhạc không lời từ danh sách phát của Netease Cloud Music. Loại còn lại là máy phát nhạc trong bài viết được thực hiện bằng APlayer. Hai loại này phát nhạc sẽ xung đột, vì vậy tôi đã thêm chi tiết này.
Thẻ gập cũng được sao chép từ Heo. !Thẻ gập Heo Thẻ gập Heo Kiểu thẻ gập của trang web là như sau. 【One Last Time x Biển San Hô】Phản hồi nổi bật Bạn không phải là sự lựa chọn sau khi tôi cân nhắc lợi hại, mà là sự kiên định không do dự sau khi tim tôi rung động, thái độ tốt nhất trong tình yêu có lẽ là say đắm nhưng không quấn quýt, tôi đã chuẩn bị sẵn sàng cho việc ở bên bạn cả đời, cũng như sẵn sàng rời đi bất cứ lúc nào, tôi yêu bạn, nhưng bạn là tự do. —【Tiểu Than Than】Ngày 2 tháng 2 năm 2024 bình luận tại Giang Nohu31 Win Tô
Cuối cùng tôi muốn nói về cơn mưa lớn ở Thẩm Dương những ngày này. Ngày 26 có một triển lãm truyện tranh lớn diễn ra tại trung tâm mua sắm gần nhà tôi, ban đầu định đi xem triển lãm, nhưng ngày 26 trời đổ mưa lớn. Chờ xe buýt từ 10:30 sáng mà nửa tiếng không thấy chiếc nào, gọi xe cũng không ai nhận đơn, đành về.
Cuối cùng nữa, trang web không có môi trường thử nghiệm, chỉ có môi trường phát triển, sau khi hoàn thành thử nghiệm cơ bản và xác nhận không có lỗi nghiêm trọng, các tính năng sẽ được đưa trực tiếp lên trang chính, vì vậy có thể có lỗi ngay khi vừa ra mắt, có thể báo cáo trong phần bình luận.
Cuối cùng cuối cùng, trang web sẽ ra mắt phiên bản mini app vào một thời điểm chưa xác định, để thuận tiện hơn cho tác giả viết bài và người đọc đọc bài. Khi nào ra mắt vẫn chỉ là ý tưởng, có thể sẽ thực hiện sau khi học xong phát triển mini app.
Lần sửa đổi gần nhất Bài viết này được cập nhật lần cuối 9 tháng trước. Chủ đề Phát triển