cari
Rumahalat pembangunanVSCodeMari kita bincangkan tentang cara membina persekitaran penulisan MarkDown dalam VSCode

Caj Typora? Artikel berikut akan memperkenalkan kepada anda cara membina persekitaran penulisan MarkDown dalam VSCode Ia adalah perisian sumber terbuka dan boleh dipercayai sepenuhnya! Sangat disyorkan!

Mari kita bincangkan tentang cara membina persekitaran penulisan MarkDown dalam VSCode

Alat penulisan MarkDown yang paling saya biasa gunakan ialah Typora Pengalaman pengguna WYSIWYG, ditambah dengan tema yang kaya, membuatkan orang ramai tidak dapat menahan diri untuk menjerit "Baunya sungguh. baik."

Tetapi semua orang tahu bahawa selepas Typora 1.0, ia mula dicas Baru-baru ini, Typora yang dipasang pada komputer Mac saya telah mula menggesa saya untuk menaik taraf. Lebih-lebih lagi, semasa saya menyusun "Manual Serangan Balas Non-Scum", Typora sangat tersekat kerana fail itu terlalu besar, jadi, selepas berfikir panjang, saya memutuskan untuk menggunakan Kod VS untuk membina persekitaran penulisan MarkDwon.

1. Pemasangan Kod VS

Tidak perlu diperkatakan lagi tentang pemasangan Kod VS Muat turun versi pakej pemasangan yang sepadan laman web rasmi dan pasangkannya. [Pembelajaran yang disyorkan: "tutorial pengenalan vscode"]

Alamat muat turun tapak web rasmi: code.visualstudio.com/Download

Mari kita bincangkan tentang cara membina persekitaran penulisan MarkDown dalam VSCode

Ini ialah Kod VS yang dipasang pada komputer Windows saya Ambil perhatian bahawa bar atas dan bar sisi saya kedua-duanya dalam bahasa Cina kerana pemalam Cina dipasang:

Mari kita bincangkan tentang cara membina persekitaran penulisan MarkDown dalam VSCode

<.>2. Peningkatan pemalam MarkDown

Mari kita lihat kesan membuka fail MarkDown secara terus dengan Kod VS:

Mari kita bincangkan tentang cara membina persekitaran penulisan MarkDown dalam VSCode

Pratonton dua lajur boleh dibuka di penjuru kanan sebelah atas:

Mari kita bincangkan tentang cara membina persekitaran penulisan MarkDown dalam VSCode

Nampak okey, tetapi masih ada ruang untuk penambahbaikan dan kami boleh memasang beberapa pemalam untuk dibuat ia lebih baik.

1 Markdown All in One

Markdown All in One ialah pemalam peningkatan MardDown semua-dalam-satu:

Mari kita bincangkan tentang cara membina persekitaran penulisan MarkDown dalam VSCode

Ia mendakwa menyokong semua fungsi yang diperlukan oleh Markdown, termasuk pintasan papan kekunci, direktori, pratonton automatik, dll. Anda boleh melihat halaman sambungannya atau dokumentasi gudang:

    https: //marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one

  • https://github.com/yzhang-gh/vscode-markdown/blob /master/ README.md

5-Mari kita bincangkan tentang cara membina persekitaran penulisan MarkDown dalam VSCode

2.Markdown Image

Markdown Image adalah terutamanya untuk memasukkan gambar dalam MarkDown Extension untuk menyokong meletakkan imej pada katil imej tempatan atau pihak ketiga atau storan objek.

Menggunakan pemalam ini, anda boleh terus menyalin imej tempatan yang serupa dengan Typora, dan kemudian menampalnya ke dalam MarkDown Fail imej diletakkan secara setempat secara lalai, dan juga boleh dikonfigurasikan untuk menyokong

, Imgur, 七牛, SM.MS Menunggu gambar. Coding

Mari kita bincangkan tentang cara membina persekitaran penulisan MarkDown dalam VSCode

Selepas memasang pemalam ini, anda boleh melakukan beberapa konfigurasi, masukkan halaman konfigurasi, cari:

, anda boleh mengkonfigurasi laluan relatif, fail imej lalai disimpan dalam markdown-image di bawah laluan. /res

Mari kita bincangkan tentang cara membina persekitaran penulisan MarkDown dalam VSCode

Gunakan kekunci pintasan

untuk menampal terus imej yang disalin daripada papan keratan ke dalam dokumen: Shift Alt V

Mari kita bincangkan tentang cara membina persekitaran penulisan MarkDown dalam VSCode

3.Pratonton Turun Dipertingkat

