进入主题文件夹

以我用的next主题为例子

1
cd themes/next

从github下载canvas-nest

把canvas-nest下载到next目录下的ource/lib目录里

1
git clone https://github.com/theme-next/theme-next-canvas-nest source/lib/canvas-nest

在主题开启配置

在NexT配置文件_config.yml中配置开启canvas_nest

在配置文件中找到canvas_nest,将enable设置成true,还可以自定义颜色、透明度、数量等。

1
2
3
4
5
6
7
canvas_nest:
enable: true #开启canvas
onmobile: true # 是否在移动站开启canvas
color: '34,34,34' # 颜色值
opacity: 0.5 # 数值 0~1 ,线条透明度
zIndex: -1 # 背景叠层大小,-1代表放在文章的后面
count: 200 # 线条数量
阅读全文 »

方法很简单,仓库已经有代码,直接安装

1
2
$ npm uninstall hexo-generator-index --save
$ npm install hexo-generator-index-pin-top --save

然后在需要置顶的文章的Front-matter中加上top: true即可。比如我这篇文章:

1
2
3
4
5
6
7
8
title: 写在最开始
tags:
- 网站
- 爱好
- 热爱
author: Heson
date: 2020-07-06 12:28:00
top: true

然后加上置顶的标识:

打开:/themes/next/layout/_macro目录下的post.swig文件,定位到<div class="post-meta">标签下,插入如下代码:

1
2
3
4
5
{% if post.top %}
<i class="fa fa-thumb-tack"></i>
<font color=green>置顶</font>
<span class="post-meta-divider">|</span>
{% endif %}

上面的green可以换成你喜欢的颜色,如red、yellow或者用十六进制的颜色代码#53ffcc 都可以。

搞定。效果如下:

image-20200716223301002

阅读全文 »

今天给博客增加了algolia站内搜索功能,中途有个地方整了半天,现在把遇到的坑填了。

功能预览:

image-20200713225007017

注册algolia

写在最前面

这两天刚认识Hexo博客系统,人就像着了魔一样,跟当年倒腾WordPress博客一样,每天想着怎么能让自己的博客更好看、更实用、更有人气。

要想达到上面的要求,首先得从美化自己的博客开始…

话说网上教程也特别多,在此我想做个合集,一来作为自己的记录,二来能给后来的朋友留点东西,把自己在倒腾过程中踩得坑也一并说清楚,让后面的童鞋更快的入门。

(关于博客搭建→点击传送门:用hexo+github pages+独立域名搭建个人博客

此教程贴持续更新,没写完的地方请见谅。

关于Next主题安装

next主题的官网地址:https://theme-next.iissnan.com/

下载next

在终端窗口下,定位到 Hexo 站点目录下。使用 Git checkout 代码:

阅读全文 »

7月9日看到小米10推出了最新的MIUI内测包,作为400勇士的我,毫不犹豫的升级了手机。

image-20200712113151702

然后····然后我后悔了。

真的是各种bug:

  • 屏幕有时候不能动,只能重启解决;

  • 微信看不了word文档,说是存储设备有问题,只能重启;

  • 状态栏有花屏现象;

  • 各种app不兼容(这个问题还好,内测版,正常)

  • 等等bug,论坛上反馈了好多

作为骨灰级米粉的我,遇到bug很正常,但有bug不能代表不能用吧,最让人忍受不了的就是手机卡住不动…..

实在没办法,现在只好线刷回去了,放上教程:

阅读全文 »

写在前面

使用GitHub+coding双托管博客,可以提升国内访问博客的速度。总的来讲就是:国内访问coding的服务器,国外访问GitHub的服务器,访问速度更快

教程

创建Coding仓库

1.官网注册 https://coding.net/

2.打开密钥,之前部署GitHub的时候已经用过,可以用everything这个搜索神器搜索一下id_rsa.pub文件,复制其内容。

image-20200711191508992

打开Coding的个人设置SSH公钥,添加公钥,名称自定,粘贴刚才复制的公钥,添加好后如下图。

image-20200712002826052

image-20200712002905593

阅读全文 »

摘要

用hexo建立博客这个教程,查阅了很多资料,自己倒腾了两三个小时弄好了。

现在简单记录下,以便不时之需。

基本环境

  • Window10

  • Node.js (点击进入官网下载)博主版本号为 Node.js 12.18.2 LTS

    image-20200708231743517

    在 Windows 环境下安装 Node.js 非常简单,仅须到官网下载安装文件并执行即可完成安装。

  • Git(点击进入官网下载)版本号为2.27.0

    阅读全文 »

      2010年,那时还在大学的时候,凭着对网页设计及网站制作的热爱,建立了自己的一个博客,网名也就是我现在这个域名的网名heson,也认识了很多志同道合的小伙伴。当时用的是风靡一时的WordPress博客系统,平时喜欢在博客里面分享一些制作网站和WordPress模板之中遇到的一些难点问题。同时呢,在度娘和谷哥的辅导之下,制作了一些好看的WordPress模板,得到了不少网友的认可和支持,感到非常开心,很有成就感。

      作品展示:

阅读全文 »