MacOS从零开始搭建hexo博客

MacOS从零开始搭建hexo博客

目录

1. 前期准备
2. 安装hexo
3. 生成SSH并添加到github
4. 部署项目
5. 上传到github
6. 绑定个人域名
7. 修改及配置主题

---

前期准备

1. 安装git
2. 安装node.js
    查看node.js版本号
    node -v 
    npm -v
3.安装cnpm
    查看cnpm的版本号
    cnpm -v

---

安装hexo

安装hexo命令：cnpm install -g hexo-cli
查看hexo版本号：hexo -v
初始化命令：hexo init blog
解释一下：
    node_modules：是依赖包
    public：存放的是生成的页面
    scaffolds：命令生成文章等的模板
    source：用命令创建的各种文章
    themes：主题
    _config.yml：整个博客的配置
    db.json：source解析所得到的
    package.json：项目所需模块项目的配置信息

---

创建github repo

创建repo,名称为myname.github.io,myname与github用户名保持一致。
git config --global user.name "my-name"
git config --global user.email "my-email"
ssh-keygen -t rsa -C "my-email"
配置ssh,Settings -> SSH and GPG keys -> New SSH key

---

打开blog项目，修改_config.yml配置文件

deploy:
  type: git
  repo: https://github.com/my-github-name/my-github-name.github.io.git
  branch: master
# 进入blog目录，执行下列命令：
hexo new "博客名称"
hexo clean
hexo generate
hexo server
#打开浏览器，输入http://localhost:4000,可以看到博客效果了。

---

上传到github

执行命令：npm install hexo-deployer-git --save
然后执行：
hexo clean
hexo generate
hexo deploy
打开浏览器，输入http://my-github-name.github.io，查看效果。

---

绑定个人域名

在blog/source目录下新建名为CNAME的文件，文件中添加自己的域名，保存退出

---

修改及配置主题

以ayer为例，进入blog目录，执行命令：git clone https://github.com/Shen-Yu/hexo-theme-ayer.git themes/ayer
修改_config.yml,修改主题为：
    theme: ayer
然后执行：
hexo clean
hexo generate
hexo deploy    

---

打开自己域名，查看效果