在 Hexo 中添加豆瓣个人主页
hexo-douban:可以在 Hexo 页面中嵌入豆瓣页面的插件hexo-douban
安装npm install hexo-douban --save-dev
配置在博客站点的配置文件 _config.yml 中添加以下内容(注意:不是主题的配置文件)
# hexo-doubandouban: user: xxxx # 你的豆瓣ID builtin: true book: title: '那些年,我翻阅过的书' quote: '思想和身体,总有一个在路上' movie: title: '那些年,我追过的电影' quote: '过去、现在、和未来' game: title: '那些年,我玩过的游戏' quote: '还记得你曾经的游戏角色吗' timeout: 10000
user: 你的豆瓣ID.打开豆瓣,登入账户,然后在右上角点击 “个人主页” ,这时候地址栏的URL大概是这样:”https://www.do ...
Butterfly主题安装文档(三)之主题配置2
图片设置站点图标站点图标又称站点icon(favicon.ico)修改主题配置文件_config.butterfly.yml:
favicon: /img/favicon.png # 将图片放入 themes -> Butterfly -> source -> img 里
头像头像即是首页个人卡片处展示的自己的头像修改主题配置文件_config.butterfly.yml:
avatar: img: /image/ava.png effect: false # 头像会一直转圈
主页封面图片在访问系统首页时,出现的封面图片修改主题配置文件_config.butterfly.yml:
index_img: https://gitee.com/dulily/cdn/raw/master/img/214707-1543326427a764.jpg
文章详情页的顶部图片当没有在front-matter设置top_img和cover的情况下会显示该图修改主题配置文件_config.butterfly.yml:
default_top_img: http://pic1 ...
Butterfly主题安装文档(二)之主题配置
语言修改项目配置文件 _config.yml默认语言是 en
language: zh-CN
主题支持三种语言:
default(en)
zh-CN (简体中文)
zh-TW (繁体中文)
网站资料修改网站各种资料,例如标题、副标题和邮箱等个人资料,请修改项目根目录的_config.yml
导航菜单修改 主题配置文件_config.butterfly.yml:
menu: 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
必须是 /xxx/,后 ...
Butterfly主题安装文档(一)之快速开始
介绍有的人认为 hexo 自带的主题landscape非常难看,那么我们有没有好看的主题可选呢?
查看回答?
当然是有的,有不少的人给我们提供了十分多的主题,查看主题库:https://hexo.io/themes/
hexo-theme-butterfly 是基于 Molunerfinn 的 hexo-theme-melody 的基础上进行开发的。接下来推荐几款觉得好看的主题库?
Butterfly:这款主题非常好看,好用,功能十分齐全,当然本站也是用的该主题
安装Git安装npm安装在您的项目根目录下:
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly此方法只支持 Hexo 5.0.0 以上版本
在您的项目根目录下:
npm i hexo-theme-butterfly
应用主题修改站点配置文件_config.yml,把主题改为 butterfly
theme: butterfly
安装插件如果沒有 pug 以及 stylus 的渲染 ...
Hexo 快速开始
Hexo 是一个快速、简洁且高效的博客框架,使用 Markdown 或其他渲染引擎解析文章,在几秒内,即可利用靓丽的主题生成静态网页Hexo 官网
安装前提安装 Hexo 之前需要安装以下程序
Node.js (版本不低于 12.0及以上)
Git
安装 Hexo全局安装
npm install -g hexo-cli
建站安装 Hexo 完成后,执行下列命令,Hexo 会在指定文件夹中新建所需要的文件
hexo init <floder>cd <floder>npm install
新建 文件完成后,指定的文件夹的目录有
.├── _config.yml├── package.json├── scaffolds├── source| ├── _drafts| └── _posts└── themes
启动项目hexo cleanhexo ghexo s