盒子
盒子
文章目录
  1. hexo分分钟搭建博客
    1. 官方传送门
    2. 本地安装
    3. 选择喜欢的主题, 个人倾向 Hexo Next这个主题
  2. tags类型
    1. 添加标签
    2. 添加分类
  3. 部署
  4. 主题

hexo 博客搭建以及个人开发环境

hexo分分钟搭建博客

官方传送门

因为自己搞的是前端, 所以选择用node来搞, 对markdown也很喜欢, 然后用的hexo来写自己的博客, 写一些自己所用到的技术 和 生活中的琐碎感想

hexo intro

本地安装

当然node和npm是必须的,

1
2
3
4
5
➜ npm install hexo-cli -g
➜ hexo init blog
➜ cd blog
➜ npm install
➜ hexo server

本地安装好之后, 然后就是配置github了.新建一个项目, 然后设置 git pages 记得之前分支只能用gh-pages 不知道什么时候就开放了这个限制,不得不给github点个赞

选择喜欢的主题, 个人倾向 Hexo Next这个主题

安装在themes文件夹内, 修改配置文件_config.ycm
具体配置可以查看官网说明

具体说一下github pages的配置, 因为按照官网的配置改了好几次都没有成功, 原来是应为合适不正确, 也没有具体指出对象typeof

配置github pages

1
2
3
4
5
deploy:
type: git
repo: 'https://github.com/username/projectName'
branch: [branshName]
message: "{{ now('YYYY-MM-DD HH:mm:ss') }}"

上面分别 username, projectName, branshName 替换成你自己的github账户和项目名称, 分支名称

tags类型

1
2
3
4
tags:
- tag1
- tag2
categories: xxx

冒号后面要有空格
应该在 —之上,—下面是页面内容
令:要添加tags和categories页面;且主题的配置文件和站点的配置文件tags和categories的注释要打开

添加标签

hexo new page tags
确认站点配置文件里有tag_dir: tags
确认主题配置文件里有tags: /tags
编辑站点的source/tags/index.md,添加

1
2
3
4
title: tags
date: 2017-06-01 06:49:50
type: "tags"
comments: false

添加分类

hexo new page categories
确认站点配置文件里有category_dir: categories
确认主题配置文件里有categories: /categories
编辑站点的source/categories/index.md,添加

1
2
3
4
title: categories
date: 2015-10-20 06:49:50
type: "categories"
comments: false

部署

配置好之后就可以哐哐哐的写起来了, 感觉良好 然后 在项目根目录runhexo g -d部署到自己的github就可以了

然后去github里面的setting查看博客地址, 有兴趣的伙伴可以自己申请一个自己的域名用CNAME的方式来解析, 之后博客分支根目录新建CNAME文件, 无后缀名, 里面把你域名写进去(不带www). 恩, ok

主题

个人喜欢简单的风格. so 使用的使fexo主题然后自定义了一些样式来达到极度的简洁, 喜欢的boy可以自己去 github上面查看

喜欢的话clone 到blog下面的themes/下就好, 然后配置hexo方可!