Pratonton Turun Dipertingkat ialah peningkatan kepada fungsi pratonton Kod VS, yang boleh meningkatkan pengalaman pratonton Kod VS.

Mari kita bincangkan tentang cara membina persekitaran penulisan MarkDown dalam VSCode

Selepas memasang pemalam ini, klik butang pratonton untuk menggunakan pratonton yang dipertingkatkan:

Mari kita bincangkan tentang cara membina persekitaran penulisan MarkDown dalam VSCode

Anda juga boleh gunakannya dalam bar sisi Direktori dipaparkan, tetapi selepas direktori dipaparkan, keseluruhan antara muka kelihatan agak sempit.

1Mari kita bincangkan tentang cara membina persekitaran penulisan MarkDown dalam VSCode

Ia juga menyediakan berbilang tema pratonton:

1Mari kita bincangkan tentang cara membina persekitaran penulisan MarkDown dalam VSCode

4.Word Count CJK

Word Count CJK ialah pemalam yang digunakan untuk mengira bilangan perkataan Cina:

1Mari kita bincangkan tentang cara membina persekitaran penulisan MarkDown dalam VSCode

Bagi seseorang seperti saya yang suka artikel panjang, melihat bilangan perkataan dalam artikel itu juga memberi saya rasa pencapaian.

1Mari kita bincangkan tentang cara membina persekitaran penulisan MarkDown dalam VSCode

5. MarkDown Editor

Bagaimana jika kita hanya mahukan pengalaman WYSIWYG dalam Typora?

Saya juga menemui pemalam MarkDown Editor:

1Mari kita bincangkan tentang cara membina persekitaran penulisan MarkDown dalam VSCode

Selepas pemasangan selesai, pilih Open with MarkDown Editor untuk fail MD membukanya WYSIWYG MD fail.

MarkDown Editor使用

Terdapat beberapa pemalam lain:

  • markdownlint: semak format markdow
  • Pratonton Markdown Penggayaan Github: tema GitHub pratonton

Semua orang juga boleh mengalaminya.

3. Pembinaan katil bergambar

Apabila menulis dalam MarkDown, ada satu lagi keperluan penting, iaitu artikel yang kita tulis mesti diterbitkan, dalam MD Gambar disimpan dalam bentuk laluan, dan laluan tempatan tidak boleh diakses apabila diterbitkan, jadi kami perlu menyambungkan editor MD ke fungsi katil gambar.

Saya pernah membina katil susun atur menggunakan Typora PicGo Gitee, tetapi kemudian Gitee berlaku dan menukarnya kepada Typora PicGo Github Kami mengikuti idea ini dan membina katil susun atur pada VS Code.

1.Konfigurasi repositori GitHub

2.1. Cipta repositori baharu

Buat repositori GitHub baharu:

  • Awam, perlu, untuk mengelakkan ketidakbolehcapaian
  • Tambahkan fail READM untuk mengelakkan gudang daripada mempunyai cawangan batang

1Mari kita bincangkan tentang cara membina persekitaran penulisan MarkDown dalam VSCode

2.2. Jana token

  • Masukkan tetapan

1Mari kita bincangkan tentang cara membina persekitaran penulisan MarkDown dalam VSCode

  • Cari tetapan pembangun

1Mari kita bincangkan tentang cara membina persekitaran penulisan MarkDown dalam VSCode

  • Buat token akses Peribadi baharu, tetapkan masa untuk tidak tamat tempoh dan berikan kebenaran repo Itu ia

Mari kita bincangkan tentang cara membina persekitaran penulisan MarkDown dalam VSCode

  • Token yang dijana mesti direkodkan dan hanya akan dipaparkan sekali

2Mari kita bincangkan tentang cara membina persekitaran penulisan MarkDown dalam VSCode

2. Pasang dan konfigurasikan PicGo

2.1 Pasang pemalam PicGO

Cari untuk PicGo dalam Kod VS , pemasangan:

2Mari kita bincangkan tentang cara membina persekitaran penulisan MarkDown dalam VSCode

2.2 Konfigurasikan PicGO

  • Buka konfigurasi lanjutan PicGo
  • <.>

2Mari kita bincangkan tentang cara membina persekitaran penulisan MarkDown dalam VSCode

    Konfigurasikan pemuat naik, pilih github

