LazyIron

Hexo搭建博客

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

一、了解下GitHub和Hexo

  • gitHub是一个面向开源及私有软件项目的托管平台（男性最大交友平台 ^-^）
    gitHUb

  • Hexo是快速，简单且高效的博客框架
    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，文档中有安装方法
1
npm install -g hexo-cli

如果不可以的话就在最前面加上sudo

  • 安装完一定要记得去终端检验是否安装成功
1
hexo -v

建站

  • 在终端切换（cd）一个你想指定的目录下，执行下面这个命令
1
hexo init blog
  • 在这个目录下会出现你刚刚创建的blog文件夹，切换到（cd）blog文件夹执行以下命令来安装npm
1
2
3
4
npm install   
```    
* 执行以下命令来开启服务器

hexo server

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
* 开启后访问
http://localhost:4000/
![Hexo](file:///var/folders/bc/_61pg22d5_78fvdtyfzzbll80000gn/T/WizNote/afa53663-d0b5-4bba-9578-e12b20891fe6/index_files/b457f806-73d6-420c-b8b7-0ab6ade3e80e.jpg)
## 四、与GitHub相关联，相当于托管到GitHub上
* 创建一个新的仓库
![Hexo]()
* 仓库命名，Lazy可以替换成任意的，后面为固定写法
![Hexo]()
* 进入到这个仓库，复制这个链接
![Hexo]()
* 打开blog文件夹，进入到_config.yml文件夹下，可以用sublime打开或者其他工具
![Hexo]()
* 更改添加以下内容（注意此处要在冒号的后面加上空格）
![Hexo]()
* 在blog目录下执行命令  
``` 
//生成静文件
hexo generate    
//部署网站
hexo deploy

  • 访问这个链接看到自己博客的界面就表示成功啦！ https://lazyiron.github.io/ （记得要换成自己对应的名字）

五、常用命令（更多的命令可以去Hexo官网翻阅文档，很详细）

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

六、主题更换

  • 参考链接：https://hexo.io/themes/

  • 其实就是拿到你喜欢主题的链接，然后到blog目录下执行命令 

    1
    git clone 链接地址

  • 下载成功的主题拖到themes文件夹里
    Theme

  • 来到_config.yml中更改想用主题的名字（在themes中选择填写）
    Theme
  • 改完后别忘了从新部署，以下三个命令： 
1
2
3
hexo clean   
hexo generate
hexo deploy