从零开始搭建一个 hexo 博客。

1. hexo介绍

  • 基于nodejs的轻型blog,官网, 有丰富的插件和主题,可以自由选择npm 安装。
  1. 环境的搭建(本地pc)

    • git 和 node 的安装
      # 我mac是用homebrew安装
      $ brew install git 
      $ brew install node
  2. hexo安装与配置

    • hexo安装
      $ npm install -g hexo-cli

    • 新建项目

      # 建立blog项目
      $ hexo init <folder>
      $ cd <folder>
      $ npm install
    • 下载主题
      xxx为主题名称,主题和插件都可以去官网找
      $ git clone https://github.com/xxxx/hexo-theme-xxxx.git themes/xxx

    • 配置文件
      #主配置文件 _config.yml 主题配置文件 themes/xxx/_config.yml

  3. hexo的主要命令

    • 生成静态页 命令在blog项目文件夹下
      $ hexo g

    • 启动服务,通过本地localhost:4000访问
      $ hexo s

  4. 部署到服务器
    hexo 可以部署到github上也可以自己在服务器上配置个nginx后部署,服务器上无需复杂环境配置,推送上来的都是静态资源,这就很省事了。
    我选择的是nginx部署。

    • ngixn.conf 配置站点(不赘述)
    • 服务器中建立git仓库
      #Git 初始化裸库 /data/GitLibrary为仓库地址可自己修改
      $cd /data/GitLibrary
      $git init --bare hexo.git
      #创建 Git 钩子(hook)
      vim /data/GitLibrary/hexo.git/hooks/post-receive
      #用于指定 Git 的源代码 和 Git 配置文件
      #!/bin/bash /data/www/hexo为blog站点目录
      git --work-tree=/data/www/hexo --git-dir=/data/GitLibrary/hexo.git checkout -f
      #保存并退出后, 给该文件添加可执行权限
      $ chmod +x /data/GitLibrary/hexo.git/hooks/post-receive
    • 本地blog中主_config.yml配置
      # 配置服务器信息以及git仓库目录
      deploy:
      type: git
      repo: username@ipAddress:/data/GitLibrary/hexo.git
    • 更新线上blog代码
      #本地调试代码完毕后
      $ hexo g //生成静态页
      $ hexo deploy // 更新推送到线上
      # 此时会提示输入服务器密码, 免ssh 请百度
  5. 其他
    可以使用hexo-admin插件来方便博客撰写
    blog样品:我的博客

本作品采用《CC 协议》,转载必须注明作者和本文链接
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
讨论数量: 2

可同时部署到GitHub和自己服务器上吗?

5年前 评论

@lovecn 应该是可以的,不过你每次推送的话都得改config中的deploy配置。推哪个就改成哪个。

5年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!