Làm cách nào để tăng chiều rộng ô của sổ ghi chép Jupyter / ipython trong trình duyệt của tôi?

Tôi muốn tăng chiều rộng của máy tính xách tay ipython trong trình duyệt của tôi. Tôi có một màn hình độ phân giải cao và tôi muốn mở rộng chiều rộng / kích thước ô để sử dụng không gian thừa này.

Cảm ơn!

chỉnh sửa: 5/2017

Bây giờ tôi sử dụng jupytertheme: https://github.com/dunovank/jupyter-theme

và lệnh này:

jt -t oceans16 -f roboto -fs 12 -cellw 100%

trong đó thiết lập chiều rộng đến 100% với một chủ đề đẹp.

Nếu bạn không muốn thay đổi cài đặt mặc định của mình và bạn chỉ muốn thay đổi độ rộng của sổ ghi chép hiện tại bạn đang làm việc, bạn có thể nhập thông tin sau vào một ô:

from IPython.core.display import display, HTML
display(HTML("<style>.container { width:100% !important; }</style>"))

Đó là div.cellgiải pháp không thực sự làm việc trên IPython của tôi, tuy nhiên may mắn là có người đề nghị một giải pháp làm việc cho IPythons mới:

Tạo một tệp ~/.ipython/profile_default/static/custom/custom.css(iPython) hoặc ~/.jupyter/custom/custom.css(Jupyter) với nội dung

.container { width:100% !important; }

Sau đó khởi động lại máy tính xách tay iPython / Jupyter. Lưu ý rằng điều này sẽ ảnh hưởng đến tất cả các máy tính xách tay.

Để làm việc này với jupyter (phiên bản 4.0.6) tôi đã tạo ~/.jupyter/custom/custom.csscó chứa:

/* Make the notebook cells take almost all available width */
.container {
    width: 99% !important;
}   

/* Prevent the edit cell highlight box from getting clipped;
 * important so that it also works when cell is in edit mode*/
div.cell.selected {
    border-left-width: 1px !important;
}

Đã đến lúc sử dụng jupyterlab

Cuối cùng, một bản nâng cấp rất cần thiết đã đến với máy tính xách tay. Theo mặc định, nó sử dụng toàn bộ chiều rộng của cửa sổ của bạn giống như bất kỳ IDE gốc chính thức nào khác.

Tât cả nhưng điêu bạn phải lam la:

pip install jupyterlab
# if you use conda
conda install -c conda-forge jupyterlab
# to run 
jupyter lab    # instead of jupyter notebook

Đây là một ảnh chụp màn hình từ blog.Jupyter.org

Những gì tôi thường làm sau khi cài đặt mới là sửa đổi tệp css chính trong đó tất cả các kiểu trực quan được lưu trữ. Tôi sử dụng Miniconda nhưng vị trí tương tự với những người khácC:\Miniconda3\Lib\site-packages\notebook\static\style\style.min.css

Với một số màn hình, độ phân giải này khác nhau và hơn 1. Để đảm bảo an toàn, tôi thay đổi tất cả thành 98% vì vậy nếu tôi ngắt kết nối với màn hình ngoài trên máy tính xách tay của mình, tôi vẫn có chiều rộng màn hình 98%.

Sau đó, chỉ cần thay thế 1140px bằng 98% chiều rộng màn hình.

@media (min-width: 1200px) {
  .container {
    width: 1140px;
  }
}

Sau khi chỉnh sửa

@media (min-width: 1200px) {
  .container {
    width: 98%;
  }
}

Lưu và khởi động lại máy tính xách tay của bạn

Cập nhật

Gần đây đã phải mở rộng các tế bào Jupyter trên một môi trường được cài đặt, điều này khiến tôi quay lại đây và tự nhắc nhở mình.

Nếu bạn cần làm điều đó trong env ảo, bạn đã cài đặt jupyter trên. Bạn có thể tìm thấy tập tin css trong thư mục con này

env/lib/python3.6/site-packages/notebook/static/style/stye.min.css

Bạn có thể đặt CSS của sổ ghi chép bằng cách gọi biểu định kiểu từ bất kỳ ô nào. Ví dụ, hãy xem khóa học 12 bước để Navier Stokes .

Cụ thể, tạo một tệp chứa

<style>
    div.cell{
        width:100%;
        margin-left:1%;
        margin-right:auto;
    }
</style>

sẽ cho bạn một điểm khởi đầu. Tuy nhiên, cũng có thể cần phải điều chỉnh, ví dụ như div.text_cell_renderđể xử lý việc đánh dấu cũng như các ô mã.

Nếu tệp custom.cssđó là sau đó thêm một ô chứa:

from IPython.core.display import HTML
def css_styling():
    styles = open("custom.css", "r").read()
    return HTML(styles)
css_styling()

Điều này sẽ áp dụng tất cả các kiểu dáng, và đặc biệt, thay đổi độ rộng của ô.

