Butterfly 安裝文档(六) 进阶教程
文档
🚀 快速开始
📑 主题页面
🛠 主题配置-1
⚔️ 主题配置-2
❓ 主题问答
⚡️ 进阶教程
建議
不要把個人需要的文件/圖片放在主題source文件夾裏,因為在升級主題的過程中,可能會把文件覆蓋刪除了。在Hexo根目錄的source文件夾裏,創建一個文件夾來放置個人文件/圖片。引用文件直接為/文件夾名稱/文件名
音樂音樂界面使用了插件 hexo-tag-aplayer使用方法請參考插件文檔
音樂頁面只是普通的page頁,按普通頁面操作生成就行。
以下內容可供選擇配置
注意: 仍需要安裝插件hexo-tag-aplayer
插件會在每一個文件都插入 js 和 css,為了避免這一情況,3.0 版本內置了 aplayer 需要的 css 和 js。
首先在Hexo根目錄_config裏配置asset_inject為false
12aplayer: asset_inject: false
然後在你需要使用aplayer的頁面Front-matter添加
1aplayer: true
這樣只會在需要aplayer的頁面插入js和css。
如 ...
Butterfly添加全局吸底Aplayer教程
文档
🚀 快速开始
📑 主题页面
🛠 主题配置-1
⚔️ 主题配置-2
❓ 主题问答
⚡️ 进阶教程
以下文章只是教程
如果部署之后,并没有出现 aplayer , 请确认是否跟足步骤操作或者更换音乐源,多试试。
如果遇到使用問題,请仔细查看插件文档,或者到插件那裏反饋。
前言如果你想使用 aplayer,很多人都會推薦安裝 hexo-tag-aplayer 這款插件。這款插件通過 Hexo 獨有的標籤外掛,我們可以很方便的寫入一些參數,插件就會幫我們生成對應的 html。如果你只是使用一些簡單的功能,其實無需使用到這個插件,只需以 html 格式書寫就行,不用插件去轉換。
例如:
如果使用插件,在 markdown 中要這樣寫
1<table><tbody><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td cla ...
八个免费看片网站-还不快收藏
👑 8个免费看片网站
资源超多!画质还感人!
白嫖的它不香吗?
1、Novipnoad🔗 https://novipnoad.net
2、LIBVIO🔗 https://libvio.la
3、茶杯狐🔗 https://cupfox.app
4、低端影视🔗 https://ddys.pro
5、COKEMV🔗 https://cokemv.me
6、VOFLIX HD🔗 https://voflix.me
7、哔嘀影视🔗 https://bdys10.com
8、在线之家🔗 https://zxzjhd.com
Butterfly 安裝文档(五) 主题问答
文档
🚀 快速开始
📑 主题页面
🛠 主题配置-1
⚔️ 主题配置-2
❓ 主题问答
⚡️ 进阶教程
以下是一些網友在安裝的過程中出現的問題。在提問題之前,先看有沒有解決方法。
運行後網頁顯示代碼頁面只顯示 extends includes/layout.pug block content #recent-posts.recent-posts include includes/recent-posts.pug include includes/pagination.pug #aside_content.aside_content include includes/aside.pug
請下載安裝:npm install hexo-renderer-pug hexo-renderer-stylus --save or yarn add hexo-renderer-pug hexo-renderer-stylus
配置友情鏈接報錯配置友情鏈接頁面時出現報錯
12345678910111213141516171819202122232425262728ERROR D:\Desk ...
Butterfly 安裝文档(四) 主题配置-2
文档
🚀 快速开始
📑 主题页面
🛠 主题配置-1
⚔️ 主题配置-2
❓ 主题问答
⚡️ 进阶教程
Math 數學不要在標題裏使用 mathjax 語法,toc 目錄不一定能正確顯示 mathjax,可能顯示 mathjax 代碼
建議使用 KaTex 獲得更好的效果,下文有介紹!
修改 主題配置文件:
12345mathjax: enable: true # true 表示每一頁都加載mathjax.js # false 需要時加載,須在使用的Markdown Front-matter 加上 mathjax: true per_page: false
如果 per_page 設為 true,則每一頁都會加載 Mathjax 服務。設為 false,則需要在文章 Front-matter 添加 mathjax: true,對應的文章才會加載 Mathjax 服務。
然後你需要修改一下默認的 markdown 渲染引擎來實現 MathJax 的效果。
查看: hexo-renderer-kramed
以下操作在你 hexo 博客的目錄下 (不是 Butte ...
Butterfly 安裝文档(三) 主题配置-1
文档
🚀 快速开始
📑 主题页面
🛠 主题配置-1
⚔️ 主题配置-2
❓ 主题问答
⚡️ 进阶教程
語言修改站点配置文件 _config.yml
默認語言是 en
主題支持三種語言
default(en)
zh-CN (簡體中文)
zh-TW (繁體中文)
網站資料修改網站各種資料,例如標題、副標題和郵箱等個人資料,請修改博客根目錄的_config.yml
導航欄設置 (Navigation bar settings)參數設置主題配置文件中
1234nav: logo: #image display_title: true fixed: false # fixed navigation bar
參數
解釋
logo
網站的 logo,支持圖片,直接填入圖片鏈接
display_title
是否顯示網站標題,填寫 true 或者 false
fixed
是否固定狀態欄,填寫 true 或者 false
菜單/目錄修改 主題配置文件
123456789Home: / || fas fa-homeArchives: /archiv ...
Butterfly 安裝文档(二) 主题页面
文档
🚀 快速开始
📑 主题页面
🛠 主题配置-1
⚔️ 主题配置-2
❓ 主题问答
⚡️ 进阶教程
Front-matterFront-matter 是 markdown 文件最上方以 --- 分隔的區域,用於指定個別檔案的變數。
Page Front-matter 用於頁面配置
Post Front-matter 用於文章頁配置
如果標注可選的參數,可根據自己需要添加,不用全部都寫在 markdown 裏
Page Front-matter12345678910111213141516---title:date:updated:type:comments:description:keywords:top_img:mathjax:katex:aside:aplayer:highlight_shrink:random:---
寫法
解釋
title
【必需】頁面標題
date
【必需】頁面創建日期
type
【必需】標籤、分類和友情鏈接三個頁面需要配置
updated
【可選】頁面更新日期
description
【可選】頁面描述
ke ...
Butterfly 安裝文档(一) 快速开始
文档
🚀 快速开始
📑 主题页面
🛠 主题配置-1
⚔️ 主题配置-2
❓ 主题问答
⚡️ 进阶教程
hexo-theme-butterfly 是基於 hexo-theme-melody 的基础上进行开发的。
安裝一、GIT安装(github)穩定版【建議】
在你的 Hexo 根目錄裏
1git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
測試版
測試版可能存在Bugs,追求穩定的請安裝穩定版
如果想要安裝比較新的dev分支,可以
1git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
升級方法:在主題目錄下,運行 git pull
二、GIT安装(Gitee)穩定版【建議】
在你的 Hexo 根目錄裏
1git clone -b master https://github.com/jerryc127/hexo-them ...
Hexo 好看的主题推荐
Indigo预览地址GitHub 项目地址安装教程效果图:
Butterfly预览地址GitHub 项目地址安装教程效果图:
Pure预览地址GitHub 项目地址安装教程效果图:
Melody预览地址GitHub 项目地址安装教程效果图:
Nexmoe预览地址GitHub 项目地址安装教程效果图:
Clover预览地址GitHub 项目地址安装教程效果图:
Diaspora预览地址GitHub 项目地址安装教程效果图:
Hacker预览地址GitHub 项目地址安装教程效果图:
Hiker预览地址GitHub 项目地址安装教程效果图:
black-blue预览地址GitHub 项目地址安装教程效果图:
Cube预览地址GitHub 项目地址安装教程效果图:
Varaint预览地址GitHub 项目地址安装教程效果图:
Markdown 语法全面详解
效果:
Markdown 语法全面详解目录
简介: md 格式是近几年流行起的一个纯文本格式,对于一个程序员来说,用 md 格式代替 word、txt 等格式用来写说明文档或者 blog,目前 github 以及 CSDN 都支持 md 格式书写 blog 了,用着用着就开始喜欢上了。
本篇文章主要就是记录一下 md 格式的语法,md 语法在几乎所有支持 md 格式的软件都是通用的,而快捷键是在 MarkdownPad2 软件环境下。
[TOC]
1、Markdown 常用快捷键功能快捷键标题 ctrl+1 用#号表示,#一级标题,##表示二级标题,依次类推,快捷键 ctrl+1、2、3、4…加粗左右用包裹起来,快捷键 Ctrl + B 斜体左右用包裹起来,快捷键 Ctrl + I 引用在文字开头添加 > 表示引用说明,快捷键 Ctrl + Q 插入链接快捷键 Ctrl + L 插入代码可以通过 tab 或者 4 个空格缩进表示,也可以通过“`将代码包裹起来表示代码块,快捷键 Ctrl + K 插入图片快捷键 Ctrl + G 提升标题 Ctrl + H 有序列表通过-加一个空格 ...