整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
譯自： https://opensource.com/article/18/8/markdown-html-publishing
作者： Peter Cheer
譯者： geekpi
用這個有用工具從 Markdown 文件創建一個基礎的網站。
有很多理由喜歡 Markdown，這是一門簡單的語言，有易于學習的語法，它可以與任何文本編輯器一起使用。使用像 Pandoc 這樣的工具，你可以將 Markdown 文本轉換為 各種流行格式 ，包括 HTML。你還可以在 Web 服務器中自動執行轉換過程。由 TimoD?rr 創建的名為 MDwiki 的 HTML5 和 JavaScript 應用可以將一堆 Markdown 文件在瀏覽器請求它們時轉換為網站。MDwiki 網站包含一個操作指南和其他信息可幫助你入門：
Mdwiki 網站的樣子。
在 Web 服務器內部，基本的 MDwiki 站點如下所示：
該站點的 web 服務器文件夾的樣子
我將此項目的 MDwiki HTML 文件重命名為 START.HTML。還有一個處理導航的 Markdown 文件和一個 JSON 文件來保存一些配置設置。其他的都是網站內容。
雖然整個網站設計被 MDwiki 固定了，但內容、樣式和頁面數量卻沒有。你可以在 MDwiki 站點 查看由 MDwiki 生成的一系列不同站點。公平地說，MDwiki 網站缺乏網頁設計師可以實現的視覺吸引力 —— 但它們是功能性的，用戶應該平衡其簡單的外觀與創建和編輯它們的速度和簡易性。
Markdown 有不同的風格，可以針對不同的特定目的擴展穩定的核心功能。MDwiki 使用 GitHub 風格 Markdown ，它為流行的編程語言添加了格式化代碼塊和語法高亮等功能，使其非常適合生成程序文檔和教程。
MDwiki 還支持 “gimmick”，它增加了如嵌入 YouTube 視頻和顯示數學公式等額外功能。如果在某些項目中需要它們，這些值得探索。我發現 MDwiki 是創建技術文檔和教育資源的理想工具。我還發現了一些可能不會立即顯現出來的技巧和 hack。
當部署在 Web 服務器中時，MDwiki 可與任何現代 Web 瀏覽器一起使用。但是，如果你使用 Mozilla Firefox 訪問 MDwiki，那么就不需要 Web 服務器。大多數 MDwiki 用戶會選擇在 Web 服務器上部署完整的項目，以避免排除潛在用戶，但只需使用文本編輯器和 Firefox 即可完成開發和測試。任何現代瀏覽器都可以讀取加載到 Moodle 虛擬學習環境（VLE）中的完整的 MDwiki 項目，這在教育環境中非常有用。 （對于其他 VLE 軟件，這可能也是如此，但你應該測試它。）
MDwiki 的默認配色方案并非適用于所有項目，但你可以將其替換為從 Bootswatch.com 下載的其他主題。為此，只需在編輯器中打開 MDwiki HTML 文件，找到 extlib/css/bootstrap-3.0.0.min.css，然后插入下載的 Bootswatch 主題。還有一個 MDwiki gimmick，讓用戶在瀏覽器中載入 MDwiki 后，選擇 Bootswatch 主題來替換默認值。我經常與有視力障礙的用戶一起工作，他們傾向于喜歡高對比度的主題，在深色背景上使用白色文字。
MDwiki 頁面使用 Bootswatch Superhero 主題
MDwiki、Markdown 文件和靜態圖像可以用于許多目的。但是，你有時可能希望包含 JavaScript 幻燈片或反饋表單。Markdown 文件可以包含 HTML 代碼，但將 Markdown 與 HTML 混合會讓人感到困惑。一種解決方案是在單獨的 HTML 文件中創建所需的功能，并將其顯示在帶有 iframe 標記的 Markdown 文件中。我從 Twine Cookbook 知道了這個想法，它是 Twine 交互式小說引擎的支持站點。Twine Cookbook 實際上并沒有使用 MDwiki，但結合 Markdown 和 iframe 標簽開辟了廣泛的創作可能性。
這是一個例子：
此 HTML 將顯示由 Markdown 文件中的 Twine 交互式小說引擎創建的 HTML 頁面。
<iframe height="400" src="sugarcube_dungeonmoving_example.html" width="90%"></iframe>
MDwiki 生成的站點結果如下所示：
簡而言之，MDwiki 是一個出色的小應用，可以很好地實現其目的。
via: https://opensource.com/article/18/8/markdown-html-publishing
作者： Peter Cheer 選題： lujun9972 譯者： geekpi 校對： wxy
本文由 LCTT 原創編譯， Linux中國 榮譽推出
html實現本地文件的上傳，html實現文件上傳，html實現文件上傳解決方案，html實現文件上傳思路，html實現文件上傳實例，html實現文件上傳源碼，html實現文件分塊上傳，html實現文件分片上傳，html實現文件夾上傳，html實現文件加密上傳，
要求操作便利，一次選擇多個文件和文件夾進行上傳；
支持PC端全平臺操作系統，Windows,Linux,Mac
支持文件和文件夾的批量下載，斷點續傳。刷新頁面后繼續傳輸。關閉瀏覽器后保留進度信息。
支持文件夾批量上傳下載，服務器端保留文件夾層級結構，服務器端文件夾層級結構與本地相同。
支持大文件批量上傳（20G）和下載，同時需要保證上傳期間用戶電腦不出現卡死等體驗；
支持文件夾上傳，文件夾中的文件數量達到1萬個以上，且包含層級結構。
支持斷點續傳，關閉瀏覽器或刷新瀏覽器后仍然能夠保留進度。
支持文件夾結構管理，支持新建文件夾，支持文件夾目錄導航
交互友好，能夠及時反饋上傳的進度；
服務端的安全性，不因上傳文件功能導致JVM內存溢出影響其他功能使用；
最大限度利用網絡上行帶寬，提高上傳速度；
對于大文件的處理，無論是用戶端還是服務端，如果一次性進行讀取發送、接收都是不可取，很容易導致內存問題。所以對于大文件上傳，采用切塊分段上傳
從上傳的效率來看，利用多線程并發上傳能夠達到最大效率。
文件上傳頁面的前端可以選擇使用一些比較好用的上傳組件，例如百度的開源組件WebUploader，這些組件基本能滿足文件上傳的一些日常所需功能，如異步上傳文件，文件夾，拖拽式上傳，黏貼上傳，上傳進度監控，文件縮略圖，甚至是大文件斷點續傳，大文件秒傳。
在web項目中上傳文件夾現在已經成為了一個主流的需求。在OA，或者企業ERP系統中都有類似的需求。上傳文件夾并且保留層級結構能夠對用戶行成很好的引導，用戶使用起來也更方便。能夠提供更高級的應用支撐。
1.下載示例
https://gitee.com/xproer/up6-vue-cli
將up6組件復制到項目中
示例中已經包含此目錄
1.引入up6組件
2.配置接口地址
接口地址分別對應：文件初始化，文件數據上傳，文件進度，文件上傳完畢，文件刪除，文件夾初始化，文件夾刪除，文件列表
參考：http://www.ncmem.com/doc/view.aspx?id=e1f49f3e1d4742e19135e00bd41fa3de
3.處理事件
啟動測試
啟動成功
效果
數據庫
源碼工程文檔：https://drive.weixin.qq.com/s?k=ACoAYgezAAw1dWofra
源碼報價單：https://drive.weixin.qq.com/s?k=ACoAYgezAAwoiul8gl
OEM版報價單：https://drive.weixin.qq.com/s?k=ACoAYgezAAwuzp4W0a
產品源代碼：https://drive.weixin.qq.com/s?k=ACoAYgezAAwbdKCskc
授權碼生成器：https://drive.weixin.qq.com/s?k=ACoAYgezAAwTIcFph1
官網地址 The Leading PDF Library for Developers | iTextSelect a value to filter the results.QuoteQuoteQuoteQuoteQuoteQuoteQuoteQuoteQuoteQuoteiText pdf on facebookiText pdf on twitteriText pdf on youtubeiText pdf on linkediniText pdf on stackoverflow
重要說明
<dependency>
<!-- 會自動引用 itext 其他庫,kernel,commons,io,forms,layout,svg,styled-xml-parser -->
<groupId>com.itextpdf</groupId>
<artifactId>html2pdf</artifactId>
<version>5.0.2</version>
</dependency> // 獲取 java 版本
String version=System.getProperty("java.specification.version");
// 獲取系統類型
String platform=System.getProperty("os.name", "");
platform=platform.toLowerCase().contains("window") ? "win" : "linux";
// 當前程序目錄
String current=System.getProperty("user.dir");
System.out.println(String.format("current=%s", current));
// html 文件路徑
File index=Paths.get(current, "..", "index.html").toFile();
if (!index.exists()) {
System.out.println(String.format("file not exist,file=%s", index.getAbsolutePath()));
return;
}
try {
// 保存 pdf 文件路徑
File file=Paths.get(current, String.format("java%s_%s.pdf", version, platform)).toFile();
// 轉換設置
ConverterProperties options=new ConverterProperties();
// 設置根目錄類型
String baseUri=Paths.get(current, "..").toUri().toString();
options.setBaseUri(baseUri);
// 設置字體
FontProvider fontProvider=new FontProvider();
fontProvider.addStandardPdfFonts();
fontProvider.addSystemFonts();
options.setFontProvider(fontProvider);
// 轉換 html 文件
HtmlConverter.convertToPdf(index, file, options);
} catch (IOException e) {
throw new RuntimeException(e);
}itext-demo/java1.8_win.pdf · yjihrp/linux-html2pdf-demo - Gitee.com
itext-demo/java11_linux.pdf · yjihrp/linux-html2pdf-demo - Gitee.com
測試結果
下一篇 3-LINUX HTML 轉 OPENPDF
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
