Node.js+Hexo搭建个人博客系统

什么是 Hexo?


Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
相比WordPress等动态博客,它有着无可比拟的速度。如果您的博客有大量纯静态内容,Hexo非常适合您。

安装


Node.js的安装

hexo是一款基于Node.js的静态博客框架,因此安装之前必须先安装Node.js

●Windows

Node.js官网下载最新版的.exe或者.msi安装文件(根据自己的电脑决定32位还是64位),像安装一个普通的软件一样安装它。

打开命令提示符(管理员),然后输入

npm install -g hexo-cli

未出现错误即安装成功

●Linux

Node.js官网下载最新版的.tar.xz文件

wget -O nodejs.tar.xz https://nodejs.org/dist/v6.9.5/node-v6.9.5-linux-x64.tar.xz

解压文件

 tar -Jxvf nodejs.tar.xz

将nodejs文件夹移动到/usr/local/目录下

 mv nodejs /usr/local/

将node和npm设置为全局命令

 ln -s /usr/local/nodejs/bin/node /usr/local/bin/node
 ln -s /usr/local/nodejs/bin/npm /usr/local/bin/npm

Hexo的安装

在命令行中(Windows在命令提示符中/Linux直接在Bash中)输入以下命令安装hexo

npm install -g hexo-cli

建站使用


新建博客

安装 Hexo 完成后,请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件

hexo init <folder> //新建博客目录,拷贝相关文件
cd <folder>        //进入博客目录
npm install        //安装依赖包

新建完成后,指定文件夹的目录如下:

.
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

_config.yml

网站的 配置 信息,您可以在此配置大部分的参数。

source

资源文件夹是存放用户资源的地方。除 posts 文件夹之外,开头命名为 (下划线)的文件 / 文件夹和隐藏的文件将会被忽略。Markdown 和 HTML 文件会被解析并放到 public 文件夹,而其他文件会被拷贝过去。

themes
主题 文件夹。Hexo 会根据主题来生成静态页面。

写作

hexo new [layout] <title>

布局(Layout)

  • post :文章
  • page:页面
  • draft:草稿

服务器(本机访问)

hexo s
或者
hexo server
hexo server -p 5000 //指定端口为5000,默认端口为4000

生成器(生成静态网页)

以下命令将生成静态网页,在public文件夹下,根据自己需要发布到相应服务,可以部署到VPS

hexo generate
或者
hexo g
hexo generate --watch //监视文件变动并立即重新生成静态文件

猜你喜欢

转载自blog.csdn.net/qq_24013171/article/details/54897661