缃戠粶鐜╁懗浜虹敓锛岀簿鍝佹眹鑱氬ぉ涓

閲嶈鎻愰啋

缃戠帺绮惧搧姹囩殑璇昏呮湅鍙嬩滑锛屾湁娌℃湁鍙戠幇浠庝笉鏂洿鐨勭綉鐜╃簿鍝佹眹鏈杩戝ソ鍍忓緢闅惧埛鍒颁簡锛岃繖鏄洜涓猴紝寰俊鍏紬鍙锋帹鑽愭満鍒跺張璋冩暣浜嗭紒鎯宠涓嶉敊杩囨垜浠噯澶囩殑鍐呭锛岃涓瀹氳鏄熸爣鈥滅綉鐜╃簿鍝佹眹鈥濆叕浼楀彿~



鏄熸爣鏂规硶濡備笂鍥

鏄熸爣鍚

鏂拌蒋浠朵紭鍏堟帹閫

鏈槦鏍囩殑鏈嬪弸锛屽彲鑳芥棤娉曟敹鍒版枃绔犳帹閫

 娉細

1銆佹垜浠殑璧勬簮鍧囦负鍏嶈垂锛屾墍鍒嗕韩鐨勮祫婧愩佽蒋浠跺潎鏉ヨ嚜浜庝簰鑱旂綉锛屽璧勬簮杞欢鍐呮彁绀哄悇绉嶅厖鍊煎強鏂瑰紡锛岄偅浜涗笉瑕佸幓鍏呭硷紝涓嶈鍘诲厖鍊硷紝涓嶈鍘诲厖鍊硷紝鎴戜滑涓绘墦鐨勫氨鏄紑婧愬厤璐硅祫婧愶紒

2銆侀噸瑕佺殑浜嬭涓夐亶銆



涓嶈鍦ㄨ繖閲岀暀瑷锛屽涓婂浘鍦ㄥ叕浼楀彿鑱婂ぉ妗嗗洖澶嶅叧閿瘝銆

涓嶈鍦ㄨ繖閲岀暀瑷锛屽涓婂浘鍦ㄥ叕浼楀彿鑱婂ぉ妗嗗洖澶嶅叧閿瘝銆
涓嶈鍦ㄨ繖閲岀暀瑷锛屽涓婂浘鍦ㄥ叕浼楀彿鑱婂ぉ妗嗗洖澶嶅叧閿瘝銆

娓╅Θ鎻愮ず鍏紬鍙疯缃垚鏄熸爣

姣忓ぉ鍙互绗竴鏃堕棿鑾峰彇璧勬簮鎺ㄩ

鏈槦鏍囩矇涓濓紝浼氶敊杩囩儹闂ㄨ祫婧愭帹閫



鎰熻阿鎮ㄦ娊鍑

.

.

闃呰鏈枃



娓╅Θ鎻愮ず锛堣嚧绮変笣淇★級锛

鍏紬鍙峰姩鎬佸厤璐瑰垎浜悇绫昏祫婧  鏃犳敹璐

鑻ヨ祫婧愬け鏁

璇锋牴鎹叕浼楀彿鎺ㄦ枃

閲嶆柊鍙戦佸叧閿瘝 鑾峰彇鏂扮殑浜戠洏浜岀淮鐮

璧勬簮閾炬帴鍜岃祫婧愬姩鎬佹洿鏂

涓轰繚璇佹帹鏂囨湁鏁堟у拰鍙婃椂鎬э紝鍏紬鍙锋帹鏂囨瘡澶╁姩鎬佹竻鐞

闀挎湡鏃犱汉璁块棶鐨勮蒋浠舵帹鏂囷紝缃戠帺鍚涘畾鏈熸竻鐞

閬囦笂杞欢澶辨晥锛屾垨浜戠洏璁块棶涓婇檺锛屽彲鍦ㄧ兢鍐匑鍗氫富鍙嶉锛岀綉鐜╁悰鐪嬪埌淇℃伅鏃剁涓鏃堕棿澶勭悊锛

寤鸿浣犲畨瑁呬竴涓腑鍥界Щ鍔ㄤ簯鐩樺鎴风锛屼笉闄愰熺ǔ瀹氱殑涓嬭浇璧勬簮锛岃嫢閬囩壒鐐硅祫婧愪笉鑳藉垎浜紝缃戠帺鍚涗細鎻愪緵鍏跺畠浜戠洏涓嬭浇閾炬帴銆

鏀跺埌鏂版帹鏂囨椂锛屽缓璁強鏃惰浆瀛橀渶瑕佺殑璧勬簮鍒拌嚜宸辫处鍙烽噷锛屽悗鏈熼氳繃浜戠洏瀹㈡埛绔笉闄愰熺ǔ瀹氫笅杞姐

