使用hexo搭建静态博客(一)

正式开始研究一下hexo这个东东,在这里把学习的过程记录下来

前言

准备写一个系列文章,会按照以下的顺序来学习和记录:

  • 安装hexo
  • 使用hexo
  • 配置主题
  • 备份
  • 自动部署

为什么选择Hexo

  • A fast, simple & powerful blog framework
  • 快速,简单而高效的静态博客框架
    • 超快速度: Node.js 所带来的超快生成速度,让上百个页面在几秒内瞬间完成渲染。
    • 支持 Markdown: Hexo 支持 GitHub Flavored Markdown 的所有功能,甚至可以整合 Octopress 的大多数插件。
    • 一键部署: 只需一条指令即可部署到 GitHub Pages, Heroku 或其他网站。
    • 丰富的插件: Hexo 拥有强大的插件系统
  • 以上说了这么多虚的,都是官方的教条式说法,下面是来自我的需求:
    • 我想使用Markdown编辑我的文章,比如博客
    • 我想我写的博客不要过段时间就丢了,或者是受制于第三方的博客平台,这样我就想到了使用git管理我的md文件
    • 静态博客最好啦,维护简单,部署方便
    • 最好是不要钱的空间,想放多长时间放多长时间
    • 一键部署,不要罗哩罗嗦的一大堆,我老了,脑子记不住这么多东东
    • 结论: hexo + GitHub Pages(或其它的替代)满足了我以上的所有要求

进入hexo的世界

安装hexo

  1. 安装依赖
    • Hexo安装和搭建依赖NodejsGit,可自行下载。
  2. 安装hexo
    $ npm install -g hexo-cli
    
  3. 初始化框架
    $ hexo init <yourFolder>
    $ cd <yourFolder>
    $ npm install
    
  4. 初始化完成大概的目录:
    .
    ├── _config.yml //网站的 配置 信息,您可以在此配置大部分的参数。
    ├── package.json
    ├── scaffolds     //模版 文件夹。当您新建文章时,Hexo 会根据 scaffold 来建立文件。
    ├── source     //资源文件夹是存放用户资源的地方。
    |   ├── _drafts
    |   └── _posts
    └── themes     //主题 文件夹。Hexo 会根据主题来生成静态页面。
    

写博客并发布

  1. 新建文章(创建一个Hello World)
    $ hexo new "Hello World"
    
    • 此命令会在/source/_post里添加hello-world.md文件
    • 您通过hexo new命令新建的文章都将存放在此目录下。
  2. 生成网站
    $ hexo generate
    
    • 此时会将/source的.md文件生成到/public中,形成网站的静态文件。
  3. 本地服务器预览
    $ hexo server -p 3000
    
  4. 部署网站
    • 在_config.yml中配置你所要部署的站点:
      deploy:
        type: git
        repo: git@github.com:YourRepository.git
        branch: master
      
    • 部署
      $ hexo generate -d
      $ hexo deploy
      
  5. Clean
    • 可以使用以下命令清除之前生成的public文件夹,以便得到一个干净的最终效果
      $ hexo clean
      

更多

  1. 官网Hexo
  2. 配置相关Hexo | 配置
  3. 更多的命令Hexo | 指令
文章目录
  1. 1. 前言
  2. 2. 为什么选择Hexo
  3. 3. 进入hexo的世界
    1. 3.1. 安装hexo
    2. 3.2. 写博客并发布
    3. 3.3. 更多