Hexo简介

Hexo is a fast, simple & powerful blog framework powered by Node.js。hexo是一个基于Node.js的静态博客程序,可以方便的生成静态网页托管在github和Heroku上。作者是来自台湾的大学生tommy351,风格简洁

Mac环境下Hexo的安装,基于brew

  1. Git安装

    1
    brew install git         #Mac电脑使用brew安装
  2. Node.js安装(本人完全不懂Node.js =。= )

    1
    brew install node  使用以下命令验证是否安装成功node -vnpm -v
  3. Hexo安装

    1
    npm install hexo -g  #-g表示全局安装, npm默认为当前项目安装
  4. Hexo设置(先进入你要操作的目录,会在当前目录下新建)

    1
    2
    3
    4
    hexo init XXXX   #新建博客目录
    hexo g #根据当前目录下文件生成静态网页
    npm install #初始化依赖
    hexo s #启动服务器

    生成的文件结构:
    ![hexo文件结构][image-1]
    .deploy:执行hexo deploy命令部署到GitHub上的内容目录
    public:执行hexo generate命令,输出的静态网页内容目录
    scaffolds:layout模板文件目录,其中的md文件可以添加编辑
    scripts:扩展脚本目录,这里可以自定义一些javascript脚本
    source:文章源码目录,该目录下的markdown和html文件均会被hexo处理。该页面对应repo的根目录,404文件、favicon.ico文件,CNAME文件等都应该放这里,该目录下可新建页面目录。
    _drafts:草稿文章
    _posts:发布文章
    themes:主题文件目录
    _config.yml:全局配置文件,大多数的设置都在这里
    package.json:应用程序数据,指明hexo的版本等信息,类似于一般软件中的 关于 按钮
    浏览器输入http://localhost:4000就可以看到效果。

  5. 部署到github,记得在github处加入私钥,信息如下:
    修改config.yml最下方的
    type:github
    repo:自己的仓库。
    然后运行hexo d就会上传到github
    上传后就可以打开了:mozhenhau.coding.me/hexo

    • 1
      2
      config.yml配置如下
      打开./_config.yml

    Hexo Configuration

    Docs: http://hexo.io/docs/configuration.html

    Source: https://github.com/hexojs/hexo/

    Site

    title: mozhenhau的技术博客 #网站标题
    subtitle: mozhenhau的技术博客 #网站副标题
    keywords: mozhenhau的技术博客,moitea,会html,sql,懂android、ios开发,现在学习swift,主要做移动端开发 #关键词
    description: mozhenhau的技术博客,moitea,会html,sql,懂android、ios开发,现在学习swift,主要做移动端开发 #描述
    author: Moitea #作者,在下方显示
    email: 493842062@qq.com #联系邮箱
    language: zh-CN #语言

URL

If your site is put in a subdirectory, set url as ‘http://yoursite.com/child' and root as ‘/child/‘

url: www.mozhenhau.com    #首页连接
root: /
permalink: :year/:month/:day/:title/
tag\_dir: tags
archive\_dir: archives
category\_dir: categories
code\_dir: downloads/code
permalink\_defaults:

Directory

source\_dir: source
public\_dir: public

Writing

new\_post\_name: :title.md # File name of new posts
default\_layout: post
titlecase: false # Transform title into titlecase
external\_link: true # Open external links in new tab
filename\_case: 0
render\_drafts: false
post\_asset\_folder: false
relative\_link: false
highlight:
  enable: true
  line\_number: true
  tab\_replace:

Category & Tag

default\_category: uncategorized
category\_map:
tag\_map:

Archives

2: Enable pagination

1: Disable pagination

0: Fully Disable

archive: 2
category: 2
tag: 2

Server

Hexo uses Connect as a server

You can customize the logger format as defined in

http://www.senchalabs.org/connect/logger.html

port: 4000
server\_ip: localhost
logger: false
logger\_format: dev

Date / Time format

Hexo uses Moment.js to parse and display date

You can customize the date format as defined in

http://momentjs.com/docs/#/displaying/format/

date\_format: MMM D YYYY
time\_format: H:mm:ss

Pagination

Set per_page to 0 to disable pagination

per\_page: 10
pagination\_dir: page

Disqus

disqus\_shortname:

Extensions

Plugins: https://github.com/hexojs/hexo/wiki/Plugins

Themes: https://github.com/hexojs/hexo/wiki/Themes

theme: yilia      #选择哪个主题,在Themes目录下
exclude\_generator:

plugins:
  • hexo-generator-feed

    • hexo-generator-sitemap

    Deployment

    Docs: http://hexo.io/docs/deployment.html

    deploy:
    type: git #部署到哪里
    repo: git@git.coding.net:mozhenhau/hexo.git #部署路径,你的github仓库

    1
    2

    [image-1]: http://qiniuimg.mozhenhau.com/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7%202015-03-04%20%E4%B8%8B%E5%8D%8810.14.27.png