fushaolei / hexo-theme-white

a hexo theme

文档正在书写中....

The document is being written....

Live Demo

👉Click here to visit Live Demo

How to use

1. clone the repo to your/theme/folder

   git clone https://github.com/FuShaoLei/hexo-theme-white
   

2. change the root _config.yml

   theme: hexo-theme-white
   

3. done

   hexo s
   

Stargazers over time

hexo-theme-white's Issues

toc宽度

看到作者又回来了！！！还在开发新版本！！！

有几个小建议，如果文章内标题太长，在toc显示的文字就会超出来影响观感。可以将多余部分替换成 ... 。同时让右侧距离屏边缘一段距离

另外主页下的副标题和图标好像不见了，请问新版本不保留了吗？希望有个选项可以选择启用与否

lazyload报错

$ hexo s -g
INFO  Validating config
INFO  Start processing
FATAL {
  err: TypeError: Cannot read property 'open' of undefined
      at Hexo.<anonymous> (D:\Documents\GitHub\Mooonkey\themes\white\scripts\lazyload.js:7:24)
      at Hexo.tryCatcher (D:\Documents\GitHub\Mooonkey\node_modules\bluebird\js\release\util.js:16:23)
      at Hexo.<anonymous> (D:\Documents\GitHub\Mooonkey\node_modules\bluebird\js\release\method.js:15:34)
      at D:\Documents\GitHub\Mooonkey\node_modules\hexo\lib\extend\filter.js:67:52
      at tryCatcher (D:\Documents\GitHub\Mooonkey\node_modules\bluebird\js\release\util.js:16:23)
      at Object.gotValue (D:\Documents\GitHub\Mooonkey\node_modules\bluebird\js\release\reduce.js:166:18)
      at Object.gotAccum (D:\Documents\GitHub\Mooonkey\node_modules\bluebird\js\release\reduce.js:155:25)
      at Object.tryCatcher (D:\Documents\GitHub\Mooonkey\node_modules\bluebird\js\release\util.js:16:23)
      at Promise._settlePromiseFromHandler (D:\Documents\GitHub\Mooonkey\node_modules\bluebird\js\release\promise.js:547:31)
      at Promise._settlePromise (D:\Documents\GitHub\Mooonkey\node_modules\bluebird\js\release\promise.js:604:18)
      at Promise._settlePromiseCtx (D:\Documents\GitHub\Mooonkey\node_modules\bluebird\js\release\promise.js:641:10)
      at _drainQueueStep (D:\Documents\GitHub\Mooonkey\node_modules\bluebird\js\release\async.js:97:12)
      at _drainQueue (D:\Documents\GitHub\Mooonkey\node_modules\bluebird\js\release\async.js:86:9)
      at Async._drainQueues (D:\Documents\GitHub\Mooonkey\node_modules\bluebird\js\release\async.js:102:5)
      at Immediate.Async.drainQueues [as _onImmediate] (D:\Documents\GitHub\Mooonkey\node_modules\bluebird\js\release\async.js:15:14)
      at processImmediate (internal/timers.js:458:21)
} Something's wrong. Maybe you can find the solution here: %s https://hexo.io/docs/troubleshooting.html

然后我把lazyload.js中的这一行注释掉后

if (theme.lazyload.open!==true) return;

能进入本地预览，但是又出现以下问题

