利用Strapdown.js和markdown寫極簡靜態博客

 有些人認爲使用markdown建站有個缺陷是需要服務器支持,如jeklly或higridcms等,其實higrid認爲並不是這樣的。對只有靜態空間的朋友,higrid介紹一個靜態渲染markdown的利器,就是Strapdown.js。使用Strapdown.js是markdown to html 的javascript,並且帶有界面效果,不需要你寫CSS樣式,只要在html頁面裏面寫markdown,他就會把你寫的文字解析然後在瀏覽器呈現出用戶體驗良好的佈局。

使用Strapdown.js和markdown寫極簡靜態博客

既然Strapdown.js有這個用處,一些極簡主義者完全可以利用Strapdown.js和markdown寫博客,而這個博客真的是極簡靜態博客,應該是技術控的最愛,不是說了嗎?網站的技術最重要,不需要考慮界面,極簡靜態博客是我們的追求。

好了,不扯遠了,先看看Strapdown.js的用法

官方介紹是這樣的:Strapdown.js makes it embarrassingly simple to create elegant Markdown documents. No server-side compilation required. Use it to quickly document your projects, create tutorials, home pages, etc. (For example, the page you are reading was generated by Strapdown).Simply copy the HTML template below and drop it on any static file server:

簡單的說:Strapdown.js 可以讓你非常簡單的創建優雅的 Markdown 文檔,無需服務器端編譯支持,只需要簡單的複製 HTML 代碼並修改標題和 Markdown 文本即可。

  • 項目主頁:http://strapdownjs.com/
  • 下載地址:https://github.com/arturadib/strapdown

Features

  • Search-engine friendly
  • Cross-browser compatible (tested with mobile Safari, IE 8/9, Firefox, Chrome)
  • Github-flavored Markdown (tables, syntax highlighting, etc)
  • Themeable

一個典型的頁面:

< html> < title>Hello Strapdown</title> < xmp theme="united" style="display:none;"> # Markdown text goes in here Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. < /xmp> < script src="http://strapdownjs.com/v/0.2/strapdown.js"></script> < /html> 

利用php會使Strapdown.js和markdown更有效

使用Strapdown.js寫markdown當然沒有問題,存在的缺陷是整個站點都是靜態的,當博客文章多了就不方便組織。現在很多人都有動態空間,加上php一點小代碼,就可以做成一個blog了,當然,網上也有現成的,名字叫Singularity,這個名字用的太多,網上搜出一大堆都不是,經過higrid的仔細查找,作者原來跟我們一樣是個中國人,不過他的站點是採用英文的。

higrid ( http://higrid.net )現在把Singularity推薦給大家,並且提供 演示 和 下載 ,希望大家喜歡。

目前版本higrid認爲存在的缺陷是標題無法SEO、缺少文章列表、文章標籤功能,不過這也是一個很簡單的函數就搞定,後面higrid會陸續介紹到,不知道寫得對不對?有研究的大蝦可以提提建議,謝謝。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章