人生在世，看得透，又看得远者prevail everywhere. v.gd/YLHADG v.gd/cRqvfD v.gd/bKvfFH v.gd/sRm3tA: 基于nodejs的静态博客程序

登陆linux vps,安装nodejs.
然后npm install -g metalsmith

git clone https://github.com/blakeembrey/blakeembrey.com /usr/local/blakeembrey.com-site/
cd /usr/local/blakeembrey.com-site/

root@AR:/usr/local/blakeembrey.com-site# ls
config   readme.md templates
build.js LICENSE package.json src
root@AR:/usr/local/blakeembrey.com-site# npm install
(因为目录中有package.json文件，于是运行 npm install来安装该程序的一些依赖／模块）
root@AR:/usr/local/blakeembrey.com-site# ls
config   node_modules readme.md templates
build.js LICENSE package.json src
root@AR:/usr/local/blakeembrey.com-site#
（运行 npm install后，就会生成node_modules目录）
root@AR:/usr/local/blakeembrey.com-site# node build.js (这个就是生成静态网站的命令）
root@AR:/usr/local/blakeembrey.com-site# ls
build    config   node_modules readme.md templates
build.js LICENSE package.json src
（生成了build目录）
root@AR:/usr/local/blakeembrey.com-site# cd build
root@AR:/usr/local/blakeembrey.com-site/build# ls
articles CNAME css favicon.ico feed.xml index.html page vendor
(/usr/local/blakeembrey.com-site/build/目录里有index.html文件，可见/usr/local/blakeembrey.com-site/build/目录就是静态网站的根目录，你可绑定域名到该目录）

新建源贴：
root@AR:/usr/local/blakeembrey.com-site/build# cd ..
root@AR:/usr/local/blakeembrey.com-site# cd src
root@AR:/usr/local/blakeembrey.com-site/src# ls
articles CNAME css favicon.ico feed.xml vendor
root@AR:/usr/local/blakeembrey.com-site/src# cd articles
root@AR:/usr/local/blakeembrey.com-site/src/articles# ls
2011 2012 2013 2014    2015 2016
root@AR:/usr/local/blakeembrey.com-site/src/articles# cd 2016
root@AR:/usr/local/blakeembrey.com-site/src/articles/2016# ls
01
root@AR:/usr/local/blakeembrey.com-site/src/articles/2016# cd 01
root@AR:/usr/local/blakeembrey.com-site/src/articles/2016/01# ls
intro-to-free-style-css-in-js
root@AR:/usr/local/blakeembrey.com-site/src/articles/2016/01# cd intro-to-free-style-css-in-js
root@AR:/usr/local/blakeembrey.com-site/src/articles/2016/01/intro-to-free-style-css-in-js# ls
index.md
root@AR:/usr/local/blakeembrey.com-site/src/articles/2016/01/intro-to-free-style-css-in-js#

按/usr/local/blakeembrey.com-site/src/articles/2016/01/intro-to-free-style-css-in-js/index.md文件的格式，操作如下：
root@AR:/usr/local/blakeembrey.com-site/src/articles/2016/01/intro-to-free-style-css-in-js# cd /usr/local/blakeembrey.com-site/src/articles/2016/
root@AR:/usr/local/blakeembrey.com-site/src/articles/2016# mkdir 07
root@AR:/usr/local/blakeembrey.com-site/src/articles/2016# cd 07
oot@AR:/usr/local/blakeembrey.com-site/src/articles/2016/07# mkdir marriage
root@AR:/usr/local/blakeembrey.com-site/src/articles/2016/07# cd marriage
root@AR:/usr/local/blakeembrey.com-site/src/articles/2016/07/marriage# nano index.md
root@AR:/usr/local/blakeembrey.com-site/src/articles/2016/07/marriage# cat index.md
---
title: 周国平谈女人，爱情，婚姻
date: 2016-07-23 13:07
author: brite
template: article.jade
github: blakeembrey/free-style
npm: free-style
---

此处写正文。
root@AR:/usr/local/blakeembrey.com-site/src/articles/2016/07/marriage# cd /usr/local/blakeembrey.com-site
root@AR:/usr/local/blakeembrey.com-site# node build.js

演示网站：http://be.smt.biz.st/, http://be.bright.biz.st/
项目地址：https://github.com/metalsmith/metalsmith
https://github.com/blakeembrey/blakeembrey.com

Resources

IRC Channel - it's #metalsmith on freenode!
Slack Channel
Getting to Know Metalsmith - a great series about how to use Metalsmith for your static site.
Building a Blog With Metalsmith - a blog post about how to create a basic blog with Metalsmith. Check out the related video of the talk too!
Awesome Metalsmith - great collection of resources, examples, and tutorials

-----------------------------

git clone https://gitlab.com/ev/blog/ ev-metalwork-blog
cd ev-metalwork-blog

root@AR:/usr/local/ev-metalwork-blog# ls
index.js package.json readme.md    src templates
root@AR:/usr/local/ev-metalwork-blog# npm install
root@AR:/usr/local# cd ev-metalwork-blog
root@AR:/usr/local/ev-metalwork-blog# ls
index.js node_modules package.json readme.md   src templates
root@AR:/usr/local/ev-metalwork-blog# node index.js (这就是生成／更新静态网站的根目录的命令）
root@AR:/usr/local# cd ev-metalwork-blog
root@AR:/usr/local/ev-metalwork-blog# ls
build index.js node_modules package.json readme.md    src templates
（生成了build目录）
root@AR:/usr/local/ev-metalwork-blog# cd build
root@AR:/usr/local/ev-metalwork-blog/build# ls
404   evbogue-badass.jpg metalwork rss.xml
blog index.html    node.jpg   static
root@AR:/usr/local/ev-metalwork-blog/build#
(可见/usr/local/ev-metalwork-blog/build就是静态网站的根目录）

新建源帖：
root@AR:/usr/local/ev-metalwork-blog/build# cd ..
root@AR:/usr/local/ev-metalwork-blog# ls
build index.js node_modules package.json readme.md   src templates
root@AR:/usr/local/ev-metalwork-blog# cd src
root@AR:/usr/local/ev-metalwork-blog/src# ls
404.md   blog evbogue-badass.jpg index.md metalwork.md node.jpg static
root@AR:/usr/local/ev-metalwork-blog/src# cd blog
root@AR:/usr/local/ev-metalwork-blog/src/blog# nano test-1.md
root@AR:/usr/local/ev-metalwork-blog/src/blog# cat test-1.md
---
title: 测试1
date: 2017-01-08T19:28:50.703Z
collection: blog
template: post.jade
---

这是测试1.

看看如何？
root@AR:/usr/local/ev-metalwork-blog/src/blog# cd ../..
root@AR:/usr/local/ev-metalwork-blog# node index.js

演示网站：http://mw.bright.biz.st
项目地址：https://gitlab.com/ev/blog/ (或者https://github.com/evbogue/evbogue.com.old，这2个仓库里的源码是一样的。）

演变版的项目地址：https://github.com/evbogue/evbogue.com
演示网站：http://eb.bright.biz.st

（Metalwork

Metalwork is a built out Metalsmith blog that works.

I'm using a slightly customized version of Metalwork at evbogue.com

Metalwork requires Node.js, Bower, and npm.

To get started:

npm install -g metalwork bower

cd /usr/local

metalwork metalwork-site (此命令会在当前目录下，生成metalwork-site目录）
cd metalwork-site

root@AR:/usr/local/metalwork-site# ls
bower.json  index.js  node_modules  readme.md

layouts   package.json  src
root@AR:/usr/local/metalwork-site# bower install --allow-root
root@AR:/usr/local/metalwork-site# node index.js

root@AR:/usr/local/metalwork-site# ls
bower.json  index.js  node_modules  readme.md
build     layouts   package.json  src

(生成了build目录）
root@AR:/usr/local/metalwork-site# cd build

root@AR:/usr/local/metalwork-site/build# ls

evbogue-badass.jpg  metalwork rss.xml  writeablog

index.html      node.jpg
root@AR:/usr/local/metalwork-site/build#

(可见/usr/local/metalwork-site/build就是静态网站的根目录）

新建源帖：

root@AR:/usr/local/metalwork-site/build# cd ../src
root@AR:/usr/local/metalwork-site/src# nano test-1.md

root@AR:/usr/local/metalwork-site/src# cat test-1.md
---
title: 测试1
layout: post.jade
date: 2017-01-10 18:00:00
collection: blog
---

这是测试1.

看看如何？
root@AR:/usr/local/metalwork-site/src# cd ..
root@AR:/usr/local/metalwork-site# node index.js或npm start

演示网站：http://mw-demo.bright.biz.st/

项目地址：https://gitlab.com/ev/metalwork

---------------------

Tutorials

Official Community driven Docs

Using Metalsmith

Exploring Metalsmith, 06/06/2014
Setting up the Forge (1/3), 04/14/2014
Shaping the Metal (2/3), 04/18/2014
Refining our Tools (3/3), 04/29/2014
Building a Blog with Metalsmith (blakeembrey), 09/2014
Metalsmith on GitHub Pages, 09/05/2014
Way of Metalsmith, 09/09/2014
Rebuilding Keetology, 10/21/2014
Building a Blog with Metalsmith (azurelogic), 03/30/2015
Building a Blog with Metalsmith (okaythree), 03/12/2015
Understanding Metalsmith, 5/16/2015
Building a Blog in ES6 with Metalsmith (cameronjroe) 11/05/2015
Introduction to Metalsmith, 08/12/2015
Creating Static Sites with Metalsmith, 09/18/2015
Using Node and Metalsmith, 10/04/2015
Building Technical Documentation with Metalsmith, 10/20/2015
Mastering metalsmith: best practices for static sites, 11/4/2015
Rebuilding davidosomething.com as a static site, 12/28/2015

Building Plugins

Creating a Metalsmith Tab Plugin, 08/09/2014
Metalsmith Plugins, 07/23/2015
Metalsmith: Hover Plugin to Show Gifs, 07/13/2015
metalsmith-polyglot, 11/15/2015

Plugins

Here is the GitHub query for "metalsmith".
Here is a list of plugin links.
Here are the plugins featured on the Metalsmith.io website. If you want to add yours, submit a pull request!

Generator

generator-metalsmith

Examples

Blogs

Neustadt.fr (or on GitHub)
mrkiffie.com (or on GitHub)

Site

RedStarIT (or on GitHub)
blue Systems Research Group (or on GitHub)
Revermont.bike (or on GitHub)

Repository

Metalsmith-boilerplates, a collection of ready to use boilerplates for various metalsmith plugins.
Metalsmith-base, A base starter for a Metalsmith project used at Evocode.com

from https://github.com/metalsmith/awesome-metalsmith
----------------------

https://github.com/charlgottschalk/coppersmith 这个源码也是基于 metalsmith.

人生在世，看得透，又看得远者prevail everywhere. v.gd/YLHADG v.gd/cRqvfD v.gd/bKvfFH v.gd/sRm3tA

Pages

Friday, 22 July 2016

基于nodejs的静态博客程序－metalsmith