2Mari kita bincangkan tentang cara membina persekitaran penulisan MarkDown dalam VSCode

  • Konfigurasi berkaitan GitHub, dengan konfigurasi saya Contohnya:

    • Cawangan: utama, cawangan

    • Laluan: kosong, anda juga boleh mengkonfigurasi laluan relatif

    • Url Tersuai: kosong,

      Malah, anda boleh mengkonfigurasi URL dipercepatkan CDN, jsDeliver, yang merupakan CDN percuma dan nampaknya tidak tersedia baru-baru ini. Anda juga boleh mencubanya. Cara menggunakannya:

      ——https://cdn.jsdelivr.net/gh/你的github用户名/你的仓库名@发布的版本号cdn.jsdelivr.net/gh/fighter3…

    • Repo: fighter3/picgo-win, nama pengguna/format repositori

    • Token: Cuma isikan yang anda simpan sebelum ini

2Mari kita bincangkan tentang cara membina persekitaran penulisan MarkDown dalam VSCode

3. Gunakan

  • untuk membuka fail MD dan tampal gambar dari tempat lain Gunakan Ctrl Alt U untuk melihat bahawa fail itu berjaya dimuat naik dan boleh dipratonton .

2Mari kita bincangkan tentang cara membina persekitaran penulisan MarkDown dalam VSCode

Kekunci pintasan yang berkaitan dengan muat naik imej:

OS Muat naik gambar dari papan tampal Muat naik gambar dari penyemak imbas Muat naik gambar dari kotak input
Windows/Unix
OS 从粘贴版上传图片 从浏览器上传图片 从输入框上传图片
Windows/Unix Ctrl Alt U Ctrl Alt E Ctrl Alt O
OsX Cmd Opt U Cmd Opt E Cmd Opt O
Ctrl Alt E Ctrl Alt O kod>
OsX Cmd Opt U Cmd Opt E Cmd Opt O

Menggunakan GitHub sebagai katil gambar masih tidak sesuai secara keseluruhan, memuat naik dan mengakses Mereka tidak begitu stabil Kami juga boleh menukar katil imej kepada Qiniu, Tencent Cloud atau Alibaba Cloud dalam pemalam PicGo Proses ini secara umumnya serupa dan agak mudah.

Untuk pengetahuan lanjut tentang VSCode, sila lawati: tutorial vscode!

Atas ialah kandungan terperinci Mari kita bincangkan tentang cara membina persekitaran penulisan MarkDown dalam VSCode. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan
Artikel ini dikembalikan pada:掘金社区. Jika ada pelanggaran, sila hubungi admin@php.cn Padam
Visual Studio: Meneroka pilihan harga dan pelesenanVisual Studio: Meneroka pilihan harga dan pelesenanApr 13, 2025 am 12:03 AM

VisualStudio boleh didapati dalam tiga versi: Edisi Percuma Komuniti adalah untuk individu dan pasukan kecil, edisi berbayar profesional adalah untuk pemaju profesional dan pasukan kecil dan sederhana, dan Enterprise Ultimate Edition adalah untuk perusahaan besar dan projek yang kompleks.

Nilai Visual Studio: Menimbang kos terhadap faedahnyaNilai Visual Studio: Menimbang kos terhadap faedahnyaApr 12, 2025 am 12:06 AM

VisualStudio sangat berharga dalam pembangunan .NET kerana ia berkuasa dan komprehensif. Walaupun penggunaan kos dan sumber yang tinggi, peningkatan kecekapan dan pengalaman pembangunan yang dibawa adalah penting. Komuniti sangat sesuai untuk pemaju individu dan pasukan kecil; Perusahaan besar sesuai untuk profesional atau perusahaan.

Ketersediaan Visual Studio: Edisi mana yang percuma?Ketersediaan Visual Studio: Edisi mana yang percuma?Apr 10, 2025 am 09:44 AM

Versi percuma VisualStudio termasuk VisualStudiocommunity dan VisualStudiocode. 1. VisualStudiCommunity sesuai untuk pemaju individu, projek sumber terbuka dan pasukan kecil. Ia berkuasa dan sesuai untuk projek individu dan pengaturcaraan pembelajaran. 2. VisualStudiCode adalah editor kod ringan yang menyokong pelbagai bahasa dan sambungan pengaturcaraan. Ia mempunyai kelajuan permulaan yang cepat dan penggunaan sumber yang rendah, menjadikannya sesuai untuk pemaju yang memerlukan fleksibiliti dan skalabilitas.

Bagaimana cara memasang Visual Studio untuk Windows 8?Bagaimana cara memasang Visual Studio untuk Windows 8?Apr 09, 2025 am 12:19 AM

Langkah -langkah untuk memasang VisualStudio pada Windows 8 adalah seperti berikut: 1. Muat turun pakej pemasangan VisualStudiCommunity2019 dari laman web rasmi Microsoft. 2. Jalankan pemasang dan pilih komponen yang diperlukan. 3. Ia boleh digunakan selepas pemasangan selesai. Berhati-hati untuk memilih komponen Windows 8 yang bersesuaian dan pastikan terdapat ruang cakera yang mencukupi dan hak pentadbir.

