51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

Hexo实现随便逛逛

引言 {#引言}

如果想实现随便逛逛的功能,就需要用到hexo-generator-random这个插件。

插件源码访问地址:https://github.com/Drew233/hexo-generator-random/

插件说明 {#插件说明}

hexo-generator-random是一款hexo插件,作用是生成一个random.html,随即跳转到博客下所有文章中的一篇。

在public文件夹中生成一个random.html,访问yoursite/random即可随即跳转一篇文章。

操作步骤 {#操作步骤}

安装依赖 {#安装依赖}

本插件用到的依赖如下:

  • minimatch
  • path
  • fs
  • object-assign 上面四个依赖,前三个一般hexo init之后都会有,但是第四个一般都没有

|-----------|-----------------------------------| | 1 | npm install object-assign |

本地安装 {#本地安装}

hexo-generator-random仓库的内容git clonedownload到本地,然后把保存到本地的文件夹放在../blog/node_modules文件夹中

然后,在博客根目录下的package.json里面的dependencies中加入这一行

|-----------|-------------------------------------------| | 1 | "hexo-generator-random": "^1.0.0" |

注意:如果你是加到最后一行的,在这个上面的一行要加上逗号

这是完成后的效果

|---------------------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| | 1 2 3 4 5 6 7 8 9 10 11 12 13 | "dependencies": { "hexo": "^4.0.0", "hexo-generator-archive": "^1.0.0", "hexo-generator-category": "^1.0.0", "hexo-generator-index": "^1.0.0", "hexo-generator-tag": "^1.0.0", "hexo-generator-random": "^1.0.0", "hexo-renderer-ejs": "^1.0.0", "hexo-renderer-marked": "^2.0.0", "hexo-renderer-stylus": "^1.1.0", "hexo-server": "^1.0.0", "object-assign": "^4.1.1" } |

npm安装 {#npm安装}

首先安装依赖

|-----------|-----------------------------------| | 1 | npm install object-assign |

然后直接安装本插件即可

|-----------|--------------------------------------------------| | 1 | npm install hexo-generator-random --save |

注意事项 {#注意事项}

在博客根目录下的_config.yml里面的url需要改成/或者你的域名'

已知Bug:
不同的主题可能会有其他页面混进随机文章

使用 {#使用}

上面的配置如果都是正确的话,当你hexo g之后,在public文件夹下会生成一个random.html。 直接访问yoursite/random.html就可以感受这个随机文章了。 你甚至可以直接在菜单栏里面加上一个菜单,path写上/random.html/即可。


赞(1)
未经允许不得转载:工具盒子 » Hexo实现随便逛逛