关于 『个人博客』

数据管理

接下来,我们会开始介绍『自定义博客模板』相关的内容,为了让 Demo 更加有样子,所以 FirstWeb.app 中的 Demo 站点内都填充了真实的数据,基本的逻辑为:

  1. 文件夹 = 分类
  2. Markdown 文档 = 日志
  3. 网站配置信息 = 根目录下 index.md 地 meta 声明

你可以自行修改、增减。由于 FirstWeb 不是一个专门的 Markdown 编辑器,所以在呈现 Markdown 文档的时候比较简陋。你也可以另外使用 MarkEditor、Atom 等 App 来打开,进行 Markdown 文档的编辑。

模板与变量

下面,针对 Jade 语法,获取变量相关的代码,做简单的介绍。至于其它的,FirstWeb.app 中模板的语法和 API 基本上沿用了 https://api.bitcron.com/,就不再另外做介绍。

for post in posts  --> 遍历 posts 这个列表,即当前页的日志列表
    .post_title --> <div class='post_title'>
        a(href=post.url)= post.title --> 一个超级链接
// post.url 是 post 这个数据对象上,一个 url 的属性
// 同理, post.title 也是一个名为 title 的属性
if post.tags --> 如果 post.tags 这个属性的值不为空
    span.field.tags --> <span class='field tags'>
        for tag in post.tags --> 遍历 post.tags 这个 list 性质的变量
            a.tag(href='/tag/{{tag}}')= tag --> 一个超级链接
// {{tag}} 是混合的用法,不像 p= var 这种,有时特别的地方需要构建
// 不然就要使用下面的方法,显得啰嗦了
// link_for_a = '/tag/'+tag
// a.tag(href=link_for_a)= tag