搭建博客

利用Hexo+GitPage，搭建博客

前置条件Node.js+Hexo+Git

1. 安装Node.js，官网下载安装即可。

2. 安装Hexo，官网也有安装指示。

1. sudo npm install -g hexo，记得带上sudo，否则会报权限问题。
   安装Hexo

---

2. 初始化一个blog，选一个本地目录cd进去之后执行init命令

   
   初始化

$ cd xxx
$ hexo init

---

3. 安装依赖，这一步记得先进入刚刚初始化的blog目录下操作
   先进入目录
   再安装依赖

先cd，再npm install

---

4. 生成静态页面，在当前目录执行命令

   
   生成静态页面

$ hexo g (or hexo generate)

---

5. 发布

   
   发布

$ hexo s (or hexo service)

---

6. 校验，浏览器打开http://localhost:4000/
   校验发布

---

3.关联到Github

1. 在自己的Github上新增一个repository，命名规则为账户名.github.io
   新增项目空间

---

2. 将git配置到Hexo里面去.
   还是在刚刚初始化的blog目录下，找到_config.yml文件，使用vim打开编辑，将git信息编辑到配置文件底部的deploy:里面去
   编辑配置文件
   配置文件内容
   编辑完成

---

3. 重新生成静态页面

   
   重新生成

$ hexo g (or hexo generate)

---

4. 配置
   此时可能会报错，原因是未安装git安装后再执行配置命令即可
   需要安装git
   安装git
   重新配置

配置命令
hexo d (or hexo deploy)
安装命令
npm install hexo-deployer-git --save

---

5. 校验
   此时浏览器打开http://junwangInChina.github.io，如果同样出现http://localhost:4000/内容
   ，即表示配置无误，注意换成自己的博客地址。

---

4. 写一篇新的博客

1. 进入blog目录下，使用命令hexo new "blogname"创建一篇新的博客
   博客内容可以通过markdown编辑器编辑，编辑完成之后，重新生成静态页面
   hexo g，然后配置到github,hexo d
   发布一篇新的blog

$ cd blog
$ hexo new "blog name"
$ hexo g
$ hexo d

---

2. 删除一篇博客
   直接进入blog的sorce/_posts目录下，删除掉需要删除的博客文件即可
   然后重新生成静态页面，配置

$ cd blog/source/_posts 
删除xxx.md
$ hexo g
$ hexo d

---

5. 更换主题Theme

1. 选择主题
   一般都是在hexo主题目录找一款喜欢的
   这里选择NexT为例，使用文档

---

2. 下载主题
   进入blog目录，执行git clone https://github.com/iissnan/hexo-theme-next themes/next下载命令
   下载主题

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

---

3. 修改blog配置
   在blog主目录，打开_config.yml文件，将其中的theme: landscape 修改为 theme: next
   修改配置

$ cd blog
$ vim _config.yml

---

4. 测试发布新的主题
   首先需要删掉老的主题缓存hexo clean
   然后生成新的静态文件hexo g
   最后再配置到github,hexo d
   配置成功后，到博客首页看看主题生效没xxx.github.io
   清除缓存
   生成新的静态文件
   配置到Github

$ hexo clean
$ hexo g
$ hexo d

---

5. 新主题各种配置
   一般主题使用文档都比较全，按照步骤配置即可

6. 绑定个人域名

• 个人还没到这一步，暂时发布到git上就可以了，有兴趣可以查一下，网上教程很多