hexo博客搭建指北 | ouuan的博客

[ouuan]

http://ouuan.github.io/hexo%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA%E6%8C%87%E5%8C%97/

折腾了 $3$ 天终于把博客搭建好了…本文会简单介绍一下hexo博客的搭建，并选取一些我自己在配置博客的过程中遇到的问题，说明一下我的解决方案。 实际上，hexo博客的搭建并不难，难搞的是美化，我在这个过程中遇到了很多问题，不可能在这篇博客中全部陈述出来，最重要的还是勤于百度。

[CJTracer]

%%%

[ButterflyDew]

前排膜拜我们的红太阳

[yltx]

orz

[2323122]

%%%

[Snowflake-Pink]

TQL!!

[wzs666233]

Orz

[zyf722]

发布之前不需要Clean吧

[Flower233pks]

%%%%

[Luvwgyx]

真的很赞

[Bug-Writer]

进入自己的域名发现是github的404页面怎么解决啊QWQ

[ouuan]

@Bug-Writer 进入自己的域名发现是github的404页面怎么解决啊QWQ

https://bug-writer.github.io/ 访问正常，至于自定义域名，我在你的repo里连CNAME都没看到，你再检查一下设置吧。

[Bug-Writer]

@ouuan

@Bug-Writer 进入自己的域名发现是github的404页面怎么解决啊QWQ

https://bug-writer.github.io/ 访问正常，至于自定义域名，我在你的repo里连CNAME都没看到，你再检查一下设置吧。

谢谢巨佬Orz，我把CNAME放错地方了。

[WA-automaton]

谢谢Ouuan聚聚写得真的很用心鸭qwq

[ctz45562]

那个一言我一直想添加，感谢博主终于找到方法了orz

[ouuan]

@ctz45562 那个一言我一直想添加，感谢博主终于找到方法了orz

那个是我自己随便搞的，都不知道别人能否正常使用..而且这个方法在侧边栏太短、一言较长时，会将一言露出来..

[QAQAutoMaton]

大后排Orz ouuan

[jkloverdcoi]

插入代码的tab长度怎么调成4格啊qwq

[ouuan]

插入代码的tab长度怎么调成4格啊qwq

emm..如果只是要 4 个空格的话，typora 里 Shift + Tab 就可以非常方便地格式化（C++ 代码的）缩进。

[jkloverdcoi]

删除博客是不是只需要删除source里面的.md和文件夹就可以了啊...

[ouuan]

删除博客是不是只需要删除source里面的.md和文件夹就可以了啊...

嗯，而且删除博客后最好发布前 clean 一下。（虽然大多数时候不 clean 不会有问题）（我自己是无论什么时候发布前都会 clean）

[ctz45562]

问一下添加背景后，侧栏文章目录在未出现之前会有一块留白，dalao您是怎么去掉的？

[ouuan]

问一下添加背景后，侧栏文章目录在未出现之前会有一块留白，dalao您是怎么去掉的？

（我好像没遇到过这样的问题）

[ctz45562]

@ouuan

问一下添加背景后，侧栏文章目录在未出现之前会有一块留白，dalao您是怎么去掉的？

（我好像没遇到过这样的问题）

还是研究出解决方案啦。。。

[ArkhalisDragon]

大佬，那个博客自定义排序我好想用不了，一把那段代码加进去就显示错误，这是怎么回事？

[ArkhalisDragon]

还有怎么设置成中文啊，我这里一直都是德语。。。

[yltx]

@AltairEzioConor 了解一下？

[yltx]

@ouuan 能给一下您blog自定义排序的具体完整代码吗？可以直接覆盖的那种

[ouuan]

@AltairEzioConor 大佬，那个博客自定义排序我好想用不了，一把那段代码加进去就显示错误，这是怎么回事？

@yltx @ouuan 能给一下您blog自定义排序的具体完整代码吗？可以直接覆盖的那种

var pagination = require('hexo-pagination');

