Skip to content

A modern, client-side Markdown (.md) file viewer. Open files using the file picker or by dragging and dropping them into the browser window. No server required, all processing is done locally.

License

Notifications You must be signed in to change notification settings

lalame888/markdown-reader

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Markdown 閱讀器

這是一個簡單、現代化的本地 Markdown (.md) 檔案閱讀器。您可以透過選擇檔案或直接拖曳檔案到瀏覽器視窗中來預覽 Markdown 檔案的呈現效果。

功能

  • 檔案選擇:點擊「選擇檔案」按鈕來開啟您本機的 Markdown 檔案。
  • 拖曳功能:直接將您的 .md 檔案拖曳到瀏覽器視窗中的任何位置即可立即開啟。
  • 現代化介面:乾淨、美觀的介面,提供舒適的閱讀體驗。
  • 即時預覽:選取或拖曳檔案後,立即將 Markdown 語法轉換為 HTML 格式進行預覽。

如何使用

  1. 下載或複製專案檔案: 將 index.html, style.css, 和 app.js 這三個檔案儲存在您電腦的同一個資料夾中。

  2. 在瀏覽器中開啟: 直接在您的網頁瀏覽器 (例如 Chrome, Firefox, Safari, Edge) 中開啟 index.html 檔案。

  3. 開啟 Markdown 檔案

    • 點擊「選擇檔案」按鈕,然後選擇您想要閱讀的 .md 檔案。
    • 或者,直接將 .md 檔案從您的檔案總管拖曳到瀏覽器視窗中。

技術棧

  • HTML5:應用程式的基礎結構。
  • CSS3:提供現代化的外觀與樣式。
  • JavaScript (ES6+):處理檔案讀取、拖曳事件和內容呈現等互動邏輯。
  • marked.js:一個強大的函式庫,用於將 Markdown 快速解析並轉換為 HTML。

這是一個完全在前端運行的應用程式,不需要任何後端伺服器。您的檔案內容只會在您的瀏覽器中處理,不會上傳到任何地方,確保了您本地檔案的隱私。

About

A modern, client-side Markdown (.md) file viewer. Open files using the file picker or by dragging and dropping them into the browser window. No server required, all processing is done locally.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published