programming python

Sinh học trăn github

Xin chào các bạn. Sau nhiều tháng [hơn 1 năm] học hỏi từ các bài viết của Viblo, mình cũng mếu máo "khai bút đầu xuân" với bài viết đầu tiên này, hướng dẫn mọi người tạo một trang Portfolio cá nhân đơn giản và miễn phí với

Bài viết được minh sử dụng từ video của tác giả Chanin Nantasenamat - Data Professor Youtube Channel có chỉnh sửa chút xíu [Vì profile của mình không khủng như vậy hehe]. Bài viết này sẽ phù hợp với những người bạn đã quen thuộc với cấu trúc Markdown, và sẽ yêu cầu một chút kiến thức Python để tùy biến. Tuy nhiên mình sẽ trình bày một cách đơn giản nhất [không cần kiến thức về HTML, CSS, JS hay triển khai]

Demo tại đây và mã nguồn của bài viết tại đây. Hi vọng bài viết là nền tảng để sức sáng tạo của các bạn làm cho portfolio của mình nhìn đẹp mắt hơn

Về Streamlit thì đã có một bài hướng dẫn của anh @tungbuitien và một bài hướng dẫn triển khai bằng Heroku của anh @ToThang, nay mình sẽ triển khai bằng chính Streamlit https. //chia sẻ. chiếu sáng. io một cách đơn giản và quan trọng là "miễn phí"

Trang chủ Streamlit cho các bạn sức sáng tạo https. // luồng sáng. io

Tạo repo github

Vì đường dẫn của danh mục đầu tư bao gồm cả tên repo nên mình khuyến nghị nên đặt tên repo ngắn [chèn vào CV sẽ hợp lý]. Mình chọn tên repo là

streamlit

6 luôn. Và Streamlit chỉ cho phép 1 ứng dụng riêng tư nên mình khuyến khích chọn Công khai

Lê Nguyễn Gia Bảo @LeNguyenGiaBao

Theo dõi

136 8 1

Đã đăng vào ngày 26 tháng 2 năm 2022 10. 29 SA 7 phút đọc

1. 1k

Build Portfolio Đơn giản Miễn phí với Python và Streamlit

KhaiBútDauXuan

Report
Add to series of me

Demo tại đây và mã nguồn của bài viết tại đây. Hi vọng bài viết là nền tảng để sức sáng tạo của các bạn làm cho portfolio của mình nhìn đẹp mắt hơn

Trang chủ Streamlit cho các bạn sức sáng tạo https. // luồng sáng. io

Tạo repo github

Vì đường dẫn của danh mục đầu tư bao gồm cả tên repo nên mình khuyến nghị nên đặt tên repo ngắn [chèn vào CV sẽ hợp lý]. Mình chọn tên repo là

streamlit

6 luôn. Và Streamlit chỉ cho phép 1 ứng dụng riêng tư nên mình khuyến khích chọn Công khai

Tạo danh mục đầu tư

Cài đặt thư viện Streamlit

Installing menus with command line on command line

pip install streamlit

Cấu hình repo cấu trúc

Portfolio sẽ được render dựa trên file python [mình đặt là
```
streamlit
```
7]
File
```
streamlit
```
8 for edit font chữ
Tệp
```
streamlit
```
9 để cài đặt môi trường triển khai

File

ul {
    padding-left: 1.5rem;
}

h1 {
    text-align:center;
}

h5 {
    text-align:center;
}

#MainMenu {
    visibility: hidden;
}
footer {
    visibility: hidden;
}
header {
    visibility: hidden;
}

0 mình add lúc tạo repo, không cần thiết lắm

Thư mục

ul {
    padding-left: 1.5rem;
}

h1 {
    text-align:center;
}

h5 {
    text-align:center;
}

#MainMenu {
    visibility: hidden;
}
footer {
    visibility: hidden;
}
header {
    visibility: hidden;
}

1 để lưu trữ các hình ảnh hoặc chứng chỉ

Thư mục

ul {
    padding-left: 1.5rem;
}

h1 {
    text-align:center;
}

h5 {
    text-align:center;
}

#MainMenu {
    visibility: hidden;
}
footer {
    visibility: hidden;
}
header {
    visibility: hidden;
}

2 và tệp

ul {
    padding-left: 1.5rem;
}

h1 {
    text-align:center;
}

h5 {
    text-align:center;
}

#MainMenu {
    visibility: hidden;
}
footer {
    visibility: hidden;
}
header {
    visibility: hidden;
}

3 để cấu hình chủ đề [chế độ sáng/chế độ tối] của danh mục đầu tư [Mặc định sẽ theo cấu hình của máy truy cập nên đôi khi chuyển sang chế độ tối không đẹp lắm]

streamlit

0Các tập tin phụ trợ

Tệp

streamlit

9 các bạn để đặt tên cho các thư viện cần sử dụng, trong trường hợp danh mục đầu tư đơn giản, bạn chỉ cần mỗi thư viện Streamlit

