跳到主要内容

小图标

小图标

目录

[toc]

我的博客导航页图标

🏡 首页
起始页

📘 知识库

🌈 博客
📖 博客
🗃️ 标签
⏰ 时间轴

💎专题

📸 娱乐
🖼️ 相册
🎧 音乐
🧿 观影厅



💖精神小屋


🍷 更多
🔗 友链
🌐 导航
🗃️ 项目

小图标和表情

==常用图标==

---
👀 预览主题
🌈 安装 & 更新
⚠️ 必读
🔧 主题配置
🎉 主题功能
✨ 改进点
📃 TODO
📈 项目状态
📚 开发指南
🔍 代码规范
🤔 常见问题
😈 小建议
📈 页面性能
🏭 贡献
🙆‍♂️ 感谢
---

点赞 👍
垃圾 👎

橙子 🍊


问题:❓ :question:
小叉叉 ❌
回答:✒️ :black_nib:

注意:⚠️ :warning:

总结:👉 :point_right:

小红旗 🚩


🦖 Docusaurus 小恐龙



开源。🌏
无跟踪,无广告,永久免费。📡 🚫

支持多种语言。🌐
高可配置性。🔧

新功能 💥 🧐
上新 ⚡

小闹钟 ⏱️
  • 蓝色标号

0️⃣1️⃣2️⃣3️⃣4️⃣5️⃣6️⃣

image-20231021192157751

人物

😄 :smile:  |😆 :laughing:   

😊 :blush: 😃 :smiley: ☺️ :relaxed:

😏 :smirk: 😍 :heart_eyes: 😘 :kissing_heart:

😚 :kissing_closed_eyes: 😳 :flushed: 😌 :relieved:

😆 :satisfied: 😁 :grin: 😉 :wink:

😜 :stuck_out_tongue_winking_eye: 😝 :stuck_out_tongue_closed_eyes: 😀 :grinning:

😗 :kissing: 😙 :kissing_smiling_eyes: 😛 :stuck_out_tongue:

😴 :sleeping: 😟 :worried: 😦 :frowning:

😧 :anguished: 😮 :open_mouth: 😬 :grimacing:

😕 :confused: 😯 :hushed: 😑 :expressionless:

😒 :unamused: 😅 :sweat_smile: 😓 :sweat:

😥 :disappointed_relieved: 😩 :weary: 😔 :pensive:

😞 :disappointed: 😖 :confounded: 😨 :fearful:

😰 :cold_sweat: 😣 :persevere: 😢 :cry:

😭 :sob: 😂 :joy: 😲 :astonished:

😱 :scream: 😫 :tired_face:

😠 :angry: 😡 :rage: 😤 :triumph:

😪 :sleepy: 😋 :yum: 😷 :mask:

😎 :sunglasses: 😵 :dizzy_face: 👿 :imp:

😈 :smiling_imp: 😐 :neutral_face: 😶 :no_mouth:

😇 :innocent: 👽 :alien: 💛 :yellow_heart:

💙 :blue_heart: 💜 :purple_heart: ❤️ :heart:

💚 :green_heart: 💔 :broken_heart: 💓 :heartbeat:

💗 :heartpulse: 💕 :two_hearts: 💞 :revolving_hearts:

💘 :cupid: 💖 :sparkling_heart: ✨ :sparkles:

⭐️ :star: 🌟 :star2: 💫 :dizzy:

💥 :boom: 💥 :collision: 💢 :anger:

❗️ :exclamation: ❓ :question: ❕ :grey_exclamation:

❔ :grey_question: 💤 :zzz: 💨 :dash:

💦 :sweat_drops: 🎶 :notes: 🎵 :musical_note:

🔥 :fire: 💩 :hankey: 💩 :poop:

💩 :shit: 👍 :+1: 👍 :thumbsup:

👎 :-1: 👎 :thumbsdown: 👌 :ok_hand:

👊 :punch: 👊 :facepunch: ✊ :fist:

✌️ :v: 👋 :wave: ✋ :hand:

