Wstawianie łącza do strony internetowej w notatniku IPython

105

Jak to się robi? Chciałbym, aby link znajdował się w komórce przecenowej.

jupyter-notebook dbliss
źródło

Odpowiedzi:

182

Dla wzrokowców.

[blue_text](url_here)

Dzięki dbliss.

R. Sanchez
źródło
4
W moim przypadku niektóre znaki specjalne, takie jak „(” lub „)”, mogą blokować ścieżkę do pliku / strony i prowadzić do niedziałającego łącza. Naprawiłem to, zastępując je odpowiednikami kodu znalezionymi tutaj, a potem wszystko działało. theukwebdesigncompany.com/articles/entity-escape-characters.php
Afflatus
2
ważne jest, aby nie pozostawić spacji między] a (w [blue_text] (url_here)
Kardi Teknomo,
To dziwne, żadna z tych opcji nie działa, jeśli tekst w komórce Markdown zaczyna się od tabulatora. tzn. jeśli na początku komórki jest więcej niż 4 spacje, to po prostu nie działa
sjd
26

W przypadku, gdy nie jest to komórka przecenowa, to z tym, co poszedłem:

from IPython.core.display import display, HTML
display(HTML("""<a href="https://google.at">text</a>"""))
linqu
źródło
Czy jest jakiś sposób, żebym mógł wydrukować więcej tekstu w tym samym wierszu co ten kod? Więc wyświetli hiperłącze, a po nim jakiś tekst?
Sameh
1
@Sameh, czyli: display (HTML ("" "<a href=" google.at"> text </ a > more text" ""))
linqu
Dzięki. Jak mogę zrobić coś takiego: name = 'MyName' display (HTML ("" "<a href="google.at"> text </a> {name}" ""))
Sameh
@Sameh name = 'Sameh'; display (HTML ("" "<a href="google.at"> tekst </a> {nazwa}" "". format (nazwa)))
linqu
Czy przetestowałeś? Na moim końcu to nie działa. Zwraca błąd (KeyError: 'name')
Sameh
5

Jeszcze jedna wskazówka, używając magicznej ekspresji.

%%html
<a href="your_url_here">Showing Text</a>

Ulepszony. Dzięki komentarzowi calocedrus .

Tony Huang
źródło
1
Nie ma miejsca po %%: %%html. I można dodać hiperłącze tekst widoczny tuż przed </a>, po zamknięciu >: <a href="your_url_here">clickable text</a>. Mimo to +1.
calocedrus
Jak mogę potem coś wydrukować ()?
Sameh
%% html musi być pierwszą rzeczą w komórce, nie możesz mieć żadnego tekstu przed
elomage
3

Oto kod, którego używam w moim notatniku w języku Python, gdy chcę wstawić łącze do strony internetowej w komórce Markdown (w notatniku w języku Python).

[Clickable_visible_hyperlink](Hidden_landing_URL)

- uwaga Tutaj jest klikalne hiperłącze, możesz zmienić wartość

jasonMmedina
źródło
1
Dlaczego dodałeś odpowiedź, która jest dokładnie taka sama jak @ R.Sanchez '?
bfontaine
1
Hej, dobry chwyt! Ta odpowiedź zawiera opisy funkcji tego, jak działają linki i co robią.
jasonMmedina
0

Aby programować w języku R, wykonaj następujące czynności, używając Jupyter Notebook lub Jupyter Lab - (używając jądra R). Te kroki spowodują wyświetlenie łącza internetowego i obrazu w komórce notatek. Poniżej przedstawiono przykład z życia wzięty niektórych notatek do nauki przy użyciu Jupyter Lab i R.

Najpierw otwórz komórkę przecen w Jupyter - może to być nowa komórka przecen lub istniejąca. Następnie skopiuj i wklej rzeczywisty adres internetowy do komórki Markdown. Zapewni to aktywne łącze do tej witryny z Notatnika.

Krok 2: z tej witryny skopiuj obraz, który chcesz wyświetlić w Notatniku. Ten obraz powinien mieć standardowy format obrazu (.png, .jpg itp.). Wklej ten obraz do tego samego folderu na komputerze, na którym znajduje się plik notatnika Jupyter. Uwaga: jeśli później obraz zostanie uznany za zbyt duży lub mały, zmień rozmiar za pomocą dowolnego dostępnego oprogramowania graficznego - a następnie zapisz zmieniony obraz w tym samym folderze. Uwaga: ważne jest, aby znać nazwę tego pliku obrazu.

Następnie wklej nazwę pliku obrazu między cudzysłowami w następującym kodzie:. Jeśli ten plik nie znajduje się w istniejącym katalogu roboczym notatnika jupyter, ścieżka do pliku obrazu będzie musiała zostać umieszczona w cudzysłowie.

Krok 3, zawiera również przykład linii kodu (używanej również w komórce Markdown notebooka) do tworzenia kolorowego tekstu w komórkach markdown. W tym wierszu kodu podwójny znak ## skutkuje drugą co do wielkości czcionką używaną w Jupyter. Mniejszy tekst zawierający więcej tych znaków - gdzie #### jest najmniejszym. Jeden # daje największą czcionkę.

Na koniec pamiętaj, aby zamknąć i uruchomić komórkę przeceny, aby wyświetlić dane wyjściowe. Poniżej znajduje się kod komórki przeceny, a poniżej przedstawiono dane wyjściowe z Notatnika.

Kod w komórce Markdown:

"https://www.tensorflow.org/images/colab_logo_32px.png"   # link to website


<img src="tidyflow.png" />   # The image file (This path is the same folder as Notebook file)

## <font color = cyan> Some Colored Text in Notebook Markdown Cell </font>  # colored text

Wynik:

Dane wyjściowe z komórki Markdown w Notatniku

Szary
źródło