纸小墨优美的静态博客搭建
纸小墨
第一眼看到纸小墨的时候就被这款博客惊艳了,简约,专注文章。
那么我们就开始准备搭建吧
下载博客包
- 进入官网开始下载 点击进入
这里使用的电脑是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键+鼠标右击 选择下图
然后输入 ink preview 摁回车。在使用ink preview命令时,编辑保存文件后,博客会自动重新构建并刷新浏览器页面。
输入localhost:8000
进入你的博客
写博文与上传空间
你只需要一个 ink build 命令(Windows10系统似乎不需要输入此命令符,即可自动build)。
然后把 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文件都相当于一个功能插件,便于彼此独立修改。
演示站点
当前页面是本站的「Google AMP」版。查看和发表评论请点击:完整版 »