✋ :raised_hand: 👐 :open_hands: ☝️ :point_up:

👇 :point_down: 👈 :point_left: 👉 :point_right:

🙌 :raised_hands: 🙏 :pray: 👆 :point_up_2:

👏 :clap: 💪 :muscle: 🤘 :metal:

🖕 :fu: 🚶 :walking: 🏃 :runner:

🏃 :running: 👫 :couple: 👪 :family:

👬 :two_men_holding_hands: 👭 :two_women_holding_hands: 💃 :dancer:

👯 :dancers: 🙆 :ok_woman: 🙅 :no_good:

💁 :information_desk_person: 🙋 :raising_hand: 👰 :bride_with_veil:

🙎 :person_with_pouting_face: 🙍 :person_frowning: 🙇 :bow:

:couplekiss: :couplekiss: 💑 :couple_with_heart: 💆 :massage:

💇 :haircut: 💅 :nail_care: 👦 :boy:

👧 :girl: 👩 :woman: 👨 :man:

👶 :baby: 👵 :older_woman: 👴 :older_man:

👱 :person_with_blond_hair: 👲 :man_with_gua_pi_mao: 👳 :man_with_turban:

👷 :construction_worker: 👮 :cop: 👼 :angel:

👸 :princess: 😺 :smiley_cat: 😸 :smile_cat:

😻 :heart_eyes_cat: 😽 :kissing_cat: 😼 :smirk_cat:

🙀 :scream_cat: 😿 :crying_cat_face: 😹 :joy_cat:

😾 :pouting_cat: 👹 :japanese_ogre: 👺 :japanese_goblin:

🙈 :see_no_evil: 🙉 :hear_no_evil: 🙊 :speak_no_evil:

💂 :guardsman: 💀 :skull: 🐾 :feet:

👄 :lips: 💋 :kiss: 💧 :droplet:

👂 :ear: 👀 :eyes: 👃 :nose:

👅 :tongue: 💌 :love_letter: 👤 :bust_in_silhouette:

👥 :busts_in_silhouette: 💬 :speech_balloon: 💭 :thought_balloon:

自然

☀️ :sunny:  ☔️ :umbrella:   ☁️ :cloud:

❄️ :snowflake: ⛄️ :snowman: ⚡️ :zap:

🌀 :cyclone: 🌁 :foggy: 🌊 :ocean:

🐱 :cat: 🐶 :dog: 🐭 :mouse:

🐹 :hamster: 🐰 :rabbit: 🐺 :wolf:

🐸 :frog: 🐯 :tiger: 🐨 :koala:

🐻 :bear: 🐷 :pig: 🐽 :pig_nose:

🐮 :cow: 🐗 :boar: 🐵 :monkey_face:

🐒 :monkey: 🐴 :horse: 🐎 :racehorse:

🐫 :camel: 🐑 :sheep: 🐘 :elephant:

🐼 :panda_face: 🐍 :snake: 🐦 :bird:

🐤 :baby_chick: 🐥 :hatched_chick: 🐣 :hatching_chick:

🐔 :chicken: 🐧 :penguin: 🐢 :turtle:

🐛 :bug: 🐝 :honeybee: 🐜 :ant:

🐞 :beetle: 🐌 :snail: 🐙 :octopus:

🐠 :tropical_fish: 🐟 :fish: 🐳 :whale:

🐋 :whale2: 🐬 :dolphin: 🐄 :cow2:

🐏 :ram: 🐀 :rat: 🐃 :water_buffalo:

🐅 :tiger2: 🐇 :rabbit2: 🐉 :dragon:

🐐 :goat: 🐓 :rooster: 🐕 :dog2:

🐖 :pig2: 🐁 :mouse2: 🐂 :ox:

🐲 :dragon_face: 🐡 :blowfish: 🐊 :crocodile:

🐪 :dromedary_camel: 🐆 :leopard: 🐈 :cat2:

🐩 :poodle: 🐾 :paw_prints: 💐 :bouquet:

🌸 :cherry_blossom: 🌷 :tulip: 🍀 :four_leaf_clover:

🌹 :rose: 🌻 :sunflower: 🌺 :hibiscus:

🍁 :maple_leaf: 🍃 :leaves: 🍂 :fallen_leaf:

🌿 :herb: 🍄 :mushroom: 🌵 :cactus:

🌴 :palm_tree: 🌲 :evergreen_tree: 🌳 :deciduous_tree:

🌰 :chestnut: 🌱 :seedling: 🌼 :blossom:

🌾 :ear_of_rice: 🐚 :shell: 🌐 :globe_with_meridians:

🌞 :sun_with_face: 🌝 :full_moon_with_face: 🌚 :new_moon_with_face:

🌑 :new_moon: 🌒 :waxing_crescent_moon: 🌓 :first_quarter_moon:

🌔 :waxing_gibbous_moon: 🌕 :full_moon: 🌖 :waning_gibbous_moon:

🌗 :last_quarter_moon: 🌘 :waning_crescent_moon: 🌜 :last_quarter_moon_with_face:

🌛 :first_quarter_moon_with_face: 🌔 :moon: 🌍 :earth_africa:

🌎 :earth_americas: 🌏 :earth_asia: 🌋 :volcano:

🌌 :milky_way: ⛅️ :partly_sunny:

事物

🎍 :bamboo: 💝 :gift_heart: 🎎 :dolls:

🎒 :school_satchel: 🎓 :mortar_board: 🎏 :flags:

🎆 :fireworks: 🎇 :sparkler: 🎐 :wind_chime:

🎑 :rice_scene: 🎃 :jack_o_lantern: 👻 :ghost:

🎅 :santa: 🎄 :christmas_tree: 🎁 :gift:

🔔 :bell: 🔕 :no_bell: 🎋 :tanabata_tree:

🎉 :tada: 🎊 :confetti_ball: 🎈 :balloon:

🔮 :crystal_ball: 💿 :cd: 📀 :dvd:

💾 :floppy_disk: 📷 :camera: 📹 :video_camera:

🎥 :movie_camera: 💻 :computer: 📺 :tv:

📱 :iphone: ☎️ :phone: ☎️ :telephone:

📞 :telephone_receiver: 📟 :pager: 📠 :fax:

💽 :minidisc: 📼 :vhs: 🔉 :sound:

🔈 :speaker: 🔇 :mute: 📢 :loudspeaker:

📣 :mega: ⌛️ :hourglass: ⏳ :hourglass_flowing_sand:

⏰ :alarm_clock: ⌚️ :watch: 📻 :radio:

📡 :satellite: ➿ :loop: 🔍 :mag:

🔎 :mag_right: 🔓 :unlock: 🔒 :lock:

🔏 :lock_with_ink_pen: 🔐 :closed_lock_with_key: 🔑 :key:

💡 :bulb: 🔦 :flashlight: 🔆 :high_brightness:

🔅 :low_brightness: 🔌 :electric_plug: 🔋 :battery:

📲 :calling: ✉️ :email: 📫 :mailbox:

📮 :postbox: 🛀 :bath: 🛁 :bathtub:

🚿 :shower: 🚽 :toilet: 🔧 :wrench:

🔩 :nut_and_bolt: 🔨 :hammer: 💺 :seat:

💰 :moneybag: 💴 :yen: 💵 :dollar:

💷 :pound: 💶 :euro: 💳 :credit_card:

💸 :money_with_wings: 📧 :e-mail: 📥 :inbox_tray:

📤 :outbox_tray: ✉️ :envelope: 📨 :incoming_envelope:

📯 :postal_horn: 📪 :mailbox_closed: 📬 :mailbox_with_mail:

📭 :mailbox_with_no_mail: 🚪 :door: 🚬 :smoking:

💣 :bomb: 🔫 :gun: 🔪 :hocho:

💊 :pill: 💉 :syringe: 📄 :page_facing_up:

📃 :page_with_curl: 📑 :bookmark_tabs: 📊 :bar_chart:

📈 :chart_with_upwards_trend: 📉 :chart_with_downwards_trend: 📜 :scroll:

📋 :clipboard: 📆 :calendar: 📅 :date:

📇 :card_index: 📁 :file_folder: 📂 :open_file_folder:

✂️ :scissors: 📌 :pushpin: 📎 :paperclip:

✒️ :black_nib: ✏️ :pencil2: 📏 :straight_ruler:

📐 :triangular_ruler: 📕 :closed_book: 📗 :green_book:

📘 :blue_book: 📙 :orange_book: 📓 :notebook:

📔 :notebook_with_decorative_cover: 📒 :ledger: 📚 :books:

🔖 :bookmark: 📛 :name_badge: 🔬 :microscope:

🔭 :telescope: 📰 :newspaper: 🏈 :football:

🏀 :basketball: ⚽️ :soccer: ⚾️ :baseball:

🎾 :tennis: 🎱 :8ball: 🏉 :rugby_football:

🎳 :bowling: ⛳️ :golf: 🚵 :mountain_bicyclist:

🚴 :bicyclist: 🏇 :horse_racing: 🏂 :snowboarder:

🏊 :swimmer: 🏄 :surfer: 🎿 :ski:

♠️ :spades: ♥️ :hearts: ♣️ :clubs:

♦️ :diamonds: 💎 :gem: 💍 :ring:

🏆 :trophy: 🎼 :musical_score: 🎹 :musical_keyboard:

🎻 :violin: 👾 :space_invader: 🎮 :video_game:

🃏 :black_joker: 🎴 :flower_playing_cards: 🎲 :game_die:

🎯 :dart: 🀄️ :mahjong: 🎬 :clapper:

📝 :memo: 📝 :pencil: 📖 :book:

🎨 :art: 🎤 :microphone: 🎧 :headphones:

🎺 :trumpet: 🎷 :saxophone: 🎸 :guitar:

👞 :shoe: 👡 :sandal: 👠 :high_heel:

💄 :lipstick: 👢 :boot: 👕 :shirt:

👕 :tshirt: 👔 :necktie: 👚 :womans_clothes:

👗 :dress: 🎽 :running_shirt_with_sash: 👖 :jeans:

👘 :kimono: 👙 :bikini: 🎀 :ribbon:

🎩 :tophat: 👑 :crown: 👒 :womans_hat:

👞 :mans_shoe: 🌂 :closed_umbrella: 💼 :briefcase:

👜 :handbag: 👝 :pouch: 👛 :purse:

👓 :eyeglasses: 🎣 :fishing_pole_and_fish: ☕️ :coffee:

🍵 :tea: 🍶 :sake: 🍼 :baby_bottle:

🍺 :beer: 🍻 :beers: 🍸 :cocktail:

🍹 :tropical_drink: 🍷 :wine_glass: 🍴 :fork_and_knife:

🍕 :pizza: 🍔 :hamburger: 🍟 :fries:

🍗 :poultry_leg: 🍖 :meat_on_bone: 🍝 :spaghetti:

🍛 :curry: 🍤 :fried_shrimp: 🍱 :bento:

🍣 :sushi: 🍥 :fish_cake: 🍙 :rice_ball:

🍘 :rice_cracker: 🍚 :rice: 🍜 :ramen:

🍲 :stew: 🍢 :oden: 🍡 :dango:

🥚 :egg: 🍞 :bread: 🍩 :doughnut:

🍮 :custard: 🍦 :icecream: 🍨 :ice_cream:

🍧 :shaved_ice: 🎂 :birthday: 🍰 :cake:

🍪 :cookie: 🍫 :chocolate_bar: 🍬 :candy:

🍭 :lollipop: 🍯 :honey_pot: 🍎 :apple:

🍏 :green_apple: 🍊 :tangerine: 🍋 :lemon:

🍒 :cherries: 🍇 :grapes: 🍉 :watermelon:

🍓 :strawberry: 🍑 :peach: 🍈 :melon:

🍌 :banana: 🍐 :pear: 🍍 :pineapple:

🍠 :sweet_potato: 🍆 :eggplant: 🍅 :tomato:

