Hướng dẫn Sử dụng Sigil để làm epub cho người mới làm quen từ A-Z

Chắc phải chuyển mấy post này sang topic edit epub a-z quá, topic này dành cho người mới làm quen mà bàn về vấn đề cao siêu quá có lẽ không hợp.

 

Cái này cũng là gợi ý để tham khảo thêm bên đó mà anh, ai biết tới đâu thì lần tới đó, chớ hổng lẽ đợi biết đóng gói epub rồi mới tới việc sửa chú thích sao anh?

 

@kaoaye Thực ra file đó không bị sao, vì khi đọc bằng Calibre Viewer (kể cả epub lẫn azw3) để chuột vào chú thích nó hiện lên dạng popup. Nhưng convert sang azw3 thì không có hiệu ứng đó khi đọc trên Kinđle PW, nên giống như ebook bị lỗi.



Đã hoàn thành, đọc dạng mobi, azw3 khá đẹp, để nguyên định dạng gốc.

Vui lòng đăng nhập hoặc đăng ký để xem link

Nên đọc bằng file azw3 trên Kindle PW, chế độ Publisher Font nhé, rất hoàn hảo.



Còn các phần mềm đọc epub của Android và ereader Kobo thì rất chán, vì css không tương thích.

 

Cám ơn bac Tư rất nhiều! Hơn 400 chú thích, nếu mà không có thì quả là một thiếu sót lớn. Em đã thử đọc bản gốc bằng phần mêm ibook, đúng là hiển thị cực đẹp, hình không bị có lại giống như trên KPW .

 

Các bạn thân mến!

Tôi bắt đầu viết Hướng dẫn, và sẽ cập nhật dần vào các post đầu tiên của topic này, viết đến đâu sẽ cập nhật đến đó, và có thể sẽ sửa thêm trong quá trình post sao cho nội dung thật trong sáng và dễ hiểu hơn, sau này có thể sẽ có những thảo luận, những thảo luận có giá trị cũng có thể sẽ được cập nhật tiếp vào phần hướng dẫn đó.

 

Tôi đã hoàn thành viết hướng dẫn ở mức cơ bản, các bạn có thể theo đó mà làm ebook, khi hiểu được css thì có thể sẽ làm được ebook với định dạng như ý muốn.

Theo tôi, cần đọc dần dần từng ít, từng ít một, cần cù như con kiến tha mồi thôi và tập trung vào vấn đề từng vấn đề một, không hiểu thì cứ hỏi. TVE-4U ngọa hổ tàng long rất nhiều nên chắc sẽ có trợ giúp. Đừng đọc kiểu đọc tổng thể nhé, vì code, hình minh họa nó như rừng, dễ tầu hỏa vào ga lắm đó!

 

Bộ " Thành Cát Tư Hản", mình chưa làm chú thích:

(đã xóa file đính kèm, vì đã đăng Vui lòng đăng nhập hoặc đăng ký để xem link)

 

Bác chú ý chạy subset font sau khi làm xong ebook nhé. Có file add quá nhiều font, nên dung lượng khủng quá!

 

Và quan trọng nhất là bấm F7 để kiểm tra lỗi...

Sent from Oneplus One

 

Sao cái ebook này ở ngoài thì phóng to chữ đầu tiên trong một chương nhưng vào kindke thì lại không được hả bạn.

 

Đó là hạn chế của thiết bị, đó là do Kindle không hiểu font đó (EBGaramond-Regular.woff), nên nó lấy font khác thế vào, chữ nào nó hiểu (đuôi .ttf) thì font sẽ có kích thước như ý muốn, tuy nhiên cũng do Kindle nên chữ đó chìm rất sâu chứ không ngang với dòng trên cùng. Cuốn đó, mục đích của tôi là xử lý chú thích là chính chứ không làm cái khác nên cũng không khắc phục lỗi (cũng chẳng phải lỗi ) trên.

 

Validator có chấp nhận font này không bác?

Sent from Oneplus One

 

Nghe giang hồ đồn là Google Play Book chấp nhận định dạng sách của eBookVie, tôi cũng xem và thấy đúng. Nhưng trên điện thoại thì vẫn có vấn đề ở chú thích: không có hiệu ứng popup.

 

Đồn làm gì. Anh cứ F7, hoặc đưa lên công cụ của hãng. Báo lỗi là không đạt. Popup là tính năng ăn theo. ebookviet làm tooltip, không phải epub:type của epub3.

Sent from Oneplus One

 

Đúng rồi bạn. Trước mình cũng làm mấy cuốn đặt css first letter cho nó to lên. Cho nó margin top -25px, xem trên máy tính thì nó thòi hẳn lên rồi. Mà vào kindle thì vẫn bị thụt xuống K xem được mấy cuốn ebook chuẩn trên amazon xem nó đặt css kiểu gì.

 

Anh @4DHN : Nói thiệt là cái "cơ bản" này em đọc mà muốn rối tung luôn. Em đã thử mở file có sẵn rồi Find và Replace một hồi thì phát sinh thêm code rác tùm lum
Giờ thì em làm trực tiếp file mới hoàn toàn từ Sigil như này:
1. Copy nội dung file .epub, .prc... có sẵn bằng FBReader dán vào Notepad (để bỏ hẳn định dạng), rồi dán vào Word và thực hiện chính tả, cách dòng, cách đoạn...
2. Mở Sigil, tạo file mới. Copy từ Word vào html đầu tiên trong Sigil. Tới đoạn nào muốn tách ra html mới, cứ Ctrl+Enter. Cứ mỗi chương (phần) mới được tách ra thì chọn h1, h2, h3... cho nó (tạm để đó, không cần quan tâm nó hiển thị thế nào).
3. Ngắt chương xong toàn bộ thì bắt đầu tới style.css. Cái này thì em không nói đây, nên tìm hiểu sơ qua CSS sẽ làm tốt hơn (cũng không cần quá phức tạp làm gì; không thì cứ tải mấy file mà mình thấy đẹp và thích trên thư viện này, về "ăn cắp" phần style là xong, hihi. Muốn cho ebook lung linh hơn thì mày mò thêm). Trong style mình khai báo font nào thì nhúng font vào. Xong rồi thì chọn tất cả html, chuột phải link tới style.css để kết nối. Lúc này nó mới hiển thị theo ý muốn mình.
4. Tạo ảnh bìa.
5. Chỉnh sửa thông tin sách: tựa, tác giả, thể loại, NXB, năm xuất bản...
6. Save, chép vào máy và thưởng thức.
Lần sau, muốn tạo ebook mới, em cứ copy file hoàn chỉnh này, copy nội dung thay thế thôi. Cũng nhờ "nhiều chuyện", "xí xọn" ở cái topic kia mà em học được cũng kha khá, giờ làm ổn nhiều rồi. Cảm ơn anh qua những lần trao đổi trước. Em đang mày mò làm cái tiêu đề Chương, Phần cho đẹp hơn nữa nè!
Em kèm theo đây file em tự làm, anh xem thử nhé! (File này em làm cho riêng mình, nên đã bỏ phần nguồn gốc của ebook, mọi người đừng trách em nhé!) Giờ em chuyển sang dùng PocketReader luôn rồi, cái này hiển thị đẹp và đầy đủ nhất.
PS: À, phần chú thích em cũng không cần phải đổi tên thành Note.html và 1.html, em không dùng plug-in, cứ làm thủ công, cũng không quá phức tạp, có điều nếu nhiều chú thích thì hơi oải thôi.

 

Nếu làm vậy thì mất hết in đậm, in nghiêng, chú thích, căn trái, căn phải, căn giữa, ảnh minh họa... à bạn?
Theo mình nên dùng plugin Tagmechanic để bỏ các code rác đi, mất thời gian hơn nhưng giữ lại được style mình muốn.

//Có pdf scan đối chiếu nữa thì quá tốt.

 

Tôi đã cảnh báo ở post số 46 rồi mà. Cái này rất rối, nên cần đọc một cách tập trung có trọng điểm, không nên đọc tổng thể tràn lan. Tôi thấy bạn cũng biết làm epub rồi mà, thì càng thuận lợi hơn người chưa biết gì. Đúng ra phải hiểu quy luật rồi thì gặp trường hợp nào cũng làm được.

 

Thật ra, phần nội dung cũng ít có thay đổi, chủ yếu vẫn là canh đều hai bên. Hình ảnh thì hiếm. Dĩ nhiên là mình có đối chiếu file gốc để định dạng cho đúng rồi.

 

Trên trang hocwebchuan có hướng dẫn về CSS cũng dễ hiểu, nên tham khảo.