自动部署指令常用添加所有文件到暂存区1git add .
提交代码1git commit -m "github action update"
推送到main分支1git push origin main
依次执行三条指令,节约上传时间,代码在github由CI自动编译,避免编写3分钟编译3小时。。。
引言在完成了博客搭建、发布文章后,如果我们想在文章中插入图片,该怎么做呢?在使用网上的方法上传图片之后,我仍然遇到“图片无法显示”的问题,查阅官方文档并自己实践后,终于解决了,现将几种插入图片方法的步骤整理如下。
实现方法一:全局资源文件夹将所有文章的资源统一用一个全局资源文件夹管理。此方法的优点是比较简便,并且当多篇文章需要引用同一资源时,也比较方便。缺点是当文章很多时,各个文章的图片都在同一文件夹,不便管理。
方法二:文章资源文件夹对于每篇文章,使用一个文件夹管理资源。此方法的优点是,当文章很多时,便于结构化管理。缺点是,比方法一麻烦一点。
范例方法一:全局资源文件夹在hexo文件夹下的source目录下,新建一个文件夹叫images(名字随意),将要插入的图片放在该文件夹中。md文档内,使用![图片](图片链接地址 "图片title")的格式,圆括号内的链接地址写(/images/name.jpeg)。这里的 / 指的是根目录,对于hexo,资源文件的根目录就是source。
例如,在md文档中写:![图片](/images/20.jpeg "甘雨& ...
_config.yml新增加在[Blogroot]/_config.yml底部新增加看板娘设置
12345678910111213141516# Live2D## https://github.com/EYHN/hexo-helper-live2dlive2d: enable: true #开关插件版看板娘 scriptFrom: local # 默认 # scriptFrom: https://cdn.cbd.int/live2d-widget@3.x/lib/L2Dwidget.min.js # 你的自定义 url tagMode: false # 标签模式, 是否仅替换 live2d tag标签而非插入到所有页面中 debug: false # 调试, 是否在控制台输出日志 model: use: live2d-widget-model-koharu # npm-module package name # use: https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model. ...
完成anzhiyu主题的部署参考教程链接
1https://gavinblog.github.io/anzhiyu-docs
修改fullpage-loading.pu修改themes/butterfly/layout/includes/loading/fullpage-loading.pug
1234567891011121314151617181920212223#loading-box(onclick='document.getElementById("loading-box").classList.add("loaded")') .loading-bg div.loading-img .loading-image-dotscript. const preloader = { endLoading: () => { document.body.style.overflow = 'auto'; document.getElementById('loading-box').classList.add("loaded") ...
引言由于markdowm会自动限定格式,所以缩进显得比较困难,通常我们使用Tab按键或者打空格实现的缩进都只能缩进一小部分,这时可以通过占位符实现更多的缩进效果,使得文章变得美观
实现一个汉字占两个空格大小,所以使用四个空格就可以达到首行缩进两个汉字的效果。有如下几种方法:
**1.**一个空格大小的表示: 或 ,此时只要在相应需要缩进的段落前加上 4个 如上的标记即可,注意要带上分号。**2.**两个空格的大小表示: 或 ,同理,使用2个即可缩进2个汉字,推荐使用该方式。**3.**不换行空格: 或 ,使用4个 即可。
范例不使用任何缩进效果 使用Tab实现缩进 在前面打上很多空格实现缩进
- 使用8个 实现缩进- 使用2个 实现缩进- &ens ...
r { color: Red }
o { color: Orange }
gn { color: Green }
y { color: yellow }
b { color: blue }
gy { color: gray }
引言发现一个问题,每次hexo new 的时候Front-matter 中内容少的可怜,那怎么修改默认的格式呢?
实现只要去主目录下找到scaffolds 文件夹下找到一个post.md 文件修改即可
范例1234567891011121314151617181920标题title: {{ title }}date: {{ date }}author: 简述summary:使用自定义封面 img: 是否置顶true,或者去掉top: true轮播cover:轮播图coverImg: 标签tags: 分类categories: 是否加密文章,SHA256加密password:
安装插件执行以下命令
安装插件指令
1npm i hexo-butterfly-article-double-row --save或者1cnpm i hexo-butterfly-article-double-row --save
注意,一定要加 –save,不然本地预览的时候可能不会显示!!!
新增网站根目录_config 配置项 (不是主题的):12butterfly_article_double_row: enable: true
添加自定义JS添加自定义title.js,然后主题配置文件inject引入即可.
r { color: Red }
o { color: Orange }
gn { color: Green }
y { color: yellow }
b { color: blue }
gy { color: gray }
1234567891011121314151617//动态标题var OriginTitile = document.title;var titleTime;document.addEventListener("visibilitychange", function () { if (document.hidden) { //离开当前页面时标签显示内容 document.title = "w(゚Д゚)w 不要走!再看看嘛!"; clearTimeout(titleTime); } else { //返回当前页面时标签显示内容 document.title = &qu ...
夏至
一生的时间很短短到不过是两颗心之间的距离一生的时间也很长不如我们试着走走看
default