Original website

https://butterfly.js.org/

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

1
$ hexo new post "Post Name"

More info: Writing

Run server

1
$ hexo s

More info: Server

Generate static files

1
$ hexo g

More info: Generating

Deploy to remote sites

1
$ hexo d

More info: Deployment

注意:

1.现安装douban插件,生成网页的命令为hexo douban,由于前缀和hexo deploy相同,所以以后上传时要使用hexo deploy命令。

2.hexo根目录下_config,yml文件中douban中builtin已设置为true,即在hexo g和hexo s时包括了hexo douban命令。

Clean

1
$ hexo cl

More info: Clean

Font Awesome

Font Awesome

http://www.fontawesome.com.cn/

Font Awesome(foreign)

https://fontawesome.com/

Font Awesome 4

https://fontawesome.dashgame.com/

Font Awesome 5

https://fa5.dashgame.com/#/

聚合图床

http://www.superbed.cn/admin

Iconfont+

https://www.iconfont.cn/

emojipedia

https://emojipedia.org/

Shields

https://shields.io/

Tips

引用JS/CSS文件

Take CSS as an example:

1.新建一个CSS文件,移动到 \butterfly\source\css\ 目录下。

2.在主题配置文件(\hexo\themes\butterfly_config.yml)中定位搜索 inject。

3.其中head是用来引入 CSS 文件;bottom 是用来引用 JS 文件。

页内跳转

Format:[ ] ( ) 中括号内为名称,小括号内为跳转位置

Example:Jump

Here

小括号中必须和标题格式一摸一样,英文字母全部小写,且不能含有emoji等特殊符号

Hexo文章的密码访问

方法一

方法实现,因Hexo中Markdown语言和html是混用的,所以可直接在Markdown中直接插入以下这段script(建议放到<!-- more -->段后面)。
这里用到了windows对象的alert()方法和prompt()方法。prompt()方法的作用即是显示一个可提示用户输入的对话框,而其本身的返回值就是你输入的那个字符串。因此只需要将其与你默认的密码比较一下就好,如果不正确,则直接将当前页面的loaction属性设为上一个页面即可。

1
2
3
4
5
6
7
8
9
10
11
<script>
if("123"==prompt("请输入文档密码"))
{
alert("密码正确");
}
else
{
alert("密码错误返回主页");
location="/";
}
</script>

html语言

方法二

安装

1
npm install --save hexo-blog-encrypt

在front-matter中添加password

password: your password

Gitee图床

  1. 注册Gitee账号;

  2. 新建仓库;

  3. 上传图片;

  4. 打开图片得到链接形如

    https://gitee.com/username/repository/blob/

  5. 修改链接

    将blob改为raw即可在markdown中使用