hexotips | cabbage

cabbage

菜鸟写给小白的教程

0%

hexotips

1.hexo new

当我们使用命令 hexo new "title" 创建文章时,Hexo 会根据 /scaffolds/post.md 对新文章进行初始化

换言之,/scaffolds/post.md 就是新文章的 模板,所以我们可以修改它来适应自己的写作习惯

每次生成后头部

--- title: {{ title }} date: {{ date }} tags: categories: ---

categoriestags分别是分类与标签

以tags为例语法是tags: [tag1,tag2,tag3...tagn]

categories: category

分类和标签需要区别一下,分类具有顺序性和层次性;而标签没有顺序和层次。

2.精简首页显示

在利用 Hexo 框架搭建的博客网站中,首页会显示文章的内容,且默认显示文章的全部内容

如果当文章太长的时候就会显得十分冗余,所以我们有必要对其进行精简

这时,我们只需在文章中使用 <!--more--> 标志即可,表示只会显示标志前面的内容

3.在Hexo中对文章md文件分类

https://blog.csdn.net/maosidiaoxian/article/details/85220394

4.others

https://blog.csdn.net/sinat_37781304/article/details/82729029

next

https://tding.top/archives/42c38b10.html

https://tding.top/archives/2bd6d82.html

https://www.cnblogs.com/wsmrzx/p/9439470.html

git

https://blog.csdn.net/blbyu/article/details/126700179

https://blog.csdn.net/blbyu/article/details/126704948

5.yufa

https://blog.csdn.net/Sakura_Logic/article/details/103980420

https://www.cnblogs.com/wsmrzx/p/9439490.html

高级

https://blog.csdn.net/qq_33699981/article/details/72716951

1.添加Github丝带或者角标-ok

首先先点击这里或者这里挑选自己喜欢的样式,并复制代码。

 打开themes/next/layout/_layout.swig文件,在<header></header>之前添加代码,并把href改为你的博客地址

https://zhuanlan.zhihu.com/p/409427566

2.添加RSS

5. 修改文章内链接文本样式

7. 在每篇文章末尾统一添加“本文结束”标记

9. 博文压缩

11. 侧边栏社交小图标设置ok

https://blog.csdn.net/wangqingchuan92/article/details/116223408

通过修改enableicons_only实现对图标的以及图标旁标签文字的显示及隐藏功能,修改transition实现是否显示过渡效果功能。

12. 主页文章添加阴影效果

13. 在网站底部加上访问量ok

18. 实现统计功能

22. 隐藏网页底部powered By Hexo / 强力驱动

.

24. 文章加密访问

26. 博文置顶

27. 修改字体大小

https://blog.csdn.net/Z_Z_W_/article/details/97617436

建立阅读排行榜

新建一个阅读排行榜界面,用于显示本站文章的阅读排行榜,基于lencloud进行统计

https://zhuanlan.zhihu.com/p/55796365

Valine是国内的一款极简风格的评论软件,首先进入LeanCloud注册,然后在控制台随便创建一个项目后,获取密钥:

7. 添加lazyload

lazylod可以在用户不查看的时候,不加载相关部分,从而提升网站加载速度,设置方法同上:

9.添加站内搜索

Next集成了站内搜索功能,可先安装依赖:

10.添加百度谷歌收录

要想让我们的博客被百度、谷歌等搜索引擎索引到,需要提交我们的域名,谷歌很快就能收录,但是百度要一两个月,具体步骤如下:

13.增加文章置顶功能

修改 hero-generator-index 插件,把文件:node_modules/hexo-generator-index/lib/generator.js 内的代码替换为:

https://blog.csdn.net/weixin_42608550/article/details/87876529

评论系统

NexT原生支持多说、Disqus、hypercomments等多种评论系统。我选择了Disqus。

方法也非常简单。直接去Disqus注册,注册完了在配置的时候会给你一个名为shortname的ID,将这个ID填在配置文件里即可。

评论系统

因为多说已经停止服务了,最开始看到有人说Disqus得翻墙,就选了一个韩国的评论服务,叫来必力,但事实证明墙外就没有稳定的服务,在我挂VPN的情况下也要加载好半天,后来就还是换成了Disqus,具体配置方法看前文。

统计文章字数和阅读时间

NexT 主题默认已经集成了文章【字数统计】、【阅读时长】统计功能,如果我们需要使用,只需要在主题配置文件 _config.yml 中打开 wordcount 统计功能即可。如下所示: