插件-clicktip
为你的 Hexo 博客添加交互式点击提示:clicktip 插件详解在博客写作中,我们经常需要对某些词语或概念进行补充说明。传统的做法要么是使用括号注释打断阅读 flow,要么是使用脚注需要读者跳转查看。今天我要介绍一款自己开发的 Hexo 插件 ——clicktip,它能让你的读者通过点击词语就能查看详细说明,既保持了文章的简洁性,又提供了丰富的补充信息。 什么是 clicktip 插件?clicktip 是一款专为 Hexo 博客设计的标签插件,它允许你在文章中为任意词语添加点击提示功能。当读者点击带有提示的词语时,会显示预设的解释内容,再次点击或点击其他地方则会关闭提示。这种交互方式既直观又不影响正常阅读,非常适合添加注释、解释专业术语或提供额外背景信息。 插件特点-简洁易用:通过简单的标签语法即可为词语添加提示功能-样式丰富:支持多种触发元素样式(下划线、虚线等)-交互友好:提供高亮、颜色变化等悬停效果-智能定位:提示框会根据页面空间自动选择最佳显示位置-响应式设计:在不同屏幕尺寸下都能良好展示-无冲突保证:通过唯一 ID 机制确保页面中多个提示框正常工作 安装方法安装 ...
单词
第一列 第二列 第三列 第四列 第五列 plenty imitate bare truth productivity nonsense specifically marked 1 plenty adj.足够的;n.充裕;富裕
markdown基本语法
本文参考Markdown官方教程 Markdown 基本语法Markdown是一种轻量级标记语言,排版语法简洁,让人们更多地关注内容本身而非排版。它使用易读易写的纯文本格式编写文档,可与HTML混编,可导出 HTML、PDF 以及本身的 .md 格式的文件。因简洁、高效、易读、易写,Markdown被大量使用,如Github、Wikipedia、简书等。 Markdown 标题语法要创建标题,请在标题前面添加井号 (#) 。# 的数量代表了标题的级别。不同的 Markdown 应用程序处理 # 和标题之间的空格方式并不一致。为了兼容考虑,请用一个空格在 # 和标题之间进行分隔。 123456# 一级标题## 二级标题### 三级标题#### 四级标题##### 五级标题###### 六级标题 还可以在文本下方添加任意数量的 == 号来标识一级标题,或者 – 号来标识二级标题。 12345一级标题=================二级标题----------------- Markdown 段落要创建段落,请使用空白行将一行或多行文本进行分隔。不要用空格(...
My New Post
初始化项目后,blog-hexo有如下结构:【node_modules】:依赖包【scaffolds】:生成文章的一些模板【source】:用来存放你的文章【themes】:主题【.npmignore】:发布时忽略的文件(可忽略)【_config.landscape.yml】:主题的配置文件【_config.yml】:博客的配置文件【package.json】:项目名称、描述、版本、运行和开发等信息 在blog-hexo目录下的_config.yml,就是整个Hexo框架的配置文件了。可以在里面修改大部分的配置。详细可参考官方的配置描述。 hexo server或者hexo s启动本地服务器。默认情况下,访问网址为: http://localhost:4000/ 修改好配置后,运行如下命令,将代码部署到 GitHub。 123hexo cleanhexo generatehexo deploy hexo clean:删除之前生成的文件,若未生成过静态文件,可忽略此命令。hexo generate:生成静态文章,可以用hexo g缩写hexo deploy:部署文章,可以用hexo...