Advertisement

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

阅读量:

什么是 Hexo?


Hexo 是一个迅速、轻便且高效率的博客框架。Hexo 基于 Markdown(或其他渲染引擎)快速解析文章,并通过优质主题生成静态网页。
相较于现有主流的动态博客系统,“Hexo 以其显著的速度优势著称”。
特别适合那些专注于生成高质量静态页面的开发者。

安装


Node.js的安装

hexo是一套基于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的安装

通过命令行工具安装hexo,在Windows系统中使用CMD.exe,在Linux系统中则直接使用Bash执行相应的安装指令

复制代码
    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

资源文件夹用于存储用户的各项资源。除了_rolls文件夹外的所有以下划线开头的文件名及对应的目录结构和隐藏的名称将不会被处理。Markdown和HTML格式的文档将经过解析后放置于public目录中;其余类型的文档则会完整地复制到指定位置。

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

写作

复制代码
    hexo new [layout] <title>

布局(Layout)

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

服务器(本机访问)

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

生成器(生成静态网页)

按照以下指令进行操作:1)启动服务器并进入public文件夹;2)执行相应的HTTP服务器启动命令;3)等待服务端口上的响应提示;4)打开浏览器访问http://localhost:8080/

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

全部评论 (0)

还没有任何评论哟~