CSDN markdown iconアイコン

4788 ワード

需要
CSDN Markdownエディタでブログを書くとき、よく使うiconアイコンを挿入したいのですが、対応するCSDN Markdownエディタでサポートされているiconアイコンのリストが見つからないので、自分で探してみるつもりです.
関連資料
  • CSDNオンラインエディタ
  • オープンソースオンラインMarkdownエディタ
  • stackedit.io
  • stackedit.io github
  • fontawesome.io

  • CSDN Markdownエディタのiconアイコン
  • CSDNオンラインエディタの説明によると、stackedit.ioは修正されたが、stackeditの著者benweetのStackEdit Iconsでの回答によると、stackeditはfont demoページにリストされている100以上のiconをサポートしている.ただし、font demoの多くはCSDNに表示することができず、font demoとは個別に表示できる効果が異なる、例えばなので、CSDN Markdownエディタのicon serverとstackeditを推定する.ioは違います.
  • はさらにhttp://write.blog.csdn.net/mdeditorというリンクに基づいて発見され、mdeditorというオープンソースオンラインのMarkdownエディタを使用し、mdeditorの公式サイトでもCSDNがmdeditorのユーザーであることを発見することができる.

  • 暴力テストiconサポートリスト
  • Pythonでfont demoのすべてのiconスタイルnameをキャプチャする.
  • すべてのスタイルnameをスタイル
  • に変更
  • すべてのコードをCSDNエディタに貼り付け、正常に表示できるiconを表示する.

  • Pythonスクリプトすべてのiconスタイルnameをキャプチャ
    #coding:utf-8
    import re
    from urllib.request import urlopen
    from bs4 import BeautifulSoup
    
    html = urlopen("https://stackedit.io/res/libs/fontello/demo.html")
    soup = BeautifulSoup(html.read(), "html.parser")
    spanSoup = soup.find_all('span', attrs={'class': re.compile("(i-name)")})
    for spanTag in spanSoup:
        print ("" %spanTag.string)

    結果は次のとおりです.
    <i class='icon-pause'>i>
    <i class='icon-glass'>i>
    <i class='icon-music'>i>
    <i class='icon-search'>i>
    <i class='icon-mail'>i>
    <i class='icon-mail-alt'>i>
    <i class='icon-heart'>i>
    <i class='icon-heart-empty'>i>
    <i class='icon-star'>i>
    ...

    CSDN正常表示のiconスタイルname
         2017-12-18 10:03:11    
    

    key
    value
    icon-picture
    icon-th-large
    icon-th
    icon-folder-open
    icon-upload
    icon-help
    icon-lock
    icon-lock-open
    icon-hdd
    icon-code
    icon-pencil
    icon-forward
    icon-trash
    icon-italic
    icon-bold
    icon-list
    icon-check
    icon-check-empty
    icon-folder
    icon-spinner
    icon-chart-bar
    icon-link
    icon-file
    icon-ellipsis-vert
    以上のiconはエディタプレビュー画面では正常に表示できますが、ブログページでは表示できないようで、原因はしばらく分かりません.