Bolehkah komputer saya menjalankan kod vs?Bolehkah komputer saya menjalankan kod vs?Apr 08, 2025 am 12:16 AM

VSCode boleh dijalankan pada kebanyakan komputer moden selagi keperluan sistem asas dipenuhi: 1. Sistem operasi: Windows 7 dan ke atas, macOS 10.9 dan ke atas, Linux; 2. Pemproses: 1.6GHz atau lebih cepat; 3. Memori: sekurang -kurangnya 2GB RAM (4GB atau lebih tinggi disyorkan); 4. Ruang Penyimpanan: Sekurang -kurangnya 200MB ruang yang ada. Dengan mengoptimumkan tetapan dan mengurangkan penggunaan lanjutan, anda boleh mendapatkan pengalaman pengguna yang lancar pada komputer konfigurasi rendah.

Bagaimana saya membuat program yang serasi dengan Windows 8?Bagaimana saya membuat program yang serasi dengan Windows 8?Apr 07, 2025 am 12:09 AM

Untuk membuat program berjalan lancar pada Windows 8, langkah -langkah berikut diperlukan: 1. Gunakan mod keserasian, mengesan dan membolehkan mod ini melalui kod. 2. Laraskan panggilan API dan pilih API yang sesuai mengikut versi Windows. 3. Melakukan pengoptimuman prestasi, cuba elakkan menggunakan mod keserasian, mengoptimumkan panggilan API dan menggunakan kawalan umum.

Adakah kod VS berfungsi pada Windows 8?Adakah kod VS berfungsi pada Windows 8?Apr 06, 2025 am 12:13 AM

Ya, vscodeiscompengeWithWindows8.1) muat turunTheInstallerFromTheVScodeWebsiteAndensureTheLatest.netframeworkisinstalled.2) instalLextensionSingSupingTheCommandline, notingsomemaylowslower.3)

Apakah perbezaan antara VS Code dan Visual Studio?Apakah perbezaan antara VS Code dan Visual Studio?Apr 05, 2025 am 12:07 AM

VSCode adalah editor kod ringan yang sesuai untuk pelbagai bahasa dan sambungan; VisualStudio adalah IDE yang kuat yang digunakan terutamanya untuk pembangunan .NET. 1. VSCode didasarkan pada elektron, menyokong platform silang, dan menggunakan editor Monaco. 2. VisualStudio menggunakan timbunan teknologi bebas Microsoft untuk mengintegrasikan debug dan pengkompil. 3.VSCode sesuai untuk tugas mudah, dan VisualStudio sesuai untuk projek besar.

See all articles

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
3 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
3 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
3 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Cara Membuka Segala -galanya Di Myrise
4 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌

Alat panas

DVWA

DVWA

Damn Vulnerable Web App (DVWA) ialah aplikasi web PHP/MySQL yang sangat terdedah. Matlamat utamanya adalah untuk menjadi bantuan bagi profesional keselamatan untuk menguji kemahiran dan alatan mereka dalam persekitaran undang-undang, untuk membantu pembangun web lebih memahami proses mengamankan aplikasi web, dan untuk membantu guru/pelajar mengajar/belajar dalam persekitaran bilik darjah Aplikasi web keselamatan. Matlamat DVWA adalah untuk mempraktikkan beberapa kelemahan web yang paling biasa melalui antara muka yang mudah dan mudah, dengan pelbagai tahap kesukaran. Sila ambil perhatian bahawa perisian ini

VSCode Windows 64-bit Muat Turun

VSCode Windows 64-bit Muat Turun

Editor IDE percuma dan berkuasa yang dilancarkan oleh Microsoft

MinGW - GNU Minimalis untuk Windows

MinGW - GNU Minimalis untuk Windows

Projek ini dalam proses untuk dipindahkan ke osdn.net/projects/mingw, anda boleh terus mengikuti kami di sana. MinGW: Port Windows asli bagi GNU Compiler Collection (GCC), perpustakaan import yang boleh diedarkan secara bebas dan fail pengepala untuk membina aplikasi Windows asli termasuk sambungan kepada masa jalan MSVC untuk menyokong fungsi C99. Semua perisian MinGW boleh dijalankan pada platform Windows 64-bit.

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Persekitaran pembangunan bersepadu PHP yang berkuasa

Versi Mac WebStorm

Versi Mac WebStorm

Alat pembangunan JavaScript yang berguna