文档章节

清新的独立博客,纯静态在github里展示

picpld
 picpld
发布于 2016/06/28 17:05
字数 733
阅读 156
收藏 3

麦客园

欢迎光临麦客园全新设计定制的博客,之前使用过octopress, Pelican, Nikola,虽然也很方便地写文章,但对于我个人的网站而言,我希望它不仅仅是一个博客系统,不光能产生固定格式的文章和分类,更希望它是一个完整的CMS,能根据个人的需要定制更多的内容展现方式。

我希望我的博客有这些功能:

  1. 可以用多种方式写文章,如 MarkdownTeXyaml等方式。
  2. 相同的数据源可以生成不同风格展示页面,如演示或图表。
  3. 快速生成静态页面,直接部署到github pages.
  4. 支持插件机制,方便自己编写个人特殊的需求。
  5. 能够保护私有内容,支持根据不同的配置文件输出不同的内容。
  6. 需要能切割图片和加水印的功能。
  7. 可以即时预览页面结果,方便调试。

因为我大部分时间都是写前端的代码,对 Javascript 比较熟悉,故看看 Node.JS 有没有什么开源的博客系统。通过 Google 查到了 Wintersmith, 一看描述就吸引了我:

Wintersmith 自称是基于 Node.js 的、灵活的、 简约的、 跨平台静态网站引擎。当然,“简约”是一个关键词 !Wintersmith 并不适合于初学者,它比较适合中级或高级开发人员,这样运行起来才不费吹灰之力。Wintersmith 的解决方案并不是体积最小的。它用 CoffeeScript 作为开发语言,并内置了 Jade(模板标记语言) 和 Markdown 系统。

真是太棒了,用 CoffeeScript 作为开发语言,我所喜爱的语法,像 Python 一样写 JavaScript,真是一大享受。通过扩展 Wintersmith,我已经实现了我所需要的全部功能。当然为了完成这个博客,我花了不少时间,同时通过阅读源代码让我更加体会到 Node.js 的精髓,也写了不少的插件来满足不同的需求。

这次博客的改版,相对于之前的静态网页生成器,无论从内容的生成速度上,代码的可读性上,还是可扩展性都提升了几个档次。因时间比较仓促自己写的代码比较乱,希望有时间可以把定制打造的内容管理系统源代码整理并发布到 Github 上面,敬请期待。

© 著作权归作者所有

共有 人打赏支持
picpld
粉丝 1
博文 17
码字总数 3600
作品 0
深圳
开箱即用,Hexo博客的github+server自动部署

用了一段时间HEXO搭建个人的博客,但每次发布文章,都需要打开电脑编译之后,再提交到服务器上,确实挺麻烦的,和小伙伴聊完他的日志发布方式之后,痛定思痛,快捷发布日志这个问题需要解决一...

Yuying_Wu
05/27
0
0
博客Z-Blog 2.3 Avengers上线提供纯静态HTML数据功能[图]

半年前,我建立一个个人博客,想以读书和写作为主,不想已经过了几个月,数据建设已经慢慢完整起来了,但写博客是个长期的过程,并不是短时间可以做好的,而今天去浏览ZBLOG官网网站时,发现...

原创小博客
06/12
0
0
基于HTML5的网络拓扑图(1)

什么是网络拓扑 网络拓扑,指构成网络的成员间特定的排列方式。分为物理的,即真实的、或者逻辑的,即虚拟的两种。如果两个网络的连接结构相同,我们就説它们的网络拓扑相同,尽管它们各自内...

nosand
2014/03/25
0
0
用jekyll和github Pages写博客

题外话,在当今这个微博都还没来得及高兴一下就被朋友圈拉下神坛的年代,说如何搭建自己的博客系统似乎已经太过于过时了。 如果你有这样的想法,恐怕这篇文章不是非常适合你了。建议你把它关...

laichendong
2015/08/30
1K
1
建站系统--PHP ICMS

ICMS建站系统是一款轻便灵活、简单易用轻型CMS系统,非常适合用于建立个人博客或企业展示站点。基于php+mysql技术,体积小巧、安装简便。简单易用的管理后台,轻松管理您的网站。 架构轻盈,...

匿名
2012/11/10
2.6K
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

(三)Nginx配置·续

概述 前文写了关于Nginx环境配置,但是还没有完,接下来将会继续讲三个相关的配置 主要是以下三个 1.Nginx访问日志 2.Nginx日志切割 3.静态文件不记录日志和过期时间 Nginx访问日志 1.先看看...

杉下
今天
1
0
jquery创建类似于java的map

var map = {}; // Map map = new HashMap(); map[key] = value; // map.put(key, value); var value = map[key]; // Object value = map.get(key); var has = key in map; // boolean has = ......

SuperDabai
今天
0
0
java大数据转换16进制转10进制

public static void main(String[] args) {String hex = "0xdbf3accc683297cf0000";BigInteger amount = new BigInteger(hex.substring(2), 16);System.out.println(amount);......

任梁荣
昨天
2
0
OSChina 周六乱弹 —— 目测我们程序员丁克的几率不大

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @真Skr小机灵鬼儿:8.13分享Jocelyn Pook/Russian Red的单曲《Loving Strangers》 《Loving Strangers》- Jocelyn Pook/Russian Red 手机党少...

小小编辑
昨天
15
4
TypeScript基础入门 - 函数 - 剩余参数

转载 TypeScript基础入门 - 函数 - 剩余参数 项目实践仓库 https://github.com/durban89/typescript_demo.gittag: 1.2.1 为了保证后面的学习演示需要安装下ts-node,这样后面的每个操作都能...

durban
昨天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部