hexo从零开始之butterfly主题美化(Ⅰ)
butterfly配置安装butterfly主题 )1.在hexo项目根目录下执行操作clone主题git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
)2.如果没有pug以及stylus样式渲染器,还需要下载不然后报错npm install hexo-renderer-pug hexo-renderer-stylus --save )3.修改项目根目录下的_config.yml文件,开启主题# Extensions## Plugins: https://hexo.io/plugins/## Themes: https://hexo.io/themes/#theme: landscapetheme: butterfly
创建文件夹 1).分类文件夹hexo new page categories可以在根目录的source/categories/index.md 文件。如果想直接在_posts创建自定义命名的的博客文件hexo new 自定义名字会现 ...
pc端线下词典
推荐的二款软件 【灵格斯】、【GoldenDict】1.灵格斯1.1 pc端灵格斯下载
1.软件下载路径 灵格斯 提取码:yj0u
2.词典包下载路径 词典包 提取码:d0pr
1.2 灵格斯中配置 词典库
1.将刚下载好的词典包解压到自己想要的位置2.打开安装好的灵格斯软件,按下图步骤安装既可,然后将要用的词典前的复选框勾上就好了,最好是添加到索引组和去词组(推荐)
2.GoldenDict 2.1 pc端 GoldenDict下载1.下载路径(推荐谷歌浏览器)
https://sourceforge.net/projects/goldendict/files/early%20access%20builds/
2.建议下载 zip 或 7z 格式的压缩包,不建议下载 exe 可执行文件
2.2 下载通用词典
1.下载路径(推荐谷歌浏览器)http://download.huzheng.org/zh_CN/2.下载自己想要的词典
2.3 在GoldenDict中配置 词库
1.在解压包中打开GoldenDict.exe,点击‘编辑’,选择“ ...
css中不常用但是很有效的样式简介
background-repeat: no-repeatbackground-size:cover!importantbackdrop-filter: blur(5px) 只支持ios端;只作用于当前元素;filter: brightness(0.8);filter:blur(10px); 兼容性比较好,不仅仅作用于当前元素,后代元素也会继承这个属性,作用于一个空背景元素没有效果 object-fit: cover;image-rendering: pixelated;poniter-events属性的值很多,但大部分和svg有关直接跳过,通用的属性值有两个none | auto。
auto:与 pointer-events 属性未指定时的表现效果相同。none:该元素永远不会成为鼠标事件的 target。但是,当其后代元素的 pointer-events 属性指定其他值时,鼠标事件可以指向后代元素,在这种情况下,鼠标事件将在捕获或冒泡阶触发父元素的事件侦听器。
cursor:url(data:image/svg+xml,) 4 4, auto;
hexo之踩坑记录(一)
前言
在塔建hexo框架中遇到的问题是基于以下的版本和butterfly主题开发的一个个人博客
hexo的版本: ^5.0.0
butterfly主题基于以下插件及版本开发:
"hexo-butterfly-clock": "^1.0.7",
"hexo-butterfly-tag-plugins-plus": "^1.0.17"
用的imgage图片引入插件
"hexo-asset-image": "github:CodeFalling/hexo-asset-image"
路径生成用了hexo-abbrlink
"hexo-abbrlink": "^2.2.1"
注意:以下问题是基于仓库和github用户一致的情况,或者有自己域名的情况
更新踩坑记录 点击查看踩坑记录
更新记录2022 ...
hexo从零开始之butterfly主题美化(Ⅱ)
阅读此文章,建议先阅读前面的文章:hexo从零开始之butterfly主题美化(Ⅰ)
更新记录 点击查看更新记录
更新主题记录 2022-11-21 持续优化中1.添加哔哩哔哩番剧页面插件2.侧边栏增加Pivix日榜Top50框 2022-11-17 持续优化中1.添加哔哩哔哩番剧页面插件2.侧边栏增加Pivix日榜Top50框2022-11-17 美化主题1.页面底部 footer 跳动的心2.音乐插件的插入
添加哔哩哔哩番剧页面插件 查看详情
1.安装依赖2.注入bilibili番剧3.生成文件获取uid图片加载问题npm install hexo-bilibili-bangumi --save# 如果是老版本就用下面更新依赖npm install hexo-bilibili-bangumi --update --save修改站点配置文件_confing.ymlbangumi: enable: true ...
hexo常用记录
hexo的常用指令
hexo s //运行项目
hexo s -p 9090 //运行项目并将默认的4000端口改成9090
hexo clean // 清除项目中的public文件(由hexo g生成)
hexo g // 将项目资源生成静态相对public文件
hexo d //将项目上的public部署上github (注意:是已经绑定了github相关仓库的)
标签插件raw的应用raw主要是在md文件中可用html语法,这样更加方便扩展一些我们自己想要的样式,是页面更加丰富多彩下面我简单举例修改文字的样式
效果源码
我要改样式
先在自己要修改的md文件中加上{% raw %}<div class='my_div_style'>我要改样式</div>{% endraw %}然后在自定义的css文件中加上如下代码,文件目录在 \color{red}{根目录下/themes/butterfly/source/css/background.css} 这个文件是我自己定义的,你们可以自己修改.my ...
mathjax的常用语法简介
注意:用这个数学公式必须要在外面先写一层这个包裹 $$$ $$$
1.行内常用公式
查看行内常用公式
符号释义用例效果^上标x^2x^2_下标H_2OH_2O{}多个上下标x^{20}_{40}x^{20}_{40}\text{文字}文字显示\text{如果}\text{如果}` 公式1 `插入公式\text{如果$x<2$}\text{如果$ x
Hello World
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.
Quick Start
Create a new post$ hexo new "My New Post"
More info: Writing
Run server$ hexo server
More info: Server
Generate static files$ hexo generate
More info: Generating
Deploy to remote sites$ hexo deploy
More info: Deployment
带 下划线 的文本
带 着重号 的文本
带 波浪线 的文本
带 删除线 的文本
键盘样式的文本 command + D
密码 ...