璧勬簮鏁寸悊涓嶆槗锛岃鍕挎惉杩愯皨鍒╋紝鍥犳惉杩愯祫婧愬晢鐢ㄥ鑷寸殑渚垫潈鍜屾崯澶憋紝涓庡叕浼楀彿鏃犲叧锛

鏈叕浼楀彿鍒嗕韩鐨勮祫婧愶紝浠呬緵绮変笣涓汉瀛︿範浣跨敤锛岃鍕垮晢鐢紝璇峰嬁鎼繍璋嬪埄锛

鏈叕浼楀彿鍏嶈垂锛堝叕鐩婏級鍒嗕韩璧勬簮锛屾棤浠讳綍鏀惰垂锛岃涓嶈鐩镐俊杞欢鐣岄潰鐨勫姞濂藉弸鎻愪緵鎸囧畾杞欢鐨勪俊鎭紝閬垮厤涓婂綋鍙楅獥锛屾湁闂鍙挩璇㈢綉鐜╁悰銆

閲嶇偣鎻愮ず锛氳涓嶈缁欓檶鐢熶汉杞处锛

閬垮厤涓婂綋鍙楅獥锛

鑻ヨ祫婧愬け鏁堬紝鍙互鍒扮矇涓濈兢鍙嶉銆

浜戠洏璧勬簮姣忓ぉ鍔ㄦ佹洿鏂



鈾モ櫏鈾

鏈湡杞欢鎺ㄨ崘

codebox-鍏嶇櫥褰曞鍒朵唬鐮(CSDN/鐭ヤ箮/鑴氭湰涔嬪/鍗氬鍥)

杞欢绠浠

瀹炵幇涓閿笅杞芥枃绔犳垚html鎴杕arkdown鏂囦欢;鏃犻渶鐧诲綍涓閿鍒朵唬鐮;鏀寔閫変腑浠ｇ爜;鎴栬呬唬鐮佸彸涓婅鎸夐挳鐨勪竴閿鍒;瑙ｉ櫎鍏虫敞鍗氫富鍗冲彲闃呰鍏ㄦ枃鎻愮ず;鍘婚櫎鐧诲綍寮圭獥;鍘婚櫎璺宠浆APP寮圭獥;椤甸潰鑷畾涔夋牱寮.

杞欢瀹夎鏂瑰紡

瀹夎鏂瑰紡涓锛氭彃浠跺晢搴(鎺ㄨ崘)

鐩存帴涓嬭浇瀹夎锛

1. 
   杩涘叆搴旂敤鍟嗗簵
   
• 
  Chrome缃戜笂搴旂敤鍟嗗簵
  
• 
  Firefox缃戜笂搴旂敤鍟嗗簵
  
• 
  Edge缃戜笂搴旂敤鍟嗗簵
  
2. 
   鎼滅储锛codebox
   

瀹夎鏂瑰紡浜岋細鐩存帴瀹夎

鍓嶅線 Chrome 鎵╁睍鍟嗗簵

鍓嶅線 鐏嫄 鎵╁睍鍟嗗簵

鍓嶅線 Edge 鎵╁睍鍟嗗簵

瀹夎鏂瑰紡涓夛細婧愮爜瀹夎

1. 
   clone婧愮爜
   

澶嶅埗浠ｇ爜

git clone https://github.com/027xiguapi/code-box.git

2銆佸畨瑁呭拰鎵撳寘

澶嶅埗浠ｇ爜
pnpm install
pnpm dev
pnpm build

3銆佽胺姝屾祻瑙堝櫒锛屼粠鍙充笂瑙掕彍鍗->鏇村宸ュ叿->鎵╁睍绋嬪簭鍙互杩涘叆鎻掍欢绠＄悊椤甸潰锛屼篃鍙互鐩存帴鍦ㄥ湴鍧鏍忚緭鍏 chrome://extensions 璁块棶

4銆佸嬀閫夊紑鍙戣呮ā寮忥紝鍗冲彲浠ユ枃浠跺す鐨勫舰寮忕洿鎺ュ姞杞芥彃浠

杞欢鍔熻兘



鏈湡杞欢鐗硅壊

杞欢璇存槑

鎵撳紑浣犻渶瑕佸鍒堕渶瑕佷笅杞界殑缃戠珯鍐呭锛岀劧鍚庣収鍥剧ず鐐瑰嚮鎵╁睍鍥炬爣锛岄夋嫨鎵╁睍锛



鐐瑰嚮鏇村璁剧疆锛屼綘灏卞彲浠ョ湅鍒拌繖涓墿灞曠殑寮哄ぇ涔嬪





鐪熺殑濂界敤锛屾祴璇曚竴涓媍sdn锛屾湭鐧诲綍锛岀洿鎺ラ〉闈㈢殑鐧诲綍澶嶅埗娑堝け浜嗭紝鐐瑰嚮澶嶅埗锛屽嵆澶嶅埗鎴愬姛



