基于hexo的个人博客

Hexo官方定义

• Hexo是一个快速、简洁且高效的博客框架；
• Hexo使用Markdown（或其他渲染引擎）解析文章；
• 在几秒内，即可利用靓丽的主题生成静态网页。

本地安装Hexo的教程

安装Git

• 注册GitHub账号，打开git bash使用$ ssh-keygen -t rsa -C "youremail@example.com"创建SSH Key;
• 登陆GitHub，打开“account setting”->"ssh keys"->"add ssh key",填上任意title，在Key文本框里粘贴id_rsa.pub文件的内容，点“add key”，你就可以看到已经添加的key。

安装Node.js

安装Hexo

• 使用命令$ npm install -g hexo-cli进行安装；

搭建博客

安装Hexo完成后，执行下列命令，Hexo将会在指定文件中新建所需要的文件(例如blog)

$ hexo init blog
$ cd blog
$ npm install

建成后blog目录结构如下：

image.png

config.yml:站点配置信息
source:存放编写的博客文章

更换主题

• 下载主题

cd blog
git clone https://github.com//iissnan/hexo-theme-next theme/next

克隆最新的next主题到你的博客文件中去

• 到站点配置文件更改theme: next；
• 然后输入以下命令进行本地测试

$ hexo clean;hexo generate;
$ hexo s --debug;

添加分类和标签(两者其实添加方式相同）

• 先把主题配置文件下修改为menu: /categories把前面的#去掉,然后输入以下命令

$ hexo cd blog;
$ hexo new page "categories";

然后你的source文件下多了一个categories文件夹，里面有个index.md，打开此文档，添加type: "categories"，不需要评论就再加上comments: false;

• ==================================================
  刚开始添加分类页面和标签页面本地测试一直显示can`t find，感觉什么都跟网上教程一样啊，后来看了一下bug的地方，原来timezone填错了，我填的Fujian，哎，愚蠢。
  ===================================================

新建文章

• 输入命令$ hexo new “hello world”，source文件夹下新建helloworld.md,然后你就可以开始写文章啦！
• ==================================================
  刚开始文章不能发表是我修改完没有部署网站，所以新的内容显示不出来
  ===================================================

重要命令

• 本地测试

$ hexo c
$ hexo g
$ hexo s

然后就可以访问你的localhost:4000啦~

• 修改后部署

$ hexo g
$ hexo d

然后就可以通过域名访问啦~

• 推荐简书，支持Markdown，写文章可以实时预览，所以可以先在简书写完再弄到自己博客中~