GitHub_Hexo_Next 搭建博客

利用最新版本的 hexo+next 重构了我的博客，下面简单记录了搭建博客的完整过程：

1、环境准备

• 1.安装 Node.js

• 2.安装 Git

• 3.注册 Github 帐号

2、在GitHub上建立Github Pages项目

• 建立新仓库
  

  • 建立一个名称为 yourusername.github.io 的新仓库
  • 这边的yourusername填写本身的用户名
  • Github会识别并自动将该仓库设为 Github Pages

• 设置github用户和邮箱

$ git config --global user.name "your name"
$ git config --global user.name "your email"

• 生成SSH密钥

$ ssh-keygen -t rsa -C "Github的注册邮箱地址"

• 在C:\Users\ASUS.ssh目录会有两个文件id_rsa和id_rsa.pub,打开id_rsa.pub
• 复制里面的全部内容到 SSH keys这里 的Key，Title随便填，即完成：Add SSH key

3、安装Hexo

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其余渲染引擎）解析文章，在几秒内，便可利用靓丽的主题生成静态网页

• 进入任意磁盘建立文件夹，命名为hexo,在该文件夹下鼠标右键选择Git Bash Here，执行命令:

$ npm install -g hexo-cli
$ hexo init
$ npm install

• 新建完成后，指定文件夹的目录以下：

.
├── _config.yml
├── package.json
├── scaffolds
├── source  
|   ├── _drafts   
|   └── _posts
└── themes

• _config.yml 文件中填上博客的基本信息，网站的详细配置点击这里 查看
• 注意，冒号后面都要有一个空格

4、部署

• 在_config.yml文件，找到deploy，进行如下配置

deploy:
  type: git
  repo: https://github.com/username/username.github.io.git
  branch: master

• 安装部署工具

$ npm install hexo-deployer-git --save

• 新建一篇博客文章

  在hexo/source/_posts文件夹下新建md文件(不用加.md后缀）

$ hexo new 文件名

• 最后输入如下命令生成网站文件并部署：

$ hexo g //生成网页文件
$ hexo s //localhost:4000本地预览效果
$ hexo d //部署

在浏览器输入https://username.github.io/ 就跳到博客网站

5、用Next美化博客

Hexo 安装后，默认主题是 landscape ，目前很火的一款主题 NexT

• 在hexo文件夹下鼠标右键选择Git Bash Here，而后 git clone 主题:

$ git clone https://github.com/iissnan/hexo-theme-next themes/next

• 更新主题 NexT

$ cd themes/next
$ git pull

• 切换成NexT主题，在hexo根文件夹下，修改_config.yml文件中的 theme

theme: next

//切换后，用命令清除下缓存
$ hexo clean

//执行hexo s本地产看NexT主题效果
$ hexo s

• 切换next主题的风格

  修改hexo/theme/next/_config.yml

# Schemes
 # scheme: Muse
 # scheme: Mist
 # scheme: Pisces
 # scheme: Gemini

• 设置Menu

默认只有首页和归档，若是还要添加，编辑hexo/themes/next/_config.yml

menu:
  home: / || home  //首页
  about: /about/ || user  //关于
  tags: /tags/ || tags  //标签
  categories: /categories/ || th   //分类
  archives: /archives/ || archive //归档
  schedule: /schedule/ || calendar   //日程表
  sitemap: /sitemap.xml || sitemap   //站点地图

• 建立分类文件夹

$ hexo new page categories

• 成功后输出：INFO Created: ~/Documents/blog/source/categories/index.md

• 根据上面的路径，找到index.md这个文件，打开后并添加type: "categories"

---
> title: 文章分类
> date: 2019-07-15 23:30:33
> type: "categories"
---

• 而后给文章添加“categories”属性

---
> title: GitHub+Hexo+Next搭建博客
> date: 2019-07-15 23:43:57
> categories: hexo
---

• 建立标签文件夹

$ hexo new page tags

成功后输出：INFO Created: ~/Documents/blog/source/tags/index.md

• 根据上面的路径，找到index.md这个文件，打开后并添加 type: "tags" 保存

---
> title: 文章分类
> date: 2019-07-15 23:54:22
> type: "tags"
---

• 而后给文章添加“tags”属性

---
> title: GitHub+Hexo+Next搭建博客
> date: 2019-07-15 23:43:57
> tags: hexo
---

根据以上步骤就能够搭建出一个属于本身的博客网站了，赶忙行动吧！

参考教程：

• 于禤的博客

• 制做免费安全好运维不跑丢的博客

• HEXO+Github Pages博客搭建指南

• 搭建hexo博客网站