鎻掍欢璁╂祻瑙堝櫒鐬棿寮鎸傦紙鎻掍欢瀹夎鏁欑▼锛



鍥炲鍏抽敭璇嶅悗锛屼笅杞芥柟寮忚涓嬪浘锛



鏈叕浼楀彿閫氳繃涓浗绉诲姩浜戠洏灏忕▼搴忓垎浜枃浠

鍥炲鍏抽敭璇嶅悗锛岃幏鍙栦簯鐩樹簩缁寸爜锛屽井淇¤瘑鍒竴閿櫥褰曪紝浜彈涓嶉檺閫熶笅杞借蒋浠跺畨瑁呭寘銆

绉诲姩鑱旈氱數淇″箍鐢靛彿鐮侀兘鑳界櫥闄嗐

鏉ヨ繃鐨勬湅鍙嬬暀涓叧娉紝鍔犱釜鏄熸爣

鍚庢湡鍔ㄦ佹洿鏂拌蒋浠朵腑




鍏嶈矗澹版槑



1.鏈叕浼楀彿鎻愪緵鐨勮祫婧愶紝閮芥潵鑷綉缁滐紝鐗堟潈浜夎涓庡叕浼楀彿鏃犲叧锛屾墍鏈夊唴瀹瑰強杞欢鐨勬枃绔犱粎闄愮敤浜庡涔犲拰鐮旂┒鐩殑銆備笉寰楀皢涓婅堪鍐呭鐢ㄤ簬鍟嗕笟鎴栬呴潪娉曠敤閫旓紝鍚﹀垯锛屼竴鍒囧悗鏋滆鐢ㄦ埛鑷礋锛佸鏋滄偍鍠滄璇ョ▼搴忥紝璇锋敮鎸佹鐗堣蒋浠讹紝璐拱娉ㄥ唽锛屽緱鍒版洿濂界殑姝ｇ増鏈嶅姟锛佽蒋浠剁増鏉冨綊灞炲師浣滆呫佷紒涓氥佸師鍑哄鎵鏈夈

2.鏈叕浼楀彿浠呮彁渚涗竴涓祫婧愬叡浜殑骞冲彴锛屽皢涓嶅浠讳綍璧勬簮璐熸硶寰嬭矗浠汇傝嫢鏃犳剰涓镜鐘埌鎮ㄧ殑鐗堟潈鍒╃泭锛岃鍙戦偖浠惰嚦280718523@qq.com鍛婄煡锛屾垜浠皢鍦ㄧ湅鍒伴偖浠跺悗鍙婃椂灏嗘秹鍙婁镜鏉冪殑鍐呭杩涜鍒犻櫎鍜屾洿姝ｃ

3銆佽В閿佺増璧勬簮鍧囨湁涓瀹氱殑鏃舵晥鎬э紝濡傛灉鍦ㄤ娇鐢ㄨ繃绋嬩腑閬囧埌鏃犳硶浣跨敤銆佸鎮ㄨ繘琛屾敹璐规垨瑕佹眰鍔犲叆缇ょ粍绛夋儏鍐碉紝璇蜂笉瑕佺浉淇″苟鏋滄柇鍒犻櫎璇ュ簲鐢ㄣ傛偍鍙互鍓嶅線鏈彿鑾峰彇鍏朵粬搴旂敤锛屼唬鏇胯搴旂敤銆

4.瀹夎鐮磋В鐗圓pp鎴栧簲鐢ㄨ蒋浠讹紝閮ㄥ垎鎵嬫満鎴栫數鑴戜細鏈夊畨鍏ㄦ彁绀猴紝灞炰簬姝ｅ父鐜拌薄锛屼粙鎰忚呰鍕垮畨瑁咃紒姝pp鎴栧簲鐢ㄨ蒋浠跺潎鏉ヨ嚜浜掕仈缃戯紝鏂囩珷鍐呭浠呬緵鍙傝冿紝杞欢涓嶄竴瀹氬吋瀹规瘡涓涓郴缁燂紝闇瑕佷笅杞界殑鏁鑷娴嬭瘯锛佽嫢鏈〉鏂囩珷鍐呭渚电姱浜嗘偍鐨勫悎娉曟潈鐩婏紝璇蜂綔鑰呮寔鏉冨睘璇佹槑涓庢鍏紬鍙疯仈绯伙紒
缃戠帺绮惧搧姹囧皢鍏泭濞变箰杩涜鍒板簳锛岄暱鏈熸洿鏂板悇绉嶅厤璐硅祫婧愶紝绋楗殑鏈嬪弸鍒繕浜嗙偣璧炪佸湪鐪嬨佹敹钘忔垜浠皢涓嶉仐浣欏姏鐨勪负澶у鏈嶅姟娌℃湁骞垮憡锛屽叏鏄共璐э紝涓虹埍鍙戠數馃憞鎴宠繖閲+鍏虫敞