博客搭建

作业内容

用Hexo搭建个人blog，主要功能是记一下自己的学习笔记和随笔（希望会真的写）

环境配置

Git 和 Github SSH key

安装成功后，需要将Git与GitHub账户进行绑定，在Git Bash中设置用户信息：

$ git config --global user.name "github 用户名"
$ git config --global user.email "github 注册邮箱"

生成ssh密钥：

$ ssh-keygen -t rsa -C "github 注册邮箱"

找到生成的id_rsa.pub文件，复制其中密钥至GitHub-settings-keys新建一个SSH key即可。

Node.Js

Windows直接在Node.Js官网下载即可。 下载完成后可在终端输入以下命令查看node和npm是否成功安装：

$ node -v
$ npm -v

Hexo

新建一个路径用于存放blog文件，在Git Bash中cd到该路径下，使用npm命令安装Hexo

$ npm i hexo-cli -g

初始化并安装组件

$ hexo init .
$ npm install

Github Pages

新建一个public仓库，仓库名为：”Github用户名”.github.io （必须以此为用户名，否则后续GitHub Pages的url会出现问题），在仓库设置中的_”Pages”部分选择‘master’_分支作为source。 GitHub Pages 配置保存后，个人主页的网站将会自动发布到 https://“GitHub用户名”.github.io，并且可以在仓库的设置页面中的 “GitHub Pages” 部分查看网页更新情况。

部署至GitHub

修改blog目录中的站点配置文件_config.yml_，加入以下内容：

deploy:
  type: git
  repo: <repo-url>
  branch: master

完成后通过以下命令即可将本地内容推送至Github repository中，并可在浏览器中访问

$ hexo generate --deploy

开写

通过如下命令在_blog/source/_posts_路径下生成新的Markdown文件，修改.md文件并推送至GitHub repository后，即可在网页中查看博客内容：

$ hexo n "title"

blog页面布局 & 设计思路

blog的主题使用的是next，因为很简洁

主要有首页、标签和分类