精华内容
下载资源
问答
  • Hexo And Hexo Next Theme

    2019-03-20 19:28:56
    Hexo NexT Theme 主题是一套css样式加 Hexo 插件的集合,由于插件较多,同一个功能又可能有多个解决方案,导致部分插件兼容使用有问题,也是让人又爱又恨。 Hexo的标签和分类 Front-matter中有两个至关重要的参数...

    Hexo 的文档写的相当烂,特别是中文站翻译的一些关键的名词,特别容易让人产生误解。
    Hexo NexT Theme 主题是一套css样式加 Hexo 插件的集合,由于插件较多,同一个功能又可能有多个解决方案,导致部分插件兼容使用有问题,也是让人又爱又恨。

    Hexo的标签和分类

    Front-matter中有两个至关重要的参数,tags和categories;只有文章支持分类和标签;文档上对其区别有一个关键的描述,分类具有顺序性和层次性,而标签没有顺序和层次。

    在官方文档的回复中有一个这样的描述,可以给一些无法理解这两个概念的人一点启发:

    “物以类聚”,有相同点的“物”可分为一类。“横看成岭侧成峰 远近高低各不同”,能有很多分类,但认知上有一个主分类(身在此山中)。

    以博客为整体,每篇文章为个体来说,categories就如书的目录一样,是主分类。而tags可以理解为另一个维度的分类,就是不同categories(目录)中的一些相同点,这些就可以作为tags。

    很喜欢NexT主题的设置,每一个category和tag点开都是一个时间轴页面。

    如眼睛一样,两只可以产生立体感,两种分类就基本能满足博客的需求了。但还有其它维度的分类,就如同其它感官,比如:archives页面(按时间)、搜索(按输入字符的相关性)、按文章浏览量和按文章评论数等等。

    需要注意的是

    categories:
    - Diary
    - Life
    

    上面的配置,会使分类Life成为Diary的子分类,而不是并列分类。
    在官方文档中说,Hexo不支持指定多个同级分类,其实是可以的,下面的配置就可以

    categories:
    - [Linux]
    - [Tools]
    

    不仅可以给一篇文章指定多个同级分类,还可以给文章指定多个同级还带子分类的分类

    categories:
    - [Linux, Hexo]
    - [Tools, PHP]
    

    Hexo 标签与swig

    swig是一个模板框架,可用于前端页面,在node环境中,也可用于后端;
    Hexo的标签插件是对swig模板框架里标签的扩展;

    自定义域名

    这里以使用github pages为例,其他的方式同样可以参考此配置的要点。
    根据github pages的要求,创建CNAME文件,文件内容为www.54architect.com,子域名也可以;上传完CNAME,在github仓库settings里启用了enforce https之后,54architect.com,https://www.54architect.com/,http://www.54architect.com/就可以访问了;
    给域名添加54architect.com->www.54architect.com的cname解析之后,http://54architect.comhttps://54architect.com/也生效了
    并且访问以上提到的所以链接,都会跳转到https://www.54architect.com/

    SSH免密commit

    配置Git

    Hexo NexT Theme Han Support

    不要开启,特别丑

    Hexo NexT Theme Pangu Support

    Pangu.js用于给一句中英文夹杂的句子里的英文前后加一个空格;
    有时候会把中英文都有的一句话,英文也都分开,英文-英文,这种格式的也会分开;是否使用,看博客的内容,对于IT技术相关的博客来说,一句户里中英文夹杂是常有的事情,使用这个插件效果较差;平时书写的时候自己注意一些,熟练之后,不会影响效率;

    Hexo NexT Theme Counter

    PV and UV

    配置启用卜蒜子,在站点footer部分显示站点的PV和UV,关闭卜蒜子的文章页面的统计;卜蒜子统计文章的PV有问题,忘了记录下来;
    配置启用leancloud之后,在文章页面显示阅读次数的统计;
    firestore是谷歌的产品,直接没测试
    卜蒜子是根据URL地址统计的,也就是说换域名,数据会丢失
    leancloud是需要配置appid和appkey的,换域名没有影响
    后面计划把站点的PV和UV统计也改成leanload

    Symbols Count

    站点内容统计,在站点footer部分显示站点总字数,站点阅读时长,在文章页面显示本文字数和阅读时长;字符统计使用的hexo-symbols-count-time,需要先在hexo的config文件中配置启用;

    Baidu Analytics

    接入百度统计,前面两个是在站点页面显示PV和UV,百度统计是在百度管理平台显示网站的各种访问信息,不止是PV和UV;
    百度产品众多,百度统计点击这里

    Hexo NexT Theme SEO

    收录网站

    baidu_site_verification和google_site_verification

    百度搜索资源平台
    Google Search Console

    推送链接

    hexo-next-sitemap
    hexo-next-baidu-sitemap

    baidu_push:true
    百度资源平台#链接提交#自动推送的方式,只要网页被访问,页面URL将立即被推送给百度;

    其他

    hexo-nofollow,站内外链止步
    hexo-addrlink,将文章URL生成为单个层级的链接,搜索引擎好收录

    User Experience

    Visit

    bookmark + read progress

    canvas_nest开启之后,有个跟踪鼠标的动画,开启之后,也挺拖网站运行速度的
    canvas_ribbon,开启之后,网站背景出现一条彩带,点击网站任意位置,重新计算菜单的显示;
    3种3D动画,开启之后,网页运行比较慢,都关闭
    three_waves
    canvas_lines
    canvas_sphere

    Search

    NexT内置了三种站内搜索方式,Swiftype、Algolia和Local Search,Swiftype和Algolia都是需要付费,免费版有限额,测试了下Local Search的效果,还可以,新站可以暂时使用Local Search。

    腾讯公益

    腾讯公益404页面 https://www.qq.com/404/
    益云
    选择了接入腾讯公益,因为NexT的旧官方网站有现成的例子。

    Writing

    Post Excerpt

    在站点首页,文章列表部分,Hexo默认会将文章的所有内容展示出来,作者自己看的时候没什么问题,可以去归档里面查看文章列表,但是非常不利于别人浏览,别人浏览你的博客的时候,更多的是在看完文章题目之后,看个开头,看看文章内容质量是否符合自己期望,再根据情况查看文章的全部内容;
    NexT内置了excerpt插件,在auto_excerpt配置,但是markdown格式乱掉,非常不友好;如果使用这个插件,文章开头部分最好是一整段文字描述,这样首页才好看;
    最终选择了在文章中使用<!-- more -->注释的方式,人工选择文章摘要;

    在使用摘要功能之后,不管是上述两种方式的哪一种,NexT提供了一个read_more_btn配置,用于在文章列表的每个文章的下面显示一个阅读更多的按钮,这个按钮本身没什么问题,但是我后面在接入畅言的时候,NexT里内置的畅言是使用文章的URL地址作为sourceid,而如果读者点击阅读更多的按钮进入文章,此时文章的URL会多一部分#more ,导致畅言混乱,他认为这是两篇文章。

    定位到原因,解决的办法很简单,修改内置的畅言插件,使用文章的ID作为此文章在畅言的sourceid即可;我使用的办法是将这个按钮去掉,不起用read_more_btn功能,有时间在搞。

    Comments

    NexT内置了leancloud、gitment、gittalk、disqus、changyan,NexT没有内置的不考虑,国内没法访问或者访问速度不行的不考虑,最后就只剩一个畅言了;
    畅言需要域名备案;

    版权声明

    createtive_common

    广告联盟

    淘宝联盟在发布了11篇文章之后才给通过,回复很快。
    Google Adsense

    参考

    Hexo NexT github部署SEO优化教程
    Hexo博客添加站内搜索

    展开全文
  • Hexo NexT博客学习专栏

    2018-09-21 11:11:00
    Hexo NexT 博客本地搭建指南 Hexo NexT 博客与Github page 关联指南 Hexo NexT 博客后台管理指南  
    展开全文
  • HexoNext分类标签

    2020-09-30 11:50:17
    HexoNext主题下分类标签: 博客功能模块的增加 主页功能块: 编辑hexo项目下主题配置文件: # vim themes/next/_config.yml // 删除前面的注释即代表启用 menu: home: / || fa fa-home about: /about/ || fa fa-...

    HexoNext主题下分类标签:

    博客功能模块的增加

    主页功能块:

    编辑hexo项目下主题配置文件:

    # vim themes/next/_config.yml
    // 删除前面的注释即代表启用
    menu:
      home: / || fa fa-home
      about: /about/ || fa fa-user
      tags: /tags/ || fa fa-tags
      categories: /categories/ || fa fa-th
      archives: /archives/ || fa fa-archive
      #schedule: /schedule/ || fa fa-calendar
      #sitemap: /sitemap.xml || fa fa-sitemap
      #commonweal: /404/ || fa fa-heartbeat
    

    我这里启用了home,about,tags,categories,archives

    创建相应的页面:

    # hexo new page "about"
    INFO  Created: <...>/source/about/index.md
    # hexo new page "tags"
    INFO  Created: <...>/source/tags/index.md
    # hexo new page "categories"
    INFO  Created: <...>/source/categories/index.md
    

    重新生成静态文件:

    # hexo g
    

    效果图:
    在这里插入图片描述

    文章分类:

    进入刚刚生成的index.md:

    # vim source/categories/index.md
    // 增加type属性
    ---
    title: categories
    date: 2020-09-26 20:08:39
    type: "categories"
    ---
    

    进入需要分类的文章的index.md:

    # vim source/_posts/Blog.md
    // 增加categories属性为Web
    ---
    title: Blog搭建
    date: 2020-09-26 19:06:24
    tags:
    categories: Web
    ---
    

    重新生成静态文件:

    # hexo g
    

    效果图:

    在这里插入图片描述
    在这里插入图片描述

    文章标签:

    进入刚刚生成的index.md:

    # vim source/tags/index.md
    // 增加type属性
    ---
    title: tags
    date: 2020-09-26 20:08:39
    type: "tags"
    ---
    

    进入需要贴标签文章的index.md:

    # vim source/_posts/Blog.md
    // 将tags的属性为设置为Blog
    ---
    title: Blog搭建
    date: 2020-09-26 19:06:24
    tags: Blog
    categories: Web
    ---
    

    重新生成静态文件:

    # hexo g
    

    效果图:

    在这里插入图片描述

    关于页面:

    直接进入index.md编辑即可:

    # vim source/about/index.md
    ---
    title: 关于我
    date: 2020-09-26 20:19:30
    ---
    
    
    > 如果再也不能见到你,祝你早安,午安,晚安。
    
    
    
    QQ:2511919075
    
    E-mail:2511919075@qq.com
    
    个人博客:[www.rainhacker.com](www.rainhacker.com)
    
    CSDN:[https://blog.csdn.net/qq_40549070](https://blog.csdn.net/qq_40549070)
    

    效果图:
    在这里插入图片描述
    最后欢迎大家访问我的无名小站www.rainhacker.com

    展开全文
  • Hexo NexT主题相关配置的整理总结

    千次阅读 2018-05-29 23:55:59
  • hexo next photo cos

    2019-01-11 15:31:41
    title: hexo next photo cos tags: [hexo,next] date: 2019-01-11 14:00:00 categories: 工具 原文链接:https://www.hexianwei.com/2019/01/11/hexoNextPhoto/ 参考 :https://www.jianshu.com/p/7f6425b3ffb2 ...
  • hexo next主题配置

    2017-10-21 11:01:40
    原文链接hexo next主题配置前言由于各种原因,网站会有各种变化以及配置的增加,以日志记下改动2017年10月21日更新修改链接样式修改文件source\css_common\components\post\post.styl 增加内容.post-body p a{ ...
  • hexo next主题

    2018-06-29 17:12:31
    hexo搭建博客的next主题下载,赶紧下载吧,积分已经设最低了
  • 原文 https://leay.net/2020/02/14/hexo-next-font ...PS:Hexo Next 的瞎几把优化可以看看这篇:尝试折腾了下用 hexo-next-theme 搭建的博客 一个 Hexo 插件分享哈:Hexo 插件 hexo-douban-getter —— 展示豆瓣标
  • Hexo next 主题加载自定义 js 文件

    千次阅读 2019-06-02 09:31:40
    Hexo next 主题加载自定义 js 文件 为什么要配置 hexo next 主题自定义 js 文件呢?主要原因有两点: 不可靠:加载第三方站点的 js 依赖其站点的稳定性,如果第三方站点给挂了或者不维护了,那么加载的地址就失效...
  • Hexo NexT主题自定义背景图片

    千次阅读 2020-10-31 21:20:25
    Hexo NexT主题自定义中可能会碰到的坑前言初衷个性化之路正文方法1(失败)方法2后记 前言 初衷 Hexo是一个基于Node.js的静态网页生成器,我将它与Github Page搭配使用,创建我的个人博客网站。 但是相信大家绝对...
  • 使用hexo NexT搭建个人博客 -v0.1 2021.5.24 Sherlock init 这篇文章记录一个简单个人博客的搭建过程,我们使用GitHub page + hexo + NexT主题的搭建方式。 整个搭建的环境是在一台arm64 ubuntu20.04机器上。 基础...
  • 上篇文章讲到,将Hexo NexT 博客成功上传到GitHub 并绑定到我们自定义的域名下了。 但是却还是有个问题,那就是Hexo NexT 博客如何进行后台管理呢? 如果总是通过手动创建文件的方式,是非常痛苦的。 那么有...
  • Hexo Next主题中,首页文章默认排序方式是按照时间逆序来排的,越新的文章排在越前面。当我们想让访客一进来就能看到推荐的文章时,可以将这些文章置顶。 1 卸载原插件和安装置顶插件 执行下面两行命令: npm ...
  • 记录 hexo next的 custom.stuyl记录custom.stuyl设置动态title侧栏加入已运行的时间增加站内文章搜索功能修改hexo/_config.yml站点配置文件,末尾新增以下代码: 记录custom.stuyl 位置themes\next\source\css\_custom...
  • hexo next主题集成gitment评论系统

    千次阅读 2017-09-08 07:40:35
    简介本文介绍hexo next主题(5.1.2)集成giment评论系统的过程。所谓gitment就是把评论放到github的issues系统里,评论支持md,比较适合程序员. 一.注册OAuth Application点击...
  • HEXO Next 主题 添加在线联系功能 在我们使用hexo 搭建我们个人博客时,我们可以使用DaoVoice 为我们的博客添加在线联系的功能。 效果: 一.注册 首先我们需要进行注册,点击前往注册,注册成功之后进入控制台,...
  • Hexo next主题中添加播放器Aplayer

    千次阅读 2020-02-07 14:51:18
    Hexo next主题中添加播放器Aplayer 下载 首先,先下载Aplayer源码:APlayer dist文件夹 再将文件中的dist文件夹复制到路径:blog/themes/next/source(我的next版本是7.5) 新建music.js 在目录blog/themes/...
  • Hexo Next 7.71

    2020-05-21 22:46:55
    4.安装Hexo 安装命令 npm install hexo-cli -g 安装成功界面: 搭建本地个人博客 初始化hexo 新建一个空白文件夹(下文提到的“项目根目录”是指你新建的文件夹的位置)用于存放 hexo 资源。在空白文件夹里面打开 ...
  • Hexo Next 解决 Busuanzi 统计浏览失效

    千次阅读 2018-10-11 23:25:31
    由于busuanzi(不蒜子)的网址更新,导致了使用Hexo Next主题时统计浏览数失效. 不蒜子官网:http://ibruce.info/2015/04/04/busuanzi/ 解决方法: 到hexo的themes文件夹下, 进入 \themes\next\layout_third-party\...
  • title: HEXO next live2d插件删除问题 date: 2018-03-06 13:09:12 updated: tags: [hexo,next,建站,学习,前端技术,疑问] description: 关于建站中解决live2d插件无法删除的记录,目前仍未彻底解决。 keywords: ...
  • 一直没有时间来整理下博客搭建的一些事情,现在补上一篇,给 Hexo Next 博客添加一个相册功能,使用瀑布流的方式。 原理说明 使用 github 作为仓库存储图片文件(图床) 使用 jsdelivr 进行图片 CDN 加速 优点 此...
  • title: hexo next主题为博客添加分享功能 date: 2018-01-06 20:20:02 tags: [hexo博客, 博客配置] categories: hexo next主题配置 --- 今天心血来潮,决定给博客添加分享功能,百度上首先是找到了使用shareSDK的分享...
  • hexo next 主题配置 gitalk 评论爬坑记

    千次阅读 2018-03-25 22:32:23
    hexo next 主题配置 gitalk 评论爬坑记 摘要 本文主要记录了我在配置 Hexo 博客 gitalk 评论功能时踩过的坑到最终爬出坑的过程,本教程献给打算给 Hexo 博客配置 gitalk 评论的小白朋友们(当然我也是 QAQ),避免...
  • 上篇文章 Hexo 博客框架NexT主题搭建指南 我们已经在本地搭建好了Hexo博客框架NexT主题的博客程序,但是这感觉还是远远不够。 我们还想把它部署到我们的Github上,让其他人可以看到我们的博客。 那么这节课就跟...
  • 后来看了一下配置文章发现hexo next主题已经内置了很多评论功能。有Disqus,畅言,valine,gitment等,对比之后发现还是使用gitment比较靠谱,毕竟是托管在GitHub上的,用起来比较稳。其他第三方会因为各种需要实名...
  • Hexo NexT主题修改动画效果速度

    千次阅读 2018-08-15 14:53:41
    Hexo NexT主题修改动画效果速度 每次打开博客、切换页面的时候都会有一段动画效果,感觉播放的速度有些慢,想调快些,但是网上搜了半天都没看到有教程,只有关闭动效这个方案,只好自己去翻源码了。 修改动画效果...
  • Hexo NexT 添加背景图片

    2021-03-04 22:11:09
    HexoNexT的版本如下: Hexo: 5.4.0 NexT: 8.2.2 由于在配置博客中选择的Hexonext主题,由于该主题较为单调,所以希望添加一张背景图片。 因为版本比较新,尝试了许多其他人的方法,发现并不可行,但在themes/...
  • hexo next 主题字体图标失效(丢失)

    千次阅读 2019-01-08 09:49:11
    hexo next 字体图标都不显示了, 报错如下: localhost/:1 Refused to apply style from 'http://localhost:4000/lib/font-awesome/css/font-awesome.min.css?v=4.6.2' because its MIME type ('text/html') is not...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 3,988
精华内容 1,595
关键字:

hexonext