MENU

纸小墨优美的静态博客搭建

March 17, 2017 • Read: 5068 • 网络笔记,网站源码

纸小墨

第一眼看到纸小墨的时候就被这款博客惊艳了,简约,专注文章。
那么我们就开始准备搭建吧

下载博客包

这里使用的电脑是win10 64位
我们先到桌面新建一个文件夹,将压缩包内容放进新建的文件夹中。

编辑文件

进入简单编辑一下 blog/config.yml 文件,就 ok 了。

site:
    title: 网站标题
    subtitle: 网站子标题
    limit: 每页可显示的文章数目
    theme: 网站主题目录
    comment: 评论插件变量(默认为Disqus账户名)
    root: 网站根路径 #可选
    lang: 网站语言 #支持en, zh, ru, ja,可在theme/config.yml配置
    url: 网站链接 #用于RSS生成
    link: 文章链接形式 #默认为{title}.html,支持{year},{month},{day},{title}变量

authors:
    作者ID:
        name: 作者名称
        intro: 作者简介
        avatar: 作者头像路径

build:
    port: 预览端口
    copy:
        - 构建时将会复制的目录/文件
    publish: |
        ink publish 命令将会执行的脚本

空间

因为是静态博客,所以我们在选取空间的时候可以随便选取,无论空间是PHP.ASP,JAVA环境

构建博客

首先我们要进入我们第一步新建的文件,然后按住键盘的shift键+鼠标右击 选择下图

blog1

然后输入 ink preview 摁回车。在使用ink preview命令时,编辑保存文件后,博客会自动重新构建并刷新浏览器页面。

输入localhost:8000进入你的博客

写博文与上传空间

你只需要一个 ink build 命令(Windows10系统似乎不需要输入此命令符,即可自动build)。

blog2

然后把 blog/public 文件夹里的内容上传到你网站空间即可。

撰写文章格式

title: 文章标题
date: 年-月-日 时:分:秒 #创建时间,可加时区如" +0800"
update: 年-月-日 时:分:秒 #更新时间,可选,可加时区如" +0800"
author: 作者ID
cover: 题图链接 #可选
draft: false #草稿,可选
top: false #置顶文章,可选
preview: 文章预览,也可在正文中使用!--more-->分割 #可选
tags: #可选
    - 标签1
    - 标签2

---
Markdown格式的正文

评论系统

纸小墨 inkPaper 默认自带了disqus评论功能,但是部分网络可能无法加载disqus的JS文件,从而导致显示不正常。
解决办法也很简单,只需要替换blog --> theme --> _comment.html里面的代码就可以了。提醒一下,theme目录下的每一个“_”开头的html文件都相当于一个功能插件,便于彼此独立修改。

blog3

演示站点

Archives QR Code Tip
QR Code for this page
Tipping QR Code