🌽 :corn:

地点

🏠 :house:  🏡 :house_with_garden:  🏫 :school:

🏢 :office: 🏣 :post_office: 🏥 :hospital:

🏦 :bank: 🏪 :convenience_store: 🏩 :love_hotel:

🏨 :hotel: 💒 :wedding: ⛪️ :church:

🏬 :department_store: 🏤 :european_post_office: 🌇 :city_sunrise:

🌆 :city_sunset: 🏯 :japanese_castle: 🏰 :european_castle:

⛺️ :tent: 🏭 :factory: 🗼 :tokyo_tower:

🗾 :japan: 🗻 :mount_fuji: 🌄 :sunrise_over_mountains:

🌅 :sunrise: 🌠 :stars: 🗽 :statue_of_liberty:

🌉 :bridge_at_night: 🎠 :carousel_horse: 🌈 :rainbow:

🎡 :ferris_wheel: ⛲️ :fountain: 🎢 :roller_coaster:

🚢 :ship: 🚤 :speedboat: ⛵️ :boat:

⛵️ :sailboat: 🚣 :rowboat: ⚓️ :anchor:

🚀 :rocket: ✈️ :airplane: 🚁 :helicopter:

🚂 :steam_locomotive: 🚊 :tram: 🚞 :mountain_railway:

🚲 :bike: 🚡 :aerial_tramway: 🚟 :suspension_railway:

🚠 :mountain_cableway: 🚜 :tractor: 🚙 :blue_car:

🚘 :oncoming_automobile: 🚗 :car: 🚗 :red_car:

🚕 :taxi: 🚖 :oncoming_taxi: 🚛 :articulated_lorry:

🚌 :bus: 🚍 :oncoming_bus: 🚨 :rotating_light:

🚓 :police_car: 🚔 :oncoming_police_car: 🚒 :fire_engine:

🚑 :ambulance: 🚐 :minibus: 🚚 :truck:

🚋 :train: 🚉 :station: 🚆 :train2:

🚅 :bullettrain_front: 🚄 :bullettrain_side: 🚈 :light_rail:

🚝 :monorail: 🚃 :railway_car: 🚎 :trolleybus:

🎫 :ticket: ⛽️ :fuelpump: 🚦 :vertical_traffic_light:

🚥 :traffic_light: ⚠️ :warning: 🚧 :construction:

🔰 :beginner: 🏧 :atm: 🎰 :slot_machine:

🚏 :busstop: 💈 :barber: ♨️ :hotsprings:

🏁 :checkered_flag: 🎌 :crossed_flags: 🏮 :izakaya_lantern:

🗿 :moyai: 🎪 :circus_tent: 🎭 :performing_arts:

📍 :round_pushpin: 🚩 :triangular_flag_on_post: 🇯🇵 :jp:

🇰🇷 :kr: 🇨🇳 :cn: 🇺🇸 :us:

🇫🇷 :fr: 🇪🇸 :es: 🇮🇹 :it:

🇷🇺 :ru: 🇬🇧 :gb: 🇬🇧 :uk:

🇩🇪 :de:

符号

1️⃣ :one:   2️⃣ :two:   3️⃣ :three:

4️⃣ :four: 5️⃣ :five: 6️⃣ :six:

7️⃣ :seven: 8️⃣ :eight: 9️⃣ :nine:

🔟 :keycap_ten: 🔢 :1234: 0️⃣ :zero:

\#️⃣ :hash: 🔣 :symbols: ◀️ :arrow_backward:

⬇️ :arrow_down: ▶️ :arrow_forward: ⬅️ :arrow_left:

🔠 :capital_abcd: 🔡 :abcd: 🔤 :abc:

↙️ :arrow_lower_left: ↘️ :arrow_lower_right: ➡️ :arrow_right:

⬆️ :arrow_up: ↖️ :arrow_upper_left: ↗️ :arrow_upper_right:

⏬ :arrow_double_down: ⏫ :arrow_double_up: 🔽 :arrow_down_small:

⤵️ :arrow_heading_down: ⤴️ :arrow_heading_up: ↩️:leftwards_arrow_with_hook:

↪️ :arrow_right_hook: ↔️ :left_right_arrow: ↕️ :arrow_up_down:

🔼 :arrow_up_small: 🔃 :arrows_clockwise: 🔄 :arrows_counterclockwise:

⏪ :rewind: ⏩ :fast_forward: ℹ️ :information_source:

🆗 :ok: 🔀 :twisted_rightwards_arrows: 🔁 :repeat:

🔂 :repeat_one: 🆕 :new: 🔝 :top:

🆙 :up: 🆒 :cool: 🆓 :free:

🆖 :ng: 🎦 :cinema: 🈁 :koko:

📶 :signal_strength: 🈹 :u5272: 🈴 :u5408:

🈺 :u55b6: 🈯️ :u6307: 🈷️ :u6708:

🈶 :u6709: 🈵 :u6e80: 🈚️ :u7121:

🈸 :u7533: 🈳 :u7a7a: 🈲 :u7981:

🈂️ :sa: 🚻 :restroom: 🚹 :mens:

🚺 :womens: 🚼 :baby_symbol: 🚭 :no_smoking:

🅿️ :parking: ♿️ :wheelchair: 🚇 :metro:

🛄 :baggage_claim: 🉑 :accept: 🚾 :wc:

🚰 :potable_water: 🚮 :put_litter_in_its_place: ㊙️ :secret:

㊗️ :congratulations: Ⓜ️ :m: 🛂 :passport_control:

🛅 :left_luggage: 🛃 :customs: 🉐 :ideograph_advantage:

🆑 :cl: 🆘 :sos: 🆔 :id:

🚫 :no_entry_sign: 🔞 :underage: 📵 :no_mobile_phones:

🚯 :do_not_litter: 🚱 :non-potable_water: 🚳 :no_bicycles:

🚷 :no_pedestrians: 🚸 :children_crossing: ⛔️ :no_entry:

✳️ :eight_spoked_asterisk: ✴️ :eight_pointed_black_star: 💟 :heart_decoration:

🆚 :vs: 📳 :vibration_mode: 📴 :mobile_phone_off:

💹 :chart: 💱 :currency_exchange: ♈️ :aries:

♉️ :taurus: ♊️ :gemini: ♋️ :cancer:

♌️ :leo: ♍️ :virgo: ♎️ :libra:

♏️ :scorpius: ♐️ :sagittarius: ♑️ :capricorn:

♒️ :aquarius: ♓️ :pisces: ⛎ :ophiuchus:

🔯 :six_pointed_star: ❎:negative_squared_cross_mark: 🅰️ :a:

🅱️ :b: 🆎 :ab: 🅾️ :o2:

💠:diamond_shape_with_a_dot_inside: ♻️ :recycle: 🔚 :end:

🔛 :on: 🔜 :soon: 🕐 :clock1:

🕜 :clock130: 🕙 :clock10: 🕥 :clock1030:

🕚 :clock11: 🕦 :clock1130: 🕛 :clock12:

🕧 :clock1230: 🕑 :clock2: 🕝 :clock230:

🕒 :clock3: 🕞 :clock330: 🕓 :clock4:

🕟 :clock430: 🕔 :clock5: 🕠 :clock530:

🕕 :clock6: 🕡 :clock630: 🕖 :clock7:

🕢 :clock730: 🕗 :clock8: 🕣 :clock830:

🕘 :clock9: 🕤 :clock930: 💲 :heavy_dollar_sign:

©️ :copyright: ®️ :registered: ™️ :tm:

❌ :x: ❗️ :heavy_exclamation_mark: ‼️ :bangbang:

⁉️ :interrobang: ⭕️ :o: ✖️ :heavy_multiplication_x:

➕ :heavy_plus_sign: ➖ :heavy_minus_sign: ➗ :heavy_division_sign:

💮 :white_flower: 💯 :100: ✔️ :heavy_check_mark:

☑️ :ballot_box_with_check: 🔘 :radio_button: 🔗 :link:

