![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Hexo
潘高
IT套路深,必须瞎折腾
展开
-
如何使用Hexo创建个人博客
什么是 Hexo?Hexo是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。原创 2019-03-04 23:18:45 · 368 阅读 · 0 评论 -
Hexo博客NexT主题美化之顶部加载进度条
前言更多效果展示,请访问我的 个人博客。效果图:教程进入博客文件夹的/themes/next文件夹下cd /themes/next下载安装Progress module,如下git clone https://github.com/theme-next/theme-next-pace source/lib/pace在/themes/next/_config.ym...原创 2019-03-04 23:42:44 · 2887 阅读 · 0 评论 -
Hexo博客NexT主题美化之网站标题栏背景变色
前言更多效果展示,请访问我的 个人博客。效果图:教程打开themes/next/source/css/_custom/custom.styl,在里面新增如下代码:.site-meta { background: $blue; //天空的颜色,和我的眼镜是绝配}...原创 2019-03-04 23:46:00 · 1388 阅读 · 0 评论 -
Hexo博客NexT主题美化之搜索服务
前言更多效果展示,请访问我的 个人博客。效果图:教程:安装插件hexo-generator-searchdb,如下:npm install hexo-generator-searchdb --save编辑 站点配置文件,新增以下内容到任意位置,如下:search: path: search.xml field: post format: html l...原创 2019-03-05 09:51:37 · 460 阅读 · 0 评论 -
Hexo博客NexT主题美化之评论系统
前言更多效果展示,请访问我的 个人博客。效果图:Valine 诞生于2017年8月7日,是一款基于Leancloud的快速、简洁且高效的无后端评论系统。教程:登录 Leancloud 官网,注册之后创建一个应用,选择【设置】->【应用Key】记下你的APP ID和APP Key,如下:编辑 主题配置文件,搜索 Valine,填入appid 和 appkey,...原创 2019-03-05 09:54:29 · 776 阅读 · 4 评论 -
Hexo博客NexT主题美化之显示当前浏览进度
前言更多效果展示,请访问我的 个人博客。效果图:教程:打开 themes/next/_config.yml ,搜索关键字 scrollpercent ,把 false 改为 true ,如下:# Scroll percent label in b2t button scrollpercent: true如果想把 top 按钮放在侧边栏,打开 themes/next/...原创 2019-03-05 09:58:53 · 1455 阅读 · 0 评论 -
Hexo博客NexT主题美化之自定义文章底部版权声明
前言更多效果展示,请访问我的 个人博客。效果图:教程:在目录 themes/next/layout/_macro/ 下添加 my-copyright.swig ,内容如下:{% if page.copyright %}<div class="my_post_copyright"> <script src="//cdn.bootcss.c原创 2019-03-05 10:01:48 · 3848 阅读 · 0 评论 -
Hexo博客NexT主题美化之文末统一添加“本文结束”标记
前言更多效果展示,请访问我的 个人博客。效果图:教程:在目录 themes/next/layout/_macro/ 下添加 passage-end-tag.swig ,内容如下:<div> {% if not is_index %} <div style="text-align:center;color: #ccc;font-size...原创 2019-03-05 10:04:06 · 1266 阅读 · 1 评论 -
Hexo博客NexT主题美化之新增看板娘(能说话、能换装)
前言更多效果展示,请访问我的 个人博客。效果图:教程:小白水平:hexo的官方是支持看板娘的,已经封装好了插件,但只是模型,不能说话、不能换装、功能较少。安装模块,如下:npm install --save hexo-helper-live2d在 站点配置文件 或 主题配置文件 中新增如下内容:# Live2D## https://github.com/...原创 2019-03-05 10:07:13 · 2854 阅读 · 2 评论