#使用GitHub + Hexo来搭建个人博客(for Mac)

来源:互联网 发布:linux if语句使用方法 编辑:程序博客网 时间:2024/05/22 01:59

一、了解下GitHub和Hexo

  • gitHub是一个面向开源及私有软件项目的托管平台(男性最大交友平台 ^-^)
    这里写图片描述

  • Hexo是快速,简单且高效的博客框架
    这里写图片描述

    个人博客:https://lazyiron.github.io/

二、搭建所需

  • 注册一个gitHub账号
  • 安装homebrew
    使用它可以安装Mac没有预装但你会需要的东西
  • 下载安装node.js
  • npm
    第三步中我们安装的node.js中已经包含了npm
  • 检验node和npm是否安装成功
    进入到终端输入指令:node -v npm -v

三、安装搭建Hexo

安装

  • 官方给出了非常详细的安装和使用文档,我们可以参考安装和使用: https://hexo.io/zh-cn/docs/
    还需要安装git,文档中有安装方法
npm install -g hexo-cli

如果不可以的话就在最前面加上sudo
* 安装完一定要记得去终端检验是否安装成功

hexo -v

建站

  • 在终端切换(cd)一个你想指定的目录下,执行下面这个命令
 hexo init blog
  • 在这个目录下会出现你刚刚创建的blog文件夹,切换到(cd)blog文件夹执行以下命令来安装npm
npm install   
  • 执行以下命令来开启服务器
hexo server   
  • 开启后访问
    http://localhost:4000/

这里写图片描述

四、与GitHub相关联,相当于托管到GitHub上

  • 创建一个新的仓库
    这里写图片描述

  • 给仓库命名,Lazy可以替换成任意的,后面为固定写法3.进入到这个仓库,复制这个链接
    这里写图片描述

这里写图片描述

  • 打开blog文件夹,进入到_config.yml文件夹下,可以用sublime打开或者其他工具
    这里写图片描述

  • 更改添加以下内容(注意此处要在冒号的后面加上空格)
    这里写图片描述

  • 在blog目录下执行命令
//生成静文件hexo generate    //部署网站hexo deploy 
  • 访问这个链接看到自己博客的界面就表示成功啦! https://lazyiron.github.io/ (记得要换成自己对应的名字)

五、常用命令(更多的命令可以去Hexo官网翻阅文档,很详细)

 //清除缓存文件 (db.json) 和已生成的静态文件 (public)。在某些情况(尤其是更换主题后),如果发现您对站点的更改无论如何也不生效,您可能需要运行该命令。hexo clean    //生成静态文件hexo generate//部署网站hexo deploy//新建文章hexo new "文章名"  //查看帮助hexo help //查看Hexo的版本hexo version  

六、主题更换

  • 参考链接:https://hexo.io/themes/
  • 其实就是拿到你喜欢主题的链接,然后到blog目录下执行命令
git clone 链接地址
  • 下载成功的主题拖到themes文件夹里

这里写图片描述

  • 来到_config.yml中更改想用主题的名字(在themes中选择填写)

这里写图片描述

这里写图片描述

  • 改完后别忘了从新部署,以下三个命令:
hexo clean   hexo generatehexo deploy