2022-09-17技术 / 指南5 分钟读完 (大约 819 个字)

技术/指南/Hexo icarus 博客维护

hexo

基本指令

/*npm指令*/
npm install/uninstall xxx
//执行package.json中定义的脚本
npm run server

/*hexo指令*/
hexo cl && hexo g && hexo s	//清理，生成，本地服务器
hexo d //部署
hexagon -l //查看插件

Front-matter

参数	描述	默认值
`layout`	布局
`title`	标题	文章的文件名
`date`	建立日期	文件建立日期
`updated`	更新日期	文件更新日期
`comments`	开启文章的评论功能	true
`tags`	标签（不适用于分页）
`categories`	分类（不适用于分页）
`permalink`	覆盖文章网址
`keywords`	仅用于 meta 标签和 Open Graph 的关键词（不推荐使用）
`excerpt`	摘要
`widget`	icarus 主题空间

标签插件 Embed

增强了 markdown 的功能的一系列插件
info: embed 语法不要包裹在反引号中，且冒号后面不要空格！！

官方文档

官方插件文档

其他插件

探宝方法：hexo.io 搜索 embed
自己做：<embed>

hexo-github-card

hexo-pdf

hexo-tag-bilibili

hexo-tag-douban

hexo-tag-bootstrap 插件

Components

textcolor - Convey meaning through color with a handful of emphasis utility classes.
button - Inserts a button with target links, text and specified color. ** text
label - Inserts a label with text and specified color.
pill - Inserts a label with text and specified color. ** text
badge - Inserts a badge with text.
alert - Inserts alert messages with text and specified color.
card - Add a card control ** carddeck - use with cards to combine multiples ** cardgroup - similar to carddeck
jumbo - jumbotron
carousel - carousel tag - each img within will create a new “slide”
row - add a grid row
col - add a column within a grid row

使用示例

！🐱‍🏍传送门🐱‍🏍

举亿个栗子

渲染效果因css而异

badge

text

alert 块级属性：waring danger success info

Best check yo self, you’re not looking too good.

Change a few things up and try submitting again.

You successfully read this important alert message.

This alert needs your attention, but it’s not super important.

textcolor （暂无css渲染）

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

Nullam id dolor id nibh ultricies vehicula ut id elit.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Maecenas sed diam eget risus varius blandit sit amet non magna.

Etiam porta sem malesuada magna mollis euismod.

Donec ullamcorper nulla non metus auctor fringilla.

行内label 支持属性 default warning success danger primary info

default warinng success danger primary info

行内btn 支持属性 primary success warning danger info

btn btn btn btn btn btn

插入HTML来增强阅读体验

Bulma 是一个CSS框架。查看Bulma文档。

CSS 框架不包含js，涉及点击事件需要自行处理！

Note

不用js的情况下适合的组件有：button，dropdown，message

## 博客备份迁移

#Hexo