博客搭建

搭建个人博客mac版

大纲

搭建博客主要分为三个部分，执行可以无先后之分。

分别是：

1，环境配置Hexo

2，部署到github上

3，绑定域名

个人建议先绑定域名，因为实名认证以及域名解析认证需要花费3-5天时间。

三者的关系是，域名作为入口，hexo创建门面，github储存内容。因此，他们需要相互连接才能建成最后的博客，hexo首先创建博客，然后推送到github上进行存储，github连接域名，使得访问者可以看到你的博客。

Hexo

简洁高效的博客框架，可自己下载主题

官网：https://hexo.io/zh-cn/

安装Hexo前需要安装Git

# 检查git是否安装
git --version
# 没安装就安装 
brew install git

在mac上我们通过brew来安装：

brew install node
# 安装过程中可能出现bug,显示不能安装node的依赖libuv，那么就手动安装 brew install libuv
# 查看版本号
node -v
# 查看npm版本号 没有就安装
npm -v
# 安装 hexo
npm install -g hexo-cli

创建文件夹：

# 首先cd 到你想要保存的路径当中
#查看当前路径
pwd
#查看当前文件夹下的文件
ls
#创建文件夹
mkdir blog
cd blog
# 初始化
hexo init
# 启动 s:start
hexo s
浏览器输入：http://localhost:4000，可查看到默认生成了一篇博文
新建一篇博文
hexo n "hellow"
# 清理
hexo clean
#生成
hexo g
hexo s

Github 部署

git新建一个仓库，具体新建步骤建议参考网上教程

# 安装git部署插件
npm install hexo-deployer-git --save

修改_config.yml的配置

deploy:
  type: git
  repo: https://github.com/你的git名字.github.io.git
  branch: master

回到命令行部署到远端
hexo d

域名申请

首先需要在阿里云申请域名
https://www.aliyun.com/ss/?k=%E5%9F%9F%E5%90%8D

注册阿里云，

解析域名

打开阿里云首页
控制台->域名->域名列表->解析

此处可能没有记录类型，默认的记录类型为A，因此记录值需要填写ip地址。可以在terminal中 ping 你的github名称.github.io，就能得到ip地址，生成解析文件后再进行修改即可。

设置主机记录@，记录类型为CNAME，记录值是”你的github名称.github.io“。
设置主机记录www，记录类型为CNAME，记录值是”你的github名称.github.io“

部署到GitHub上

在blog/source中添加文件CNAME

并写入你的域名如: asdf.com

接着回到blog的终端：

hexo clean
hexo g
hexo d

接着在项目的Settings中，找到左侧栏中的pages, 点击它并在Custom domain那里添加自己的域名：

此处可能找不到custom domain , 需要将Branch换成master才能出现custom domain

域名备案

到阿里云主页，最上一栏的右边有ICP备案，根据教程走即可。

Hexo扩展设置

首先，梳理一下关系：page生成页面，config文件设置页面，source存储文件内容。page生成的页面需要使用config来设置属性，而config中的资源调配需要符合source中存储的文件名称。

_config.yml文件用于设置博客的内容类型，比如颜色高度，名称等等，以及使用的图像链接来源。

总文件夹下和每个themes文件夹下都有相应的_config.yml。

source中存储文章内容以及所需图像。

博客中的每个链接都是一个page，比如”关于我“的页面等等，可以通过hexo new page “page 名称”来生成，生成完之后会在source中出现一个文件夹，里面有index.md的文件，编辑这个文件就是编辑该页面的内容。该page的设置在你的themes的_config.yml进行设置。

至于config文件到底怎么设置，可以去hexo上下载喜欢的主题，解压到themes当中。

接着在blog路径下的config文件中将theme一栏改为需要使用的theme文件夹名称，一般theme中的config文件都有注释，应该看看就明白了。