使用Strapdown.js和markdown写极简静态博客

有些新手认为使用markdown建站有个缺陷是需要服务器支持,如jekllyhigridcms等,其实higrid认为并不是这样的。对只有静态空间的朋友,higrid介绍一个静态渲染markdown的利器,就是Strapdown.js。使用Strapdown.js是markdown to html 的javascript,并且带有界面效果,不需要你写CSS样式,只要在html页面里面写markdown,他就會把你寫的文字解析然后在浏览器呈现出用户体验良好的布局。

使用Strapdown.js和markdown写极简静态博客

既然Strapdown.js有这个用处,一些极简主义者完全可以利用Strapdown.js和markdown写博客,而这个博客真的是极简静态博客,应该是技术控的最爱,不是说了吗?网站的技术最重要,不需要考虑界面,极简静态博客是我们的追求。

<iframe src="http://higrid.net/a/c/ads.php?id=arts" frameborder="no" marginwidth="0" marginheight="0" scrolling="no" width="250" height="300"></iframe>

好了,不扯远了,先看看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现在把Singularity推荐给大家,看演示 和 下载 ,希望大家喜欢。

目前版本higrid认为存在的缺陷是标题无法SEO、缺少文章列表、文章标签功能,不过这也是一个很简单的函数就搞定,后面higrid会陆续介绍到。

相关推荐