streamlit

File

streamlit

8 đơn giản chỉnh font chữ và căn lề cho thẻ tag

ul {
    padding-left: 1.5rem;
}

h1 {
    text-align:center;
}

h5 {
    text-align:center;
}

#MainMenu {
    visibility: hidden;
}
footer {
    visibility: hidden;
}
header {
    visibility: hidden;
}

File

ul {
    padding-left: 1.5rem;
}

h1 {
    text-align:center;
}

h5 {
    text-align:center;
}

#MainMenu {
    visibility: hidden;
}
footer {
    visibility: hidden;
}
header {
    visibility: hidden;
}

3 bao gồm màu chữ [textColor], màu nền [backgroundColor], màu highlight text [primaryColor]. Các bạn có thể tùy chỉnh theo ý thích

streamlit

6Tạo danh mục đầu tư thôi nào

Import các thư viện cần thiết. Streamlit và PIL [Cho phép chèn ảnh]
```
streamlit
```
7

Định dạng danh mục đầu tư theo định dạng dọc và chia cột nên mình cần tạo một số hàm chia cột sẵn. Streamlit hỗ trợ chia cột với

ul {
    padding-left: 1.5rem;
}

h1 {
    text-align:center;
}

h5 {
    text-align:center;
}

#MainMenu {
    visibility: hidden;
}
footer {
    visibility: hidden;
}
header {
    visibility: hidden;
}

7 nhưng không hỗ trợ chia cột bên trong cột nhé

streamlit

Set title and logo for portfolio
```
pip install streamlit
```
0
Đọc tập tin
```
streamlit
```
8
```
pip install streamlit
```
2
Chèn ảnh cá nhân
```
pip install streamlit
```
3
Tên và chức năng của bạn. Mình đặt tên là tiêu đề 1 và chức năng danh là tiêu đề 5
```
streamlit
```
00

Tóm tắt/ Sinh học. may be used

ul {
    padding-left: 1.5rem;
}

h1 {
    text-align:center;
}

h5 {
    text-align:center;
}

#MainMenu {
    visibility: hidden;
}
footer {
    visibility: hidden;
}
header {
    visibility: hidden;
}

streamlit

60 or other type at doc Status elements

Thông tin. mình chia thành 2 cột với bên trái là loại thông tin và bên phải bao gồm thông tin chi tiết
Giáo dục, Thử nghiệm công việc. mình chia thành 2 cột lệch phải, với bên trái là chức danh và bên phải là thời gian. Các phần tiếp theo các bạn có thể cá nhân theo ý như kỷ năng, dự án, hoạt động, chứng chỉ,. Streamlit khá đơn giản trong việc tạo các hiệu ứng và hình ảnh, bảng biểu

Triển khai

Deploy vô cùng đơn giản với Streamlit. Trước tiên, bạn cần chạy tệp

streamlit

7 tại localhost với lệnh như sau

streamlit

Streamlit sẽ hiển thị đường dẫn localhost cho trang Portfolio của bạn và chạy trên trình duyệt của bạn. Tada, bạn đã có thể xem kết quả của mình và chỉnh sửa theo ý muốn trang Portfolio của riêng bạn

streamlit

Ở góc trên bên phải, bạn sẽ thấy giao diện quản lý, chọn Triển khai. Hoặc các bạn có thể truy cập https. //chia sẻ. chiếu sáng. io, trang web quản lý các ứng dụng bạn đã triển khai, sau đó chọn Ứng dụng mới

Mình chọn cách "Paste GitHub URL" và paste đường dẫn của file

streamlit

Sau khi hoàn thành, nhấn Deploy thôi

Quá trình này sẽ mất từ 5-15 phút, bạn có thể theo dõi quá trình triển khai ở màn hình bảng điều khiển bên phải

Như vậy bạn đã có một trang Portfolio nâng cao nhưng tạo đơn giản và triển khai miễn phí. Cùng tận hưởng thành quả nào

Tổng kết

Việc tạo Portfolio đơn giản, các bạn chỉ cần chuẩn bị nội dung và thay thế theo ý thích trong tệp

streamlit

7. Các cấu hình khác nhau mà bạn có thể sử dụng nguyên bản

Việc tạo Portfolio cá nhân của mình mất khoảng 1 tiếng. Khoảng thời gian này còn tùy thuộc vào độ màn hình của bạn nữa nha hehe

Hi vọng qua bài viết các bạn có thể tạo Portfolio thành công trang đơn giản, miễn phí, dễ dàng hiển thị cho nhà tuyển dụng, cũng như học tập được kiến thức về Markdown, Streamlit. Chúc các bạn có một trang Portfolio. Để lại Portfolio của bạn bên dưới để khoe chiến tích và mọi người có thể tham khảo nha

Tạo repo github

Tạo repo github

Tạo danh mục đầu tư

Triển khai

Tổng kết

Bài Viết Liên Quan

Toplist mới

Bài mới nhất

Chủ Đề