mac搭建hexo——github.io博客

1. 前提条件:环境搭建

  • 拥有github账号

  • 🐷github配置ssh

  • 安装Git、Node.js和hexo

安装环境 安装
Node.js 它是一个Javascript运行环境, hexo基于node.js开发
Git mac自带
Hexo 生成博客静态页面

安装node.js
$brew -v
$brew install nodejs
安装hexo
$ sudo npm install -g hexo-cli
查看node.js的版本
$node -v
查看git版本
$git --version
查看npm版本
$npm -v

  • 测试hexo安装成功:博客页面可以访问

存放位置目录下创建一个blog文件夹
$ mkdir blog
进入目录
$ cd blog
初始化目录,生成一套标准的Hexo博客项目模板
$ hexo init
生成网站(编译生成对应的HTML文件)
$ hexo generate
开启本地服务 ,本地预览
$ hexo server


博客目录包含:

  • _config.yml :hexo的全局配置文件
  • node_modules/ :文件夹下放的是npm依赖模块
  • package.json :npm所有依赖包的json文件
  • source/ :这个文件夹下方的是我发布文章博客资源文件
  • themes/ :这里放的是hexo主题文件夹

2. 创建github仓库,配置SHH秘钥

3. 关联github博客

  • 安装,用hexo发布博文

$npm install hexo-deployer-git --save

  • 修改_config.yml文件,添加github地址
deploy:
    type: git
    repository: https://github.com/BigTigerTeeth/BigTigerTeeth.github.io.git  // 这个地方填写自己的仓库地址
    branch: master
  • 部署到github

$ hexo clean
编译生成对应的HTML文件
$ hexo generate
发布到远程仓库的master分支
$ hexo deploy

4. hexo博客的基本使用,安装主题

5. 发布博客,查看效果

  • 进入根目录,新建md

$ hexo new "文件名"
命令会自动在source/_post目录下生成一个待写的“文件名.md”文件

  • 编辑文章,发布文章

$hexo d -g

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章