module.exports = function(locals) {
  var config = this.config;
  var posts = locals.posts.sort(config.index_generator.order_by);

  posts.data = posts.data.sort(function(a, b) {
      if(a.top && b.top) {
          if(a.top == b.top) return b.date - a.date;
          else return b.top - a.top;
      }
      else if(a.top && !b.top) {
          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
    }
  });
};

[ouuan]

@AltairEzioConor emmm，，为什么我的博客还是不支持评论功能？？？

你试过登录了吗？

“初始化创建”就是你在登录的情况下打开博客。

另外不要随便把 client_secret 公开..

[ArkhalisDragon]

多谢大佬

@ouuan

@AltairEzioConor emmm，，为什么我的博客还是不支持评论功能？？？

你试过登录了吗？

“初始化创建”就是你在登录的情况下打开博客。

另外不要随便把 client_secret 公开..

[wknclizu]

请问大佬为什么我添加了CNAME还是404 https://github.com/wknclizu/wknclizu.github.io

[ouuan]

@wknclizu 请问大佬为什么我添加了CNAME还是404 https://github.com/wknclizu/wknclizu.github.io

你可能把 CNAME 放错位置了，正常情况下 repo 的根目录可以看到 CNAME。

至于为什么会 404 我就不清楚了。

[wknclizu]

@wknclizu请问 大佬为什么我添加了CNAME还是404 https://github.com/wknclizu/wknclizu.github.io

你可能把CNAME放错位置了，正常情况下repo的根目录可以看到CNAME。

至于为什么会404我就不清楚了。 我一开始是搭好了的但是写了一篇测试博客，标签打错了然后就404了

[ouuan]

@wknclizu

@wknclizu请问 大佬为什么我添加了CNAME还是404 https://github.com/wknclizu/wknclizu.github.io

你可能把CNAME放错位置了，正常情况下repo的根目录可以看到CNAME。

至于为什么会404我就不清楚了。 我一开始是搭好了的但是写了一篇测试博客，标签打错了然后就404了

其实不使用自定义域名不需要 CNAME..

（毒瘤博客背景）

[wknclizu]

@wknclizu

@wknclizu请问 大佬为什么我添加了CNAME还是404 https://github.com/wknclizu/wknclizu.github.io

你可能把CNAME放错位置了，正常情况下repo的根目录可以看到CNAME。 至于为什么会404我就不清楚了。 我一开始是搭好了的但是写了一篇测试博客，标签打错了然后就404了

其实不使用自定义域名不需要 CNAME..

（~毒瘤博客背景~）

哈哈好了好了 原来是url的问题谢谢大佬

[yltx]

@ouuan 您想不想要一个convas背景QAQ

[ArkhalisDragon]

我更新了一下NEXT.GEMINI到了v7.2.0，好像没有themes\next\source\css_custom这个文件夹了，那要怎么更改背景？@ouuan

[ouuan]

@AltairEzioConor 我更新了一下NEXT.GEMINI到了v7.2.0，好像没有themes\next\source\css_custom这个文件夹了，那要怎么更改背景？@ouuan

您为什么要来问我这个云 NexT v7.2 玩家啊..从来没用过 6.6 以上..

只不过还是简单查了一下，貌似是取消了默认 custom 路径，可以在 NexT 的 _config.yml 里修改（#style: source/_data/styles.styl）。您可以试试取消注释，修改为需要的路径。能不能解决问题我也不清楚..

[yltx]

我更新了一下NEXT.GEMINI到了v7.2.0，好像没有themes\next\source\css_custom这个文件夹了，那要怎么更改背景？@ouuan

不用那么高的版本吧，建议跟我一样用个v7.0.0就可以

[ArkhalisDragon]

@yltx

我更新了一下NEXT.GEMINI到了v7.2.0，好像没有themes\next\source\css_custom这个文件夹了，那要怎么更改背景？@ouuan

不用那么高的版本吧，建议跟我一样用个v7.0.0就可以

个人习惯更新到最新版 ，但是怎么修改背景啊，原来的custom.styl好像不能用了，路径粘贴过去之后hexo s的话Git就报错

