搭建个人博客丨 Peng's blog

本文介绍一下在 mac 上进行操作，搭建个人博客

使用 hexo 框架搭建个人博客

这里我们使用 hexo(https://hexo.io/) 框架进行搭建博客。

Hexo的工作机制
Hexo基于Node.js，将/source文件夹下的资源(文章、图片、模板)，按照预定的配置文件，转换成静态页面放置到 /public 目录下。如果需要预览或者部署，hexo会把public作为web目录处理.

1、首先下载安装 node.js，hexo 需要 node.js 来支持，具体安装自行搜索。
2、安装 hexo

1 2	npm install hexo-cli -g hexo -v

3、安装好 hexo 后，新建一个空文件夹，用来存放博客的文件。
在文件夹下输入命令:
hexo init
初始化博客，会自动生成博客相关的文件，这时就可以在本地启动 hexo，输入命令

hexo s
启动服务
然后再浏览器中输入服务地址就可以访问

4、新建文章，在博客文件夹下，输入命令
hexo n “blogname”
然后就生成了相关文章的文件，/source/_posts/blogname.md，编辑文章 markdown 格式的，编辑好之后。
先清空一下环境 hexo clean, 然后生成一下 hexo g，启动 hexo s，打开网页就可以看见新建的文章

部署到 github

可以部署到远端 github 上，就可以通过 github 提供的服务来进行访问博客。
1、首先在 github 上新建仓库，仓库名 xxx.github.io 按照这个来进行设置仓库名。
2、然后再本地博客文件夹下安装 git 部署的插件，输入命令：

1	npm install --save hexo-deployer-git

3、安装好之后，设置一下配置文件 _config.yml 在博客的文件夹下面，修改下面的内容

deploy:
  type: git
  repo: https://github.com/XXX/xxx.github.io.git
  branch: master
//对应你的 github 仓库

4、然后回到你的仓库文件夹下，输入命令
hexo d
就会部署到 GitHub 上，然后就把博客内容推送到 GitHub 上了
然后访问 https://xxx.github.io 地址就可看到你的博客了

博客主题

hexo 有默认的主题风格，如想修改博客主题，在网上找到你想要的主题 git 仓库地址，然后 clone 到你的博客 /themes 主题文件夹下
git clone https://github.com/iissnan/hexo-theme-next themes/next
下载到 themes 文件夹下之后，然后配置文件 _config.yml 找到 theme 字段改为

1	theme: next

然后 hexo clean
重新生存 hexo g
启动 hexo s
就可以看到新的主题