文章目录
  1. 1. Hexo简介
  2. 2. Mac环境下Hexo的安装,基于brew

Hexo简介

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

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

  1. Git安装
    brew install git #Mac电脑使用brew安装
  2. Node.js安装(本人完全不懂Node.js =。= )
    brew install node
    使用以下命令验证是否安装成功
    node -v
    npm -v
  3. Hexo安装
    npm install hexo -g #-g表示全局安装, npm默认为当前项目安装
  4. Hexo设置(先进入你要操作的目录,会在当前目录下新建)
    hexo init XXXX #新建博客目录
    hexo g #根据当前目录下文件生成静态网页
    npm install #初始化依赖
    hexo s #启动服务器
    生成的文件结构:
    hexo文件结构
    .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
    上传后就可以打开了:http://mozhenhau.github.io
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: github       #部署到哪里
      repo: git@github.com:mozhenhau/mozhenhau.github.io.git    #部署路径,你的github仓库
文章目录
  1. 1. Hexo简介
  2. 2. Mac环境下Hexo的安装,基于brew