hexo+github搭建博客步骤


一时兴起,想搭建一个自己的博客,就动手搭建了一个,这里做一个记录,记录下自己踩得坑,以免自己以后忘记

整个搭建流程总览

1
2
3
4
创建自己的github账号
创建username.github.io的项目
创建本地hexo项目
将本地hexo项目发布到github
  • 具体操作流程

创建github账号

1
到https://github.com/注册自己的github账号

在github中,创建一个仓库,命名为username.github.io (例:miaomiao.github.io)

1
特别说明:如果出现本地hexo服务正常,但是github上的博客项目不能访问,我这里遇到的情况是username没有使用自己github的账号,对项目重命名,就可以了。

本地hexo项目创建

1
2
3
4
5
npm install -g hexo-cli (安装hexo)
npm install
hexo init (初始化hexo 项目)
hexo generate (or hexo g) (生成静态文件)
hexo deploy (or hexo d) (发布本地项目到github)

参考: http://crazymilk.github.io/2015/12/28/GitHub-Pages-Hexo%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/#more

hexo 的yelee主题添加‘置顶文章置顶’方法

修改node_modules\hexo-generator-index\lib\generator.js 中代码,如下:
GitHub Logo

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
//文章置顶方法添加
'use strict';
var pagination = require('hexo-pagination');
module.exports = function(locals){
var config = this.config;
var posts = locals.posts;
posts.data = posts.data.sort(function(a, b) {
if(a.top && b.top) { // 两篇文章top都有定义
if(a.top == b.top) return b.date - a.date; // 若top值一样则按照文章日期降序排
else return b.top - a.top; // 否则按照top值降序排
}
else if(a.top && !b.top) { // 以下是只有一篇文章top有定义,那么将有top的排在前面(这里用异或操作居然不行233)
return -1;
}
else if(!a.top && b.top) {
return 1;
}
else return b.date - a.date; // 都没定义按照文章日期降序排
});
var paginationDir = config.pagination_dir || 'page';
return pagination('', posts, {
perPage: config.index_generator.per_page,
layout: ['index', 'archive'],
format: paginationDir + '/%d/',
data: {
__index: true
}
});
};

如果想要置顶某篇文章,就在文章的Front-matter位置,添加一个 top:1000 ,值越大,越靠前,如下图:
GitHub Logo


文章作者: W
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 W !
 上一篇
druid.io历史最详细单机搭建流程 druid.io历史最详细单机搭建流程
druid使用也有一年了,踩过的坑无数,现在虽然线上服务已经稳定,但是还是使用的小白,觉得还是有必要把搭建的流程记录下。 单机版的搭建流程十分简单,适合机器资源不是很充足,或者对druid使用方法测试阶段。其实步骤跟官网上介绍的流程一
2021-01-26 W
下一篇 
kafka基本操作 kafka基本操作
kafka的基本操作,及搭建
2021-01-26 W
  目录