(Kể từ năm 2018, tôi sẽ khuyên bạn nên dùng thử JupyterHub / JupyterLab. Nó sử dụng toàn bộ chiều rộng của màn hình. Nếu đây không phải là một tùy chọn, có thể vì bạn đang sử dụng một trong những nhà cung cấp dịch vụ Jupyter dựa trên đám mây, hãy đọc tiếp)

(Sành điệu bị buộc tội ăn cắp dữ liệu người dùng, thay vào đó tôi đã chuyển sang sử dụng plugin Stylus)

Tôi khuyên bạn nên sử dụng Plugin Trình duyệt thời trang . Bằng cách này, bạn có thể ghi đè css cho tất cả các sổ ghi chép mà không cần thêm bất kỳ mã nào vào sổ ghi chép. Chúng tôi không muốn thay đổi cấu hình trong .ipython / profile_default, vì chúng tôi đang chạy một máy chủ Jupyter được chia sẻ cho toàn nhóm và chiều rộng là tùy chọn của người dùng.

Tôi đã tạo một kiểu dành riêng cho màn hình độ phân giải cao theo chiều dọc, giúp các ô rộng hơn và thêm một chút khoảng trống ở phía dưới, để bạn có thể đặt ô cuối cùng ở giữa màn hình. https://userstyles.org/styles/131230/jupyter- Worldwide Tất nhiên, bạn có thể sửa đổi css của tôi theo ý thích của bạn, nếu bạn có bố cục khác hoặc cuối cùng bạn không muốn có thêm không gian trống.

Cuối cùng nhưng không kém phần quan trọng, Sành điệu là một công cụ tuyệt vời cần có trong bộ công cụ của bạn, vì bạn có thể dễ dàng tùy chỉnh các trang web / công cụ khác theo ý thích của mình (ví dụ: Jira, Podio, Slack, v.v.)

@media (min-width: 1140px) {
  .container {
    width: 1130px;
  }
}

.end_space {
  height: 800px;
}

Đối với người dùng Chrome, tôi khuyên dùng Stylebot , sẽ cho phép bạn ghi đè bất kỳ CSS nào trên bất kỳ trang nào, cũng cho phép bạn tìm kiếm và cài đặt CSS tùy chỉnh chia sẻ khác. Tuy nhiên, với mục đích của chúng tôi, chúng tôi không cần bất kỳ chủ đề trước. Mở Stylebot, đổi thành Edit CSS. Jupyter chụp một số tổ hợp phím, do đó bạn sẽ không thể nhập mã bên dưới. Chỉ cần sao chép và dán hoặc chỉ trình soạn thảo của bạn:

#notebook-container.container {
    width: 90%;
}

Thay đổi chiều rộng như bạn muốn, tôi thấy 90% trông đẹp hơn 100%. Nhưng nó hoàn toàn phụ thuộc vào mắt của bạn.

Đây là mã tôi đã sử dụng. Nó kéo dài các ô đầu vào và đầu ra ở bên trái và bên phải. Lưu ý rằng chỉ báo số đầu vào / đầu ra sẽ biến mất:

from IPython.core.display import display, HTML
display(HTML("<style>.container { width:100% !important; }</style>"))
display(HTML("<style>.output_result { max-width:100% !important; }</style>"))
display(HTML("<style>.prompt { display:none !important; }</style>"))

Tôi đã thực hiện một số sửa đổi cho giải pháp của @ jvd10. '! Quan trọng' dường như quá mạnh khiến container không thích ứng tốt khi thanh bên TOC được hiển thị. Tôi đã xóa nó và thêm 'min-width' để giới hạn chiều rộng tối thiểu.

Đây là .juyputer / custom / custom.css của tôi:

/* Make the notebook cells take almost all available width and limit minimal width to 1110px */
.container {
    width: 99%;
    min-width: 1110px;
}   

/* Prevent the edit cell highlight box from getting clipped;
 * important so that it also works when cell is in edit mode*/
div.cell.selected {
    border-left-width: 1px;
}

Tôi đã thử mọi thứ và không có gì hiệu quả với tôi, cuối cùng tôi đã sử dụng hiển thị khung dữ liệu của mình dưới dạng HTML như sau

from IPython.display import HTML    
HTML (pd.to_html())

Đối với người dùng Firefox / Chrome, một cách hay để đạt được chiều rộng 100% là sử dụng tập lệnh TamperMonkey tùy chỉnh .

Những lợi ích là

1. cấu hình cái này một lần trong trình duyệt của bạn, không cần sửa đổi cấu hình máy chủ.
2. hoạt động với nhiều máy chủ jupyter.
3. TamperMonkey được tin cậy, duy trì và ổn định.
4. Rất nhiều tùy chỉnh bổ sung có thể thông qua javascript.

Kịch bản này hoạt động với tôi https://gist.githubusercontent.com/mrk-andreev/2a9c2538fad0b687c27e192d5948834f/raw/6aa1148573dc20a22fca126e56e3b03f4abf281b