![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
hexo
文章平均质量分 73
前端开心果
哈喽,我是一个前端程序媛,专注于前端技术的学习、分享与交流,包括web前端基础知识、进阶技术、学习资料、工具技巧、视频教程、面试题等信息。让我们在前端的学习道路上一起进步吧!
展开
-
Gitee + PicGo 图床搭建
Gitee 图床搭建快速上手下载安装 PicGo安装 Gitee 图床插件创建 Gitee 图床存储仓库设置 Gitee 私人令牌配置 PicGo + Gitee 图床信息下载安装 PicGo点击下载PicGo,选择 (.exe) 文件下载后安装即可安装 Gitee 图床插件在 PicGo 界面的插件设置中搜索 gitee 的插件,两个插件都可以选择,这里选择第二个插件安装使用创建 Gitee 图床存储仓库登录个人 Gitee 账号,创建一个图床仓库注意:一定要勾选使用R原创 2021-01-19 15:39:38 · 258 阅读 · 0 评论 -
Hexo 部署到 Gitee
选择部署到 Gitee 上的原因是访问速度比 Github 快速,且Gitee 是国内的码云平台新建 Gitee 仓库如果没有注册的话,就去 Gitee 官网 注册一个哦,注册成功后创建仓库。仓库的名称可以随便写,但是仓库的路径要和用户名(个人空间地址)一致这样访问地址就不会生成二级域名了在 Gitee 中添加 SSH 公钥检查是否已有 SSH在本地打开 git bash 命令行窗口,输入以下命令$ cd ~/.ssh如果没有,显示bash: cd: /c/Users/Adminis原创 2021-01-18 15:21:38 · 6001 阅读 · 5 评论 -
在 Hexo 中使用 iconfont 图标
iconfont首页iconfont 获取可以先在首页搜索你想要的图标,然后添加到购物车中,然后把购物车中的图标添加到项目中,如果没有项目的话可以新建一个项目。生成在线链接点击 font class 按钮直接就可以生成链接了复制生成的链接地址,在浏览器窗口查看引入字体样式可以选择直接把字体样式下载引入到博客中,或者直接把刚才的链接引入,这里我就先选择下载到本地把刚才查看的 css 代码另存为 /themes/Butterfly/source/css/ 中,命名为 icon.原创 2021-01-18 15:19:10 · 1650 阅读 · 0 评论 -
在 Hexo 中使用 Hexo-abbrlink生成唯一文章链接
Hexo 生成博客文章的链接时,默认格式 permalink: :year/:month/:day/:title/ ,即按照 年:月:日:标题的格式来生成的。如果标题中含中文的话,复制URL链接的话中文字符就会是一大串编码字符。如果想为每一篇文章生成唯一 ID 的话,推荐使用 hexo-abbrlink 或 hexo-uuidhexo-abbrlink博客根目录下安装npm install hexo-abbrlink --saveconfig.yml 中修改permalink: posts/.原创 2021-01-18 15:18:13 · 1896 阅读 · 0 评论 -
Hexo 中 Butterfly主题和看板娘的使用
默认的 Hexo 主题为 landscape,我选择了 Butterfly 作为博客主题Butterfly 主题使用Butterfly 安装Git 安装在博客的根目录执行git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly安装完成后可在 根目录/themes/butterfly 查看主题文件夹应用主题修改博客根目录的配置文件 _config.yml,把主题改为原创 2021-01-18 15:17:10 · 1248 阅读 · 0 评论 -
在 Hexo 中使用 artitalk 新增说说功能
主要使用 artitalk.jsLeanCloud 的相关准备建议使用国际版的 LeanCloud因为国际版的 leancloud 不需要配置 serverurl,所以推荐使用国际版,速度没有区别,如> 果使用国内版的 leancloud 别忘了填写 serverurl 即可前往 LeanCloud 国际版,注册账号。注册完成之后根据 LeanCloud 的提示绑定手机号和邮箱。绑定完成之后点击创建应用,应用名称随意,接着在结构化数据中创建 class,命名为 shuoshuo。.原创 2021-01-18 15:16:01 · 1776 阅读 · 22 评论 -
在 Hexo 中添加豆瓣个人主页
hexo-douban:可以在 Hexo 页面中嵌入豆瓣页面的插件hexo-douban安装npm install hexo-douban --save-dev配置在博客站点的配置文件 _config.yml 中添加以下内容(注意:不是主题的配置文件)# hexo-doubandouban: user: xxxx # 你的豆瓣ID builtin: true book: title: '那些年,我翻阅过的书' quote: '思想和身体,总有一个在路上' m原创 2021-01-18 15:14:49 · 1977 阅读 · 9 评论 -
Butterfly主题安装文档(三)之主题配置2
图片设置站点图标站点图标又称站点icon(favicon.ico)修改主题配置文件_config.butterfly.yml:favicon: /img/favicon.png # 将图片放入 themes -> Butterfly -> source -> img 里头像头像即是首页个人卡片处展示的自己的头像修改主题配置文件_config.butterfly.yml:avatar: img: /image/ava.png effect: false # 头像会原创 2021-01-18 15:13:19 · 11310 阅读 · 5 评论 -
Butterfly主题安装文档(二)之主题配置
语言修改项目配置文件 _config.yml默认语言是 enlanguage: zh-CN主题支持三种语言:default(en)zh-CN (简体中文)zh-TW (繁体中文)网站资料修改网站各种资料,例如标题、副标题和邮箱等个人资料,请修改项目根目录的_config.yml导航菜单修改 主题配置文件_config.butterfly.yml:menu: Home: / || fas fa-home Archives: /archives/ || fas fa-ar原创 2021-01-18 15:11:44 · 6483 阅读 · 7 评论 -
Butterfly主题安装文档(一)之快速开始
介绍有的人认为 hexo 自带的主题landscape非常难看,那么我们有没有好看的主题可选呢?{% hideBlock 查看回答?,bg,color %}当然是有的,有不少的人给我们提供了十分多的主题,查看主题库:https://hexo.io/themes/{% endhideBlock %}hexo-theme-butterfly 是基于 Molunerfinn 的 hexo-theme-melody 的基础上进行开发的。接下来推荐几款觉得好看的主题库?Butterfly:这款主题非常原创 2021-01-18 15:09:35 · 3655 阅读 · 3 评论 -
Hexo 快速开始
Hexo 是一个快速、简洁且高效的博客框架,使用 Markdown 或其他渲染引擎解析文章,在几秒内,即可利用靓丽的主题生成静态网页Hexo 官网安装前提安装 Hexo 之前需要安装以下程序Node.js (版本不低于 12.0及以上)Git安装 Hexo全局安装npm install -g hexo-cli建站安装 Hexo 完成后,执行下列命令,Hexo 会在指定文件夹中新建所需要的文件hexo init <floder>cd <floder>np原创 2021-01-18 15:06:40 · 146 阅读 · 0 评论