发布文章

进入博客所在目录,右键点击 Git Bash Here ,创建博客

hexo new "博客使用操作记录"

然后可以在source/_posts内查看新创建的 .md文件,在其中编写即可。

front-matter 内添加 titledatetagsdescriptioncover等描述文字。

编辑完成文章后,在git中输入
hexo clean
hexo g
hexo d

在博客所在仓库目录下新建 CNAME 文件,输入域名(如果自定义域名的话):

www.cajzella.cn

ssh 连接 Github

当 Github中添加本地ssh公钥后,在 git 中输入 ssh -T git@github.io ,发现以下报错:

kex_exchange_identification: Connection closed by remote host
ssh:connect to host github.com port 22: Connection timed out

解决方法

博客可添加功能

标签外挂

默认

{% note [class] [no-icon] [style] %}
Any content (support inline tags too.io).
{% endnote %}
名称 用法
class 标识,不同的标识有不同的颜色
( default / primary/ success / info / warning / danger )
no-icon 不显示 icon
style 可以覆盖配置中的 style
( simple / modern / flat / disabled )

自定义

{% note [color] [icon] [style] %}
Any content (support inline tags too.io).
{% endnote %}
名称 用法
color 颜色 ( default / blue / pink / red / purple / orange / green )
icon 可配置自定义icon(只支持 fontawesome 图标,也可以配置 no-icon )
style 可以覆盖配置中的 style ( simple / modern / flat / disabled )

应用例子及效果

相册

<div class="gallery-group-main">
{% galleryGroup name description link img-url %}
{% galleryGroup name description link img-url %}
{% galleryGroup name description link img-url %}
</div>

{% galleryGroup '壁紙' '收藏的一些壁紙' '/Gallery/wallpaper' https://i.loli.net/2019/11/10/T7Mu8Aod3egmC4Q.png %}
{% gallery [lazyload],[rowHeight],[limit] %}
markdown 图片格式
{% endgallery %}
名称 用法
lazyload 点击按钮加载更多图片,填写 true / false。 默认为 false
rowHeight 图片显示的高度,默认220
limit 每次加载多少张照片,默认为10

tag-hide

可以设置一些问答题,当内容太多时可以隐藏部分。参考

mermaid

绘制流程图、时序图、状态图、甘特图、饼图等。参考

Tabs

这个巨好用,让博客内容显示更加结构化,对不同情况的并列显示。参考

Button

做链接可以尝试用button。

参考

inlineImg

以内容元素显示

{% inlineImg [src] [height] %}

[src] : 图片链接
[height] : 图片高度限制

label

好看的高亮

timeline

主要是在归档内使用

math

暂时是使用 mathjax ,之后会改成 katex

在线聊天

暂时不需要