30/09/2018, 20:14

Beta: Blog dành cho các bài viết trong DNH (React.js app)

Hiện tại thì mình thấy các bài viết trong mục share/writes rất hay nhưng dường như khá ít người chú ý đến (nói chung là nó bị trôi xuống dưới đáy rồi). Vì vậy nên mình đã tạo 1 trang riêng để chứa các bài viết này.

Link: http://blog.daynhauhoc.com/
Repo: https://github.com/thangngoc89/dnh-blog

Hiện tại chỉ là bản beta đầu tiên và có rất nhiều bug (chủ yếu là UI)
Mời mọi người tham gia cùng hoàn thiện trang web nhé


Hướng dẫn

Cách build trang web (Yêu cầu node >= 4.2 và npm >= 3)

# Clone
git clone https://github.com/thangngoc89/dnh-blog

# install
npm install

# download data from diễn đàn
npm run fetch

# Run dev server
npm start

# Build website
npm run build

Công nghệ

Mình dùng 1 static site generator gọi là Statinamic. Ưu điểm của nó là tạo ra trang Web với front-end là một React app, tốc độ chuyển trang sẽ siêu nhanh vì nó sẽ không load hết trang mà chỉ tải thêm 1 file .json nhỏ để hiển thị

Điều kiện lọc bài viết

  • Từ mục share/writes của diễn đàn
  • Không phải là pin post
  • Có ít nhất 10 likes

(chi tiết mời mọi người xem tại đây)


Báo cáo bug

Các bạn có thể báo cáo trang Github (tiếng Anh anh Việt gì cũng ok) hoặc comment ngay bên dưới nhé


P/s: Lần đầu làm cho community nên mọi người chém nhẹ thôi

cc @ltd @Le_Dinh_Huy @dqh @david15894

Lê Đình Huy viết 22:30 ngày 30/09/2018

Hay quá, mọi người vào xem và cho ý kiến nào !
@TheSky @ChiPheoVN1995 @huyenthoai
@thanhmssl10 @conan4582 @superthin @Phan_Hoang


Và 1 số lão làng khác nữa …

Thành Phạm viết 22:30 ngày 30/09/2018

Tốc độ khủng quá rảnh rảnh a nghiên cứu thêm cái subcribe email á, có bài mới là có email

Mà hình như diễn đàn có chức năng này riêng cho từng phân mục thì phải cơ mà phải đăng nhập

Khoa Nguyen viết 22:19 ngày 30/09/2018

Có RSS sẵn nên không cần phải nghiên cứu gì thêm đâu

Mai Anh Dũng viết 22:22 ngày 30/09/2018

Ngon

Có điều @thangngoc89 cần phải thuê Designer, mắt thẩm mỹ ẹ quá

Nhưng riêng về kỹ thuật của @thangngoc89 thì khỏi có chỗ chê luôn

Khoa Nguyen viết 22:23 ngày 30/09/2018

cần phải thuê Designer, mắt thẩm mỹ ẹ quá

đầu hàng vụ design

Mai Anh Dũng viết 22:20 ngày 30/09/2018

Thêm cái views với likes của mỗi post đi

Khoa Nguyen viết 22:23 ngày 30/09/2018

Thêm cái views với likes của mỗi post đi

Thêm chỗ nào đây ta mắt thẩm mỹ ẹ mà

Mai Anh Dũng viết 22:24 ngày 30/09/2018

Chỗ khoanh đỏ này được không nhỉ, Đạt cũng ẹ thẩm mỹ không kém =))

null viết 22:20 ngày 30/09/2018

Mình lại thích giao diện này, không cầu kỳ, dễ đọc
Từ trang chủ, click vào xem bài viết, lúc được lúc không, thường phải tải lại trang mới xem được.

Khoa Nguyen viết 22:28 ngày 30/09/2018

Từ trang chủ, click vào xem bài viết, lúc được lúc không, thường phải tải lại trang mới xem được.

Bạn đang nói blog hay là forum thế

Khi chuyển trang nó hơi lâu là còn phải tải data. Chắc phải thêm cái hiệu ứng để báo loading

Trường Giang viết 22:19 ngày 30/09/2018

Mình thấy danh mục chưa được đồng nhất lắm ví dụ như: kỹ năng sống, book review, kinh-nghiem… Mình nghĩ viết dưới dạng hashtag sẽ nhìn đẹp hơn: #kinangsong, #bookreview, #chiasekinhnghiem, #oppbasic

Khoa Nguyen viết 22:26 ngày 30/09/2018

cái này là tag mình lấy trực tiếp từ forum

viết dưới dạng hashtag sẽ nhìn đẹp hơn

mình sẽ normalize nó như bạn nói.

Quốc Hùng viết 22:15 ngày 30/09/2018

a thêm chức năng tìm theo từ khóa, ngày đăng vs tên, thêm tag nữa ^^ (để vài tìm mệt qúa)

Khoa Nguyen viết 22:17 ngày 30/09/2018

a thêm chức năng tìm theo từ khóa, ngày đăng vs tên, thêm tag nữa ^^ (để vài tìm mệt qúa)

đang không muốn duplicate tính năng có sẵn của forum. Nhưng mà search thì sẽ xem xét

@conan4582 mà bạn có biết rằng đó là một static site không

Quốc Hùng viết 22:25 ngày 30/09/2018

em nghĩ nó giong như WordPress th ^^, mà viết thuật toán tìm kiếm phải nhờ PHP à a

Khoa Nguyen viết 22:28 ngày 30/09/2018

em nghĩ nó giong như WordPress th ^^, mà viết thuật toán tìm kiếm phải nhờ PHP à a

Vấn đề không phải là thuật toán. Vấn đề là trang web đó không có server. Chỉ có máy chủ để gửi lại file HTML đã biên dịch sẵn thôi. Đem hết search lên javascript cũng được nhưng mà hiệu năng sẽ không tối ưu

Quốc Hùng viết 22:20 ngày 30/09/2018

Đem hết search lên javascript cũng được nhưng mà hiệu năng sẽ không tối ưu

tính năng tạm thời còn hơn là không

Khoa Nguyen viết 22:16 ngày 30/09/2018

Okie. Chắc sẽ dùng một microservice cho việc search này.

tính năng tạm thời còn hơn là không

Phải nói là cái này sẽ thêm vào dung lượng website cỡ 1-2MB nữa nếu dùng client search

Khoa Nguyen viết 22:24 ngày 30/09/2018

Cập nhật link mới cho blog http://blog.daynhauhoc.com/

Mai Anh Dũng viết 22:21 ngày 30/09/2018

Đã lên header rồi nhé mọi người

Bài liên quan
0