$ hexo s -g
INFO  Validating config
INFO  Start processing
INFO  Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.
ERROR {
  err: OperationalError: D:/Documents/GitHub/Mooonkey/themes/white/source/css/_util/base.styl:2:3
     1| theme-config(config, predef)
     2|   unquote(hexo-config(config) ? hexo-config(config):predef)
  --------^

  TypeError: expected string, ident or literal, but got unit:800px

      at Object.exports.assertString (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\utils.js:234:13)
      at Evaluator.unquote (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\functions\unquote.js:21:9)
      at Evaluator.invokeBuiltin (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\evaluator.js:1054:30)
      at Evaluator.visitCall (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\evaluator.js:516:16)
      at Evaluator.Visitor.visit (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\index.js:28:40)
      at Evaluator.visit (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\evaluator.js:160:18)
      at Evaluator.visitExpression (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\evaluator.js:644:26)
      at Evaluator.Visitor.visit (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\index.js:28:40)
      at Evaluator.visit (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\evaluator.js:160:18)
      at Evaluator.eval (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\evaluator.js:1238:23)
      at Evaluator.invoke (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\evaluator.js:1083:16)
      at Evaluator.invokeFunction (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\evaluator.js:1012:15)
      at Evaluator.visitCall (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\evaluator.js:522:16)
      at Evaluator.Visitor.visit (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\index.js:28:40)
      at Evaluator.visit (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\evaluator.js:160:18)
      at Evaluator.visitExpression (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\evaluator.js:644:26)
      at Evaluator.Visitor.visit (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\index.js:28:40)
      at Evaluator.visit (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\evaluator.js:160:18)
      at Evaluator.visitExpression (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\evaluator.js:644:26)
      at Evaluator.Visitor.visit (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\index.js:28:40)
      at Evaluator.visit (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\evaluator.js:160:18)
      at Evaluator.visitCall (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\evaluator.js:506:19) {
    cause: Error: D:/Documents/GitHub/Mooonkey/themes/white/source/css/_util/base.styl:2:3
       1| theme-config(config, predef)
       2|   unquote(hexo-config(config) ? hexo-config(config):predef)
    --------^

    TypeError: expected string, ident or literal, but got unit:800px

        at Object.exports.assertString (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\utils.js:234:13)
        at Evaluator.unquote (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\functions\unquote.js:21:9)
        at Evaluator.invokeBuiltin (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\evaluator.js:1054:30)
        at Evaluator.visitCall (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\evaluator.js:516:16)
        at Evaluator.Visitor.visit (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\index.js:28:40)
        at Evaluator.visit (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\evaluator.js:160:18)
        at Evaluator.visitExpression (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\evaluator.js:644:26)
        at Evaluator.Visitor.visit (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\index.js:28:40)
        at Evaluator.visit (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\evaluator.js:160:18)
        at Evaluator.eval (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\evaluator.js:1238:23)
        at Evaluator.invoke (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\evaluator.js:1083:16)
        at Evaluator.invokeFunction (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\evaluator.js:1012:15)
        at Evaluator.visitCall (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\evaluator.js:522:16)
        at Evaluator.Visitor.visit (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\index.js:28:40)
        at Evaluator.visit (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\evaluator.js:160:18)
        at Evaluator.visitExpression (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\evaluator.js:644:26)
        at Evaluator.Visitor.visit (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\index.js:28:40)
        at Evaluator.visit (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\evaluator.js:160:18)
        at Evaluator.visitExpression (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\evaluator.js:644:26)
        at Evaluator.Visitor.visit (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\index.js:28:40)
        at Evaluator.visit (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\evaluator.js:160:18)
        at Evaluator.visitCall (D:\Documents\GitHub\Mooonkey\node_modules\stylus\lib\visitor\evaluator.js:506:19) {
      lineno: 2,
      column: 3,
      filename: 'D:/Documents/GitHub/Mooonkey/themes/white/source/css/_util/base.styl',
      stylusStack: '',
      input: 'theme-config(config, predef)\r\n' +
        '  unquote(hexo-config(config) ? hexo-config(config):predef)'
    },
    isOperational: true,
    lineno: 2,
    column: 3,
    filename: 'D:/Documents/GitHub/Mooonkey/themes/white/source/css/_util/base.styl',
    stylusStack: '',
    input: 'theme-config(config, predef)\r\n' +
      '  unquote(hexo-config(config) ? hexo-config(config):predef)'
  }
} Asset render failed: %s css/white.css
(node:18924) Warning: Accessing non-existent property 'lineno' of module exports inside circular dependency
(Use `node --trace-warnings ...` to show where the warning was created)
(node:18924) Warning: Accessing non-existent property 'column' of module exports inside circular dependency
(node:18924) Warning: Accessing non-existent property 'filename' of module exports inside circular dependency
(node:18924) Warning: Accessing non-existent property 'lineno' of module exports inside circular dependency
(node:18924) Warning: Accessing non-existent property 'column' of module exports inside circular dependency
(node:18924) Warning: Accessing non-existent property 'filename' of module exports inside circular dependency
Unhandled rejection TypeError: D:\Documents\GitHub\Mooonkey\themes\white\layout\archive.ejs:1
 >> 1| <% if(theme.archive.type === 'img') { %>
    2|     <%- partial('_partial/mode-img') %>
    3| <% } %>
    4| <% if(theme.archive.type === 'simple') { %>

Cannot read property 'type' of undefined
    at eval (D:\Documents\GitHub\Mooonkey\themes\white\layout\archive.ejs:10:25)
    at archive (D:\Documents\GitHub\Mooonkey\node_modules\ejs\lib\ejs.js:682:17)
    at _View._compiled (D:\Documents\GitHub\Mooonkey\node_modules\hexo\lib\theme\view.js:136:50)
    at _View.render (D:\Documents\GitHub\Mooonkey\node_modules\hexo\lib\theme\view.js:39:17)
    at D:\Documents\GitHub\Mooonkey\node_modules\hexo\lib\hexo\index.js:64:21
    at tryCatcher (D:\Documents\GitHub\Mooonkey\node_modules\bluebird\js\release\util.js:16:23)
    at D:\Documents\GitHub\Mooonkey\node_modules\bluebird\js\release\method.js:15:34
    at RouteStream._read (D:\Documents\GitHub\Mooonkey\node_modules\hexo\lib\hexo\router.js:30:5)
    at RouteStream.Readable.read (_stream_readable.js:475:10)
    at resume_ (_stream_readable.js:962:12)
    at processTicksAndRejections (internal/process/task_queues.js:80:21)

配置文件里此次更新的内容，我基本没有改动
麻烦大佬了

更新日志

2020/06/23

• menu项可自适应（缩小到一定程度会变成一个小抽屉）

2020/06/24

• 加入了主页展示页
• 另加一个“博文”page来专门放博客
• 博文页改成按年份来陈列博文
• 归档页改成了分类页，按类别来陈列博文

2020/06/25

• 加入了friend page项
• 字体全部改成了'Century Gothic'字体
• 美化了blockquote
• 美化了code

2020/06/26

• 在首页加入了联系方式图标
• 加入并美化了滚动条
• 暂时美化了标签页（治标不治本）
• 博文可以自定义作者了（在Front-matter里加入author就可以啦，如果不写的话，默认作者为主题默认作者）

2020/06/28

• 删减掉主页不必要的东西，现在更加精简了
• 暂时删除了底栏

2020/06/29

• 又加入了底栏，不过样式变得简约了（算是吧）

2020/07/01

• 把博客哪一个ejs删了，然后把所有内容都放在了归档页（archives），包含着分类的文章和未分类的文章，未分类的文章会归入一个块里，这下变得更加精简了

2020/07/06

• 可配置主页的按钮了(￣▽￣)"
• 主页的大字会根据屏幕大小变换啦（还在考虑中）

2020/07/13

感谢 @isunjn 的建议

• 主页的按钮稍微调大了些，弄明显了一些
• 可以配置签名了（会显示到主页上）
• 可自定义文章的索引的深度

2020/07/14

今天尝试了一下实现搜索功能，发现这真特么的难啊，待我补补知识回来做吧🤣

• 小改了一下顶栏

2020/07/17

• 美化了toc，blockquote（算是吧）
• 小改了超链接的样式

2020/07/18

打算重写整个主题，现在这个主题还是太过冗余了，有一些没必要的css，导致hexo g的时候有些缓慢（话说hexo的生成速度就是慢啊QAQ）

2020/07/19

开始重写

2020/07/20

• 重写完成
• 完成了大多数标签

2020/07/21

• 加入了文章索引
• 加入了文章页脚的分类目录索引
• 文章可自定义封面（还在考虑中。。。。）
• 加入了valine和gitalk评论系统

2020/07/22

• 优化了gitalk的样式
• 强制推送到了master分支
• 把字体的宽度都调小了（还在考虑中。。。）
• 扩大了下menu中li的间距和hover效果
• 优化了strong标签
• 添加了页脚
• 优化了标签页的文字内容
• 加入了个新的layout：gitalk-saysay。

2020/07/23

• 小改文章索引栏
• 加入了缓存机制（也不知道有没有用QAQ）

2020/07/24

• 用styl格式重写了整个css文件（其实就是用了工具转换了一下😄）
• 可自定义颜色和宽度了，其他的颜色以后再考虑
• 加入了平滑升级的功能
• 加入了文章搜索功能

2020/07/26

• 移动端适配基本完成

2020/07/30

• 添加了分类
• 修改strong标签的样式

2020/08/01

• 小改归档页
• 修改了sort的bug并加入可自定义名字
• 大多数资源换成了jsdelivr链接

2020/08/02

• 可自定义归档页标签名

2020/08/03

• 可选择是否开启动画和首页

2020/08/04

感谢@fyljp 的PR

• 增加了来必力评论

2020/08/05

• 更改了评论系统的选择方式

把图片模式可以设计成一个新的页面

把图片模式可以设计成一个新的页面 ，用来放随笔

文章页面取消图片展示bug

最新的post cover图会长出边界

最新的post cover图会长出边界

请问如何在网页中加入tags？

我使用hexo new page tags生成了tags目录，其中index.md的内容为：

---
title: tags
type: "tags"
date: 2023-06-28 14:20:31
---

主题配置中也加入了/tags，文章内容也加了相应的tag，但是网页上tags页面是空的，请问如何解决？

如何自定义文章封面？

如题

/archives 归档页面标题能修改嘛

不想叫 blog ，可以自定义嘛

非常漂亮，瞬间击中我的审美，有个小建议，关于手机版。

目前，用手机访问fushaolei.github.io，发现网页还未适配手机版，手机看不全网页，建议适配手机。
另外正文字体行间距可以稍微再宽一点，看起来会更舒服一些。

如何复现

第一步

....

第二部

....

....

建议增加一言，全局搜索，背景图。

建议增加一言，全局搜索，背景图。

示例

如果你使用了本主题，而又想在示例中展示的话，请在下方留言，我将手动的将你添加到readme的示例中 （￣︶￣）↗　
格式就

[名字](链接)

这样的形式就行，我将根据我的心情好坏决定是否把你加入示例 🤣

TODO

• 移动端适配
• 可选择文章索引的位置在上方或者右侧
• 全局搜索
• 图片懒加载
• 打开速度优化
• 可自定义配色
• 使gitalk可使用表情包（至少得有阿鲁表情包）
• 写个文档
• 平滑升级
• menu自动分类
• 丰富主页的内容
• 为内容选择其他字体
• 修复sort的显示效果
• 用rem作为单位重写样式
• 增加图片模式
• 以加载更多 来代替 上一页和下一页

【公告】停更一年

反正也没多少人用，反正现在的功能已经很健全了，但是我感觉样式还不是很完美，甚至有一些冗余的地方，回归之时我将弄弄一下的地方

• 美化优化代码样式
• 优化主题颜色（actually，我想要整体的颜色之保持在三个以下，多了感觉好杂）
• 增加文章wiki功能（这个功能其实已经有思路了，逻辑都写好了，但是为什么不更新呢，因为懒啊o(////▽////)q）
• 文章置顶功能

长文版式建议（段间距、尾注与字体）

你好，最近想要从 typecho 迁移，所以试用了下 hexo。翻完了所有 hexo 官网上推荐的主题，又翻完了 v2ex 上的月经贴，还是觉得您这个主题特别戳我的审美！非常非常谢谢能创造这么棒的主题！看您近期的博文，好像弃坑的样子了……沮丧了半天，想说要不自己试试（结果高估了自己的能力，缠着 GPT 问了一整天也没有解决，爆哭 orz）。

偶然看到看到 dev 上的更新时间是在昨天！欣喜若狂！于是想来提点建议，望能采纳！拜托您了！

1. 段间距：希望能加大一丢丢。

看得出来我是个话痨，通常一篇文章会写 3~5k 字，目前这个样式的长文阅读体验太糟糕了。段间距和行间距无法区分，字号过小了呜呜呜。

对比我之前在 typecho 的主题样式，可以看出观感上 white 显得有点……挤 QAQ。

2. 尾注

不太确定是不是我哪里样式没有设置好，我习惯使用 markdown 写稿子，而且非常常用尾注，目前似乎没办法很好的显示出尾注。

之前也看到有人做了把尾注悬浮在页面左侧的样式，但感觉实现起来会比较复杂，如果您有兴趣或许可以试试。不过话说回来，您没弃坑我就感天动地了，默默许愿可以解决尾注显示的问题。

3. 字体

可能因为我还是写长文比较多，中文感觉宋体的阅读体验会好很多。非常希望能加上中文的思源宋体样式，能够调节（或者直接放大）字号就更好了！拜托了！

4. 其他

a. 浏览器页面信息

本麻瓜不太确定这个地方的专有名词是什么，这里也感觉怪怪的，但我没有找到怎么修改呜呜呜。大概就是希望能够像原来（蓝框）那样，可以显示文章中文标题，而不是分类名称。

b. 文章信息

单篇文章顶部的位置，能不能多加点选项呀？比如作者和更新时间！这俩对我还挺重要的！博客的名字可能和作者名不一致，也可能存在更新情况，所以希望能够标注一下。另外这个日期样式其实我也不太习惯……如果能修改的话就太好了。

c. 引用样式

不知道为啥，用 markdown 这么久，各种引用样式都做得……不太好看。我的引用一般都是我读书的时候的摘抄，希望能够有明显的样式区分，现在这种默认的和正文混在一起了怪难受的……

d. 主页头像

有看到您在设置页面留了头像的设置选项，但是！为什么！主页没有显示头像的地方呢呜呜呜，十分难过。希望能够塞进个头像，🙇‍♀️。

---

不好意思，不想换别的主题于是一口气把不太顺手的地方都写出来了，有点多……总之，还是非常谢谢您的辛勤劳动！望能采纳建议希望早日见到新版 White 主题（对了，我还不太会用 github，这个 tag 好像不太对，但我不知道怎么修改，抱歉抱歉）。

README.md里面的git命令clone拼写错了，

在汇报bug前 请确保

• 使用的主题是最新的
• 仔细的读过主题文档
• 使用搜索引擎搜索相关内容但还未解决

你的配置

在你的根目录输入hexo version并把出现的内容复制到下面代码块中

如何复现

第一步

....

第二部

....

....

为啥手机版的菜单字体不一样？