[yltx]

@AltairEzioConor

@yltx

我更新了一下NEXT.GEMINI到了v7.2.0，好像没有themes\next\source\css_custom这个文件夹了，那要怎么更改背景？@ouuan

不用那么高的版本吧，建议跟我一样用个v7.0.0就可以

~个人习惯更新到最新版~ ，但是怎么修改背景啊，原来的custom.styl好像不能用了，路径粘贴过去之后hexo s的话Git就报错

这个，反正我给您的解决方法是换个低一点的版本，要是您想用高版本的，建议到hexo-next的github库上发个Issue，那些开发者应该会给您解决办法的

[jrjacky]

两个小问题：

1. 为什么我的文件夹中没有custom文件？我在整个next主题的文件夹中都搜不到
2. 一言的那段代码具体要在文件的哪里添加？

[yltx]

两个小问题：

1. 为什么我的文件夹中没有custom文件？我在整个next主题的文件夹中都搜不到
2. 一言的那段代码具体要在文件的哪里添加？

您用的是v7.0.0以上的版本吧

[jrjacky]

@yltx

两个小问题：

1. 为什么我的文件夹中没有custom文件？我在整个next主题的文件夹中都搜不到
2. 一言的那段代码具体要在文件的哪里添加？

您用的是v7.0.0以上的版本吧

是的

[yltx]

@yltx

两个小问题：

1. 为什么我的文件夹中没有custom文件？我在整个next主题的文件夹中都搜不到
2. 一言的那段代码具体要在文件的哪里添加？

您用的是v7.0.0以上的版本吧

是的

在_config.yml或next.yml中，设置

custom_file_path:
  style: source/_data/styles.styl

然后，创建source/_data/styles.styl，把该加的代码加进去即可

[jrjacky]

@yltx

两个小问题：

1. 为什么我的文件夹中没有custom文件？我在整个next主题的文件夹中都搜不到
2. 一言的那段代码具体要在文件的哪里添加？

您用的是v7.0.0以上的版本吧

是的

在_config.yml或next.yml中，设置

custom_file_path:
  style: source/_data/styles.styl

然后，创建source/_data/styles.styl，把该加的代码加进去即可

谢谢大佬指教！

[yltx]

@yltx

两个小问题：

1. 为什么我的文件夹中没有custom文件？我在整个next主题的文件夹中都搜不到
2. 一言的那段代码具体要在文件的哪里添加？

您用的是v7.0.0以上的版本吧

是的

在_config.yml或next.yml中，设置

custom_file_path:
  style: source/_data/styles.styl

然后，创建source/_data/styles.styl，把该加的代码加进去即可

谢谢大佬指教！

QAQ我是萌新

[jrjacky]

@yltx

两个小问题：

1. 为什么我的文件夹中没有custom文件？我在整个next主题的文件夹中都搜不到
2. 一言的那段代码具体要在文件的哪里添加？

您用的是v7.0.0以上的版本吧

是的

在_config.yml或next.yml中，设置

custom_file_path:
  style: source/_data/styles.styl

然后，创建source/_data/styles.styl，把该加的代码加进去即可

谢谢大佬指教！

QAQ我是萌新

大佬能回答一下第二个问题吗，我的cmd一直提示我错误

[yltx]

@yltx

两个小问题：

1. 为什么我的文件夹中没有custom文件？我在整个next主题的文件夹中都搜不到
2. 一言的那段代码具体要在文件的哪里添加？

您用的是v7.0.0以上的版本吧

是的

在_config.yml或next.yml中，设置

custom_file_path:
  style: source/_data/styles.styl

然后，创建source/_data/styles.styl，把该加的代码加进去即可

谢谢大佬指教！

QAQ我是萌新

大佬能回答一下第二个问题吗，我的cmd一直提示我错误

QAQ这个等我添加了再告诉您吧QAQ

[code004Accepted]

@ouuan

dalao，您的Latex炸了qwq 还有，复制您的博客就弹出提示框，提示版权内容是怎么做的啊 %%%