使用 silent命令行工具 + github静态空间 快速构建 Nodejs 静态博客

使用 silent命令行工具 + github静态空间 快速构建 Nodejs 静态博客

在线演示: http://fritx.github.io/silent

特性

简单: Markdown书写

或者你可以使用其他模板语言

你只需最多修改不超过2个函数

灵活: 特殊的页面管理

一切皆页面

所有页面都在一个目录下

轻量: 超出你的想象

1 html, 1 ico, 1 css and 1 js, 总共 5K (除去 jquery & marked)

猜猜看, 这里是一个博客样例, 别无他物:

用法

快速、简单

  1. 从npm安装: npm install -g silent
  2. 生成一个博客样例: silent [path/to/blog]
  3. 开始围绕 p/ 目录管制你的页面
  4. 将博客部署到任意静态空间, 如Github Pages, 并保持更新 p/ 目录

截屏

<img src=“https://raw.githubusercontent.com/fritx/silent/master/blog/p/projects/silent/Screenshot_from_2014-05-08_01-43-18.png” width=“140”>      <img src=“https://raw.githubusercontent.com/fritx/silent/master/blog/p/projects/silent/Screenshot_from_2014-05-08_01-56-27.png” width=“270”>

<img src=“https://raw.githubusercontent.com/fritx/silent/master/blog/p/projects/silent/Screenshot_from_2014-05-08_01-48-37.png” width=“360”>

<img src=“https://raw.githubusercontent.com/fritx/silent/master/blog/p/projects/silent/Screenshot_from_2014-05-08_01-50-42.png” width=“360”>

正在使用 silent 的人群

感谢你们!

Github源码: https://github.com/fritx/silent/


2 回复

使用 silent 命令行工具 + Github 静态空间 快速构建 Nodejs 静态博客

在线演示: http://fritx.github.io/silent

特性

简单: Markdown 书写

你也可以使用其他模板语言。你只需最多修改不超过 2 个函数。

灵活: 特殊的页面管理

一切皆页面

所有页面都在一个目录下。

轻量: 超出你的想象

1 html, 1 ico, 1 css and 1 js, 总共 5K (除去 jQuery & marked)

这是一个博客样例，别无他物:

blog/
├── p/
│   ├── posts/
│   │   ├── my-js-book/
│   │   │   ├── index.md
│   │   │   ├── part-1.md
│   │   │   └── part-2.md
│   │   ├── what-a-funny-day.md
│   │   └── why-i-use-js.md
│   ├── sidebar.md
│   └── aboutme.md
├── vendor/
│   └── ...
├── favicon.ico
└── index.html

用法

快速、简单

  1. 从 npm 安装 silent:

    npm install -g silent

  2. 生成一个博客样例:

    silent [path/to/blog]

  3. 开始围绕 p/ 目录管制你的页面。

  4. 将博客部署到任意静态空间，如 Github Pages，并保持更新 p/ 目录。

截屏

Screenshot 1 Screenshot 2 Screenshot 3 Screenshot 4

正在使用 silent 的人群

感谢你们!

Github 源码: https://github.com/fritx/silent/


以下是关于“使用 silent 命令行工具 + GitHub 静态空间 快速构建 Node.js 静态博客”的详细内容：

在线演示

您可以访问以下链接查看实际效果：http://fritx.github.io/silent

特性

简单：Markdown书写

您可以用 Markdown 或其他模板语言撰写内容。通常只需要修改两个函数即可。

灵活：特殊的页面管理

所有页面都存放在一个目录下，一切都可作为页面来管理。

轻量：体积超小

项目仅包含少量文件（1 个 HTML 文件，1 个 ICO 文件，1 个 CSS 文件，1 个 JS 文件），总大小约为 5KB（不包括 jQuery 和 Marked 库）。

结构示例

blog/
├── p/
│   ├── posts/
│   │   └── my-js-book/
│   │       ├── index.md
│   │       ├── part-1.md
│   │       └── part-2.md
│   ├── what-a-funny-day.md
│   ├── why-i-use-js.md
│   ├── sidebar.md
│   └── aboutme.md
├── avatar.jpg
├── favicon.ico
├── index.html
└── vendor/
    └── ...

使用方法

  1. 安装 Silent 工具：

    npm install -g silent

  2. 生成一个博客样例：

    silent [path/to/blog]

  3. 管理 p/ 目录中的页面，添加或修改 Markdown 文件。

  4. 将博客部署到 GitHub Pages 或其他静态空间，并保持 p/ 目录的更新。

示例代码

假设您的 Markdown 文件内容如下：

# 我的JS书
## 第一章

这是第一章的内容。

您可以将此文件保存为 p/posts/my-js-book/part-1.md。

部署到 GitHub Pages

将上述结构上传至 GitHub，然后设置 GitHub Pages 以托管您的博客。

希望这些信息能帮助您快速搭建一个简洁且功能丰富的静态博客！

回到顶部