mac下搭建码云gitee+hexo博客

以前本身作了不少笔记，但都是在私有云笔记，有些经典，有些凌乱，独乐乐不如众乐乐，想了想，仍是作个博客吧，复习整理的过程当中，但愿有缘人有所收获~

我的静态博客，其实用不到专门买服务器，用个好点的模板，搜索、图床、统计访客、评论等功能都包罗万象，且搭建方便。

网上搭建方式纷繁复杂，各式各样，该文总结了一下，只保留精华，和容易出错的细节，并在最后记录参考连接。

整体思路就是用gitee（码云）来作存储（文章和图片），不用github是我的以为在国内访问码云更快。自动生成和部署利用的是hexo框架。

前置须要装Git、Node.js，这个在mac下直接用brew便可。

正文首先介绍如何初次建立和访问到本身的gitee域名下的我的博客测试页面。

而后讲解如何用hexo部署一个默认的模板，并生成、发布、展示成功。

剩下的就是讲解如何使用一个不错的模板。

目前评论功能还没摸索过，等有空测试成功后，会再记录一篇。

在码云建立好同名仓库，并新增index.html测试

若是你想你的 pages 首页访问地址不带二级目录，如ipvb.gitee.io，你须要创建一个与本身个性地址同名的仓库，如 https://gitee.com/ipvb 这个用户，想要建立一个本身的站点，但不想以子目录的方式访问，想以ipvb.gitee.io直接访问，那么他就能够建立一个名字为ipvb的仓库 https://gitee.com/ipvb/ipvb 部署完成后，就能够以 https://ipvb.gitee.io 进行访问了。

建立好后，新增index.html

选择服务-》Gitee Pages

安装hexo，部署主题

安装hexo客户端

npm install -g hexo-cli

用hexo部署目录

hexo init myblog
cd myblog
npm install

本地看效果

hexo server

访问http://localhost:4000

先安装部署模块：

npm install hexo-deployer-git --save

修改_config.yml

url: https://veyronc.gitee.io/
root: /
deploy:
  type: git
  repo: https://gitee.com/veyronc/veyronc.git
  branch: master

注意配置冒号后面有个空格。

清理生成部署

hexo clean
hexo generate
hexo deploy

hexo deploy即将代码传到码云刚才建的新项目上。第一次执行会让输入码云的用户名和密码。

上传完成后，须要在码云的服务-》Gitee Pages，里面再次点击更新。

默认主题可能加载慢，介绍的目的是为了熟悉hexo和发布更新的操做，实际用下面的主题更好看。前面生成的文件夹删了也不要紧。

换主题

主题能够到 https://hexo.io/themes/ 去选择，博主选的是aircloud。

https://github.com/aircloud/hexo-aircloud-blog

不在刚才的目录下操做了。从新找个地方。

git clone https://github.com/aircloud/hexo-aircloud-blog.git --recursive
cd hexo-aircloud-blog
npm install
hexo serve

如上一章修改_config.yml

url: https://veyronc.gitee.io/
root: /
deploy:
  type: git
  repo: https://gitee.com/veyronc/veyronc.git
  branch: master

清理、生成、部署

hexo clean
hexo generate
hexo deploy

或者您可执行下列的其中一个命令，让 Hexo 在生成完毕后自动部署网站，两个命令的做用是相同的。

hexo generate --deploy
hexo deploy --generate

可简写为

hexo g -d
hexo d -g

每次deploy变动完后，想要在访问https://veyronc.gitee.io/的时候看到效果，都须要在码云的服务-》Gitee Pages，里面再次点击更新。

添加和删除文章

添加文章hexo new '文章新建测试'会看到

INFO  Created: ……/hexo-aircloud-blog/source/_posts/文章新建测试.md

而后去修改之。标签能够多个。

---
title: 文章新建测试
date: 2019-03-21 01:03:47
tags:
    - 标签1
    - 标签2
---

删除文章须要删除的是目录hexo-aircloud-blog/source/_posts里的文章

执行完后仍是生成、部署、最后记得在gitee更新Pages服务。

hexo clean操做官方说明是：

Cleans the cache file (db.json) and generated files (public).

测试发现，若是不执行该命令，删除了source/_posts里的文章，访问页面也看不到了，只不过还会存在gitee的public文件夹中。

文章中使用图片

图片也能够利用gitee存储，就放在hexo-aircloud-blog/source/img

md文件中载入用 ![](/img/kds.jpg)

注意：博客源代码和生成代码分开存储

上面介绍的一系列操做，是将博客生成代码传到码云的发布代码仓库。另外，设想一下若是你的本地电脑崩了怎么办，下次配置生成是否是很麻烦，因此，整个hexo-aircloud-blog文件夹，也新建一个代码仓库存起来，存成私有仓库便可。

『博客源代码』： Hexo的源码，包括themes目录（博客模板），source目录(使用MarkDown写的博客)等

『博客生成代码』： 执行hexo generate或者hexo server命令生成的代码，是Hexo自动生成的，再public目录。

博主用的方法应该是比较方便的，新建一个私有仓库 blog-source，克隆下来后，把前面的博客生成代码目录里面因此文件拷过来。

则在 blog-source 根目录下 git 操做至关于传到博客源代码私有仓库blog-source。

用 hexo 命令操做的是上传到博客生成代码仓库。

参考

https://gitee.com/help/articles/4136#article-header1

https://github.com/aircloud/hexo-theme-aircloud

http://www.javashuo.com/article/p-kuvbwgum-ct.html

https://wudong.tech/2018/08/29/Hexo%E6%8E%A5%E5%85%A5%E7%A0%81%E4%BA%91%E8%AF%84%E8%AE%BA%E7%B3%BB%E7%BB%9F/

http://www.javashuo.com/article/p-ugzcswrs-cu.html

https://hexo.io/docs/commands

https://hexo.io/zh-cn/docs/deployment

https://segmentfault.com/q/1010000008049369/a-1020000008049754