➰ :curly_loop: 〰️ :wavy_dash: 〽️ :part_alternation_mark:

🔱 :trident: :black_square: :black_square: :white_square: :white_square:

✅ :white_check_mark: 🔲 :black_square_button: 🔳 :white_square_button:

⚫️ :black_circle: ⚪️ :white_circle: 🔴 :red_circle:

🔵 :large_blue_circle: 🔷 :large_blue_diamond: 🔶 :large_orange_diamond:

🔹 :small_blue_diamond: 🔸 :small_orange_diamond: 🔺 :small_red_triangle:

🔻 :small_red_triangle_down:

范例:github仓库里的构建状态

image-20240601093331930

Halo [ˈheɪloʊ],强大易用的开源建站工具。

GitHub releaseDocker pullsGitHub last commitGitHub Workflow StatusCodecov percentage 官网文档社区GiteeTelegram 频道

image-20240601093405889

icon图标

案例:www.xicons.org

src/assets/siteLinks.json 中可以自定义网站链接(以指向自己的网站):

{
"icon": "Blog",
"name": "博客",
"link": "https://blog.imsyy.top/"
},

其中 icon 网站链接的图标可以在 src/components/Links/index.vue 中添加:

// 可前往 https://www.xicons.org 自行挑选并在此处引入
// 此处引入的是 fa 类型
import {
Link,
Blog,
CompactDisc,
Cloud,
Compass,
Book,
Fire,
LaptopCode,
} from "@vicons/fa";

...

// 网站链接图标
const siteIcon = {
Blog,
Cloud,
CompactDisc,
Compass,
Book,
Fire,
LaptopCode,
};

image-20240602230234551

image-20240602230243901

image-20240602230314092


可前往 https://www.xicons.org 自行挑选并在此处引入

image-20240602230345907

案例:icones.js.org

https://icones.js.org/

image-20240606081535675

案例:IconPark

https://iconpark.oceanengine.com/official

image-20240610171531238

image-20240610171617602

案例:skillicons(技术栈图标下载)(kuizuo docus)

具体可在 src/pages/about.mdx 中查看与修改。

这里你可能需要展示你的技术栈,这里我推荐使用 skillicons 来生成技术栈的图标,就如下面这样

My Skills

https://skillicons.dev/

image-20240828020221498

案例:https://simpleicons.org/ (动态效果技术栈svg图标)

https://simpleicons.org/

image-20240828020421301

案例:iconfont矢量图标

https://www.iconfont.cn/

2024年9月18日测试

阿里巴巴矢量图标库:官网地址

这里使用的是阿里巴巴的矢量图标库为例,首先进入首页,点击资源管理--->我的项目,如图:

image-20240507124014171

①新建图标库项目

新建项目,填写完之后点击新建

image-20240507124033488

image-20240507124046585

②添加图标到项目

搜索自己喜欢的图标或者你项目要使用的图标,添加到购物车 --> 添加至项目 --> 选择刚刚创建的项目 --> 确定

image-20240507124107368

点击确定之后会跳转到我们的项目列表

③下载图标源码

image-20240507124126474

解压之后会看到如下文件,我们这里需要的是iconfont.woff文件

image-20240507124145266

④自定义Typora图标

image-20240507124216737

以上是演示修改Typora左侧菜单栏的文件夹图标文件图标,其他字体图标原理相同。

fortunate.scss

:root {
......
/* 文件夹图标 */
--fa-folder: "\e756";
/* 文件图标 */
--fa-file: "\e7b4";
}

@font-face {
/* 必须为 FontAwesome */
font-family: 'FontAwesome';
src: url('./fortunate/iconfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

.fa {
/* 字体类型,必须为fa,与上面@font-face的font-family对应 */
font-family: FontAwesome;
/* 图标大小 */
font-size: 1rem;
}

/* 文件夹图标 */
.fa-folder:before {
content: var(--fa-folder);
}

/* 文件图标 */
.fa-file-text-o:before {
content: var(--fa-file);
}

重启Typora,效果如下:

image-20240918072344486