Hexo添加站内搜索
本地搜索hexo实现站内搜索,实则上是使用了hexo-generator-search插件
安装根据它的文档去做相应配置。注意格式只支持 xml。
1npm install hexo-generator-search --save
配置修改主题配置文件_config.butterfly.yml:
12345local_search: enable: true labels: input_placeholder: Search for Posts hits_empty: "We didn't find any results for the search: ${query}" # if there are no result
Algolia你需要安装 hexo-algolia 或 hexo-algoliasearch. 根据它们的説明文档去做相应的配置。
安装1npm install hexo-algolia --save
配置修改主题配置文件_config.butterfly.yml:
12345678algoli ...
Hexo常用插件推荐及使用方法
主要分享自己在使用Hexo搭建博客时用到的一些插件。
hexo-abbrlink官网:https://github.com/rozbo/hexo-abbrlinkhexo博文生成唯一的id,永久链接
hexo-douban官网:https://github.com/mythsman/hexo-doubanhexo插入豆瓣个人主页
hexo-bilibili-bangumi官网:https://github.com/HCLonely/hexo-bilibili-bangumihexo嵌套哔哩哔哩番剧
Artitalk官网:https://artitalk.js.org/发布说说
hexo-hide-posts官网:https://github.com/printempw/hexo-hide-posts/blob/master/README_ZH.mdhexo博客中隐藏指定的文章,并使它们仅可通过链接访问。
hexo-generator-searchdb官网:https://github.com/theme-next/hexo-generat ...
hexo-douban在Hexo中嵌入豆瓣个人主页
hexo-douban: 一个在 Hexo 页面中嵌入豆瓣个人主页的小插件。
@hexo-doubangithub.com/mythsman/hexo-douban
安装1npm install hexo-douban --save-dev
配置将下面的配置写入站点的配置文件 _config.yml 里(不是主题的配置文件).
12345678910111213douban: user: XXXXXXXX builtin: true book: title: '那些年,我读过的书' # 该页面的标题 quote: '思想和身体,总有一个在路上' # 写在页面开头的一段话,支持html语法. movie: title: '那些年,我看过的电影' quote: '那人、那狗、那篱笆' game: title: '那些年,我玩过的游戏' quote: '还记得两块五的网吧吗' timeout: 10000 # 爬取数据 ...
Hexo博客添加看板娘
不知道你们有没有这种体验,就是在逛别人的博客的时候,会在页面左下角或者右下角等界面看到一个会跟随鼠标移动而摇摆的图片动画,看起来还蛮不错,今天就为我的博客添加这样的动画效果 —- 看板娘。
普通看板娘hexo的官方是支持看板娘的,已经封装好了插件,但只是模型,不能说话、不能换装、功能较少。更多详情请查看hexo-helper-live2d官网
安装插件1npm install --save hexo-helper-live2d
下载模型作者各种模型展示地址:live2d插件,可选择自己喜欢的模型,然后进行下载安装模型仓库
live2d-widget-model-chitose
live2d-widget-model-epsilon2_1
live2d-widget-model-gf
live2d-widget-model-haru/01 (use npm install –save live2d-widget-model-haru)
live2d-widget-model-haru/02 (use npm install –save ...
Butterfly主题安装文档(三)之主题配置2
图片设置站点图标站点图标又称站点icon(favicon.ico)修改主题配置文件_config.butterfly.yml:
1favicon: /img/favicon.png # 将图片放入 themes -> Butterfly -> source -> img 里
头像头像即是首页个人卡片处展示的自己的头像修改主题配置文件_config.butterfly.yml:
123avatar: img: http://www.chenliang0829.cn:8081/upload/202003221513517685885258838558.jpg effect: false # 头像会一直转圈
主页封面图片在访问系统首页时,出现的封面图片修改主题配置文件_config.butterfly.yml:
1index_img: http://pic1.win4000.com/wallpaper/2020-08-21/5f3f3d10b054e.jpg
文章详情页的顶部图片当没有在front-matter设置top_img和cover的情况下会显示该图修改主 ...
Butterfly主题安装文档(二)之主题配置
语言修改项目配置文件 _config.yml默认语言是 en
1language: zh-CN
主题支持三种语言:
default(en)
zh-CN (简体中文)
zh-TW (繁体中文)
网站资料修改网站各种资料,例如标题、副标题和邮箱等个人资料,请修改项目根目录的_config.yml
导航菜单修改 主题配置文件_config.butterfly.yml:
12345678910menu: Home: / || fas fa-home Archives: /archives/ || fas fa-archive Tags: /tags/ || fas fa-tags Categories: /categories/ || fas fa-folder-open List||fas fa-list: - Music || /music/ || fas fa-music - Movie || /movies/ || fas fa-video Link: /link/ || fas fa-link About: /about/ || fas fa-heart ...
Butterfly主题安装文档(一)之快速开始
介绍有的人认为 hexo 自带的主题landscape非常难看,那么我们有没有好看的主题可选呢?
查看回答?
当然是有的,有不少的人给我们提供了十分多的主题,查看主题库:https://hexo.io/themes/
hexo-theme-butterfly 是基于 Molunerfinn 的 hexo-theme-melody 的基础上进行开发的。接下来推荐几款觉得好看的主题库?
Butterfly:这款主题非常好看,好用,功能十分齐全,当然本站也是用的该主题
安装Git安装npm安装在您的项目根目录下:
1git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly此方法只支持 Hexo 5.0.0 以上版本
在您的项目根目录下:
1npm i hexo-theme-butterfly
应用主题修改站点配置文件_config.yml,把主题改为 butterfly
1theme: butterfly
安装插件如果沒有 pug 以及 stylus 的 ...
Hexo搭建个人博客之环境搭建
HexoHexo官网
安装全局安装
1npm install -g hexo
局部安装
1npm install hexo
初始化项目1hexo init blog(项目名称)
然后进入到 blog 文件件
1cd blog
安装依赖
1npm install
运行项目1hexo server # 简写:hexo s
在浏览器地址栏输入:localhost:4000就会出现如下界面:
命令详解init新建一个网站。如果没有设置 folder ,Hexo 默认在目前的文件夹建立网站。
1hexo init [folder]
new1hexo new [layout] <title>
layout: <模板>在scaffolds中,默认情况下有三个模板post、draft、page
参数
功能
路径
post
新建文章
/source/_posts/
draft
新建草稿
/source/_drafts/
page
新建页面(标签页,分类页等)
/source/
新建article文章:
1hexo new post article
此时在/ ...