精华内容
下载资源
问答
  • 特开此贴记录next主题优化过程中遇到的问题,希望对大家有所帮助。 一些说明 前期相关的Hexo安装、本地/远程部署教程可百度在此不再赘述。 基于hexo-next v5.1.4,向上兼容,向下兼容性不确定,特此声明。 我的...

    本文最新更新于: 月小水长的个人博客

    前言

    开此贴的原因

    前几天博客崩了,重新搭建了这个博客站点。
    特开此贴记录next主题优化过程中遇到的问题,希望对大家有所帮助。

    一些说明

    前期相关的Hexo安装、本地/远程部署教程可百度在此不再赘述。
    基于hexo-next v5.1.4,向上兼容,向下兼容性不确定,特此声明。
    我的博客本地根目录是D:\hexoblog
    站点配置文件全路径是‪D:\hexoblog\_config.yml
    next主题文件全路径是‪D:\hexoblog\themes\next\_config.yml

    hexo常见操作

    hexo new "postName" #新建文章
    hexo new page "pageName" #新建页面
    hexo clean #清除部署緩存
    hexo n == hexo new #新建文章
    hexo g == hexo generate #生成静态页面至public目录
    hexo s == hexo server #开启预览访问端口(默认端口4000,可在浏览器输入localhost:4000预览)
    hexo d == hexo deploy #将.deploy目录部署到GitHub
    hexo g -d #生成加部署
    hexo g -s #生成加预览


    next主题优化

    next风格选择

    next有四种风格,在站点配置文件搜索字段Scheme Settings可以看到,

    # Scheme Settings
    # ---------------------------------------------------------------
    # Schemes
    #scheme: Muse
    #scheme: Mist
    #scheme: Pisces
    scheme: Gemini
    

    我这里用的是四种:Gemini

    next菜单设置

    比如可以看到我的主页有首页留言分类归档标签等菜单,
    在站点配置文件下搜索menu:,可以看到

    menu:
      home: / || home
      about: /about/ || user
      message: /message/ || comment
      tags: /tags/ || tags
      categories: /categories/ || th
      archives: /archives/ || archive
      #schedule: /schedule/ || calendar
      #sitemap: /sitemap.xml || sitemap
      #commonweal: /404/ || heartbeat
    

    home就是首页;message就是留言…一开始只有首页和归档,其余的需要我们手动创建,
    在站点根目录下打开命令行,输入hexo new page "about"
    并在主题配置文件menu:字段处取消对about的注释
    重新部署我们就可以看到主页有关于这个菜单了,其他的类似,
    修改D:\hexoblog\source\about\index.md,就可以修改关于界面了
    about: /about/ || user中的user是指关于菜单附件的图标用的是图标库里面名为user的图标


    常见错误

    本地预览和同时发布到远程的浏览结果不一致

    这是由缓存造成的,需要先hexo clean,再hexo g -d部署到远程


    markdown高级语法

    插入连续多行的代码块

    按一个tab键,然后贴代码,保证每一行代码前都要额外的tab键,同时最前面空一行。
    比如,我前面插入的连续行代码的实现效果:

    设置文字大小和颜色和居中效果

    hello,world!
    hello,world!
    hello,world!
    hello,world!

    hello,world!
    上面的效果需要在markdwon中的代码是这样的:
    hello,world!    
    <font color="#FF0000"> hello,world! </font>     
    <font size=5> hello,world! </font>  
    <font size=5 color="#FF0000">hello,world! </font>      
    <center>hello,world!</center>  
    
    其中默认的字体大小在2到3之间,但是size不能为小数

    插入表格

    效果图:

    左对齐标题 右对齐标题 居中对齐标题
    短文本 中等文本 稍微长一点的文本
    稍微长一点的文本 短文本 中等文本

    markdown代码如下:

    | 左对齐标题 | 右对齐标题 | 居中对齐标题 |
    | :------| ------: | :------: |
    | 短文本 | 中等文本 | 稍微长一点的文本 |
    | 稍微长一点的文本 | 短文本 | 中等文本 |
    

    展开全文
  • 博客的主题Scheme Scheme 的切换通过更改主题配置_config.yml文件,搜索 scheme 关键字,将你需用启用的 scheme 前面注释 # 去除即可。 #Schemes #scheme: Muse #scheme: Mist #scheme: Pisces scheme: Gemini 设置...

    博客的主题Scheme

    Scheme 的切换通过更改主题配置_config.yml文件,搜索 scheme 关键字,将你需用启用的 scheme 前面注释 # 去除即可。

    #Schemes
    #scheme: Muse
    #scheme: Mist
    #scheme: Pisces
    scheme: Gemini
    

    设置你想要的菜单

    也是在主题配置_config.yml文件里面,搜索menu关键字

    menu:
      home: /
      #about: /about/ || user
      #tags: /tags/ || tags
      categories: /categories/|| th
      archives: /archives
      #schedule: /schedule/ || calendar
      #sitemap: /sitemap.xml || sitemap
      #commonweal: /404/ || heartbeat
    

    为博客增加分类

    执行以下命令
    hexo new page categories
    打开blog/source/categories/index.md,增加type: “categories”

    title: categories
    date: 2020-05-05 22:45:12
    type: "categories"
    

    给文章添加“categories”属性,这样就可以完成了
    例如

    title: 博客新增加的功能
    date: 2020-05-06 14:36:37
    categories: hexo
    

    在这里插入图片描述

    现在很晚了,改天写社交,搜索和打赏等功能.

    这是我搭建的博客网站 www.deyia.top

    还没完善好,一起加油

    展开全文
  • 改了博客的风格 增加了分类功能 增加了搜索功能 增加了我的微博 增加了打赏功能 这是我搭建的博客网站 www.deyia.top

    改了博客的风格

    在这里插入图片描述

    增加了分类功能

    在这里插入图片描述

    增加了搜索功能

    在这里插入图片描述

    增加了社交—我的微博

    在这里插入图片描述

    增加了打赏功能

    在这里插入图片描述

    这是我搭建的博客网站 www.deyia.top

    还没完善好,一起加油!

    展开全文
  • Hexo NexT 主题SEO优化指南

    千次阅读 2016-08-16 10:45:53
    当我们搭建一个网站之后,如果没有做一些相关的搜索引擎优化SEO,那么我们的网站是很难获取来自搜索引擎的流量的,用户很难在搜索引擎上搜索到我们网站的内容,所以接下来我们要为Hexo网站做一些简单的搜索优化

    难的不是做完一件事,难的是做好一件事

    一、前言

    博客搭起来也有好一段时间了,刚搭博客那会。百度一搜,还能到第一页,现在搜索得到四五页去了。是时候补补SEO方面的优化了。

    二、SEO是什么

    百度百科对”seo”的定义是:SEO(Search Engine Optimization),汉译为搜索引擎优化。搜索引擎优化是一种利用搜索引擎的搜索规则来提高目的网站在有关搜索引擎内的排名的方式。SEO目的理解是:为网站提供生态式的自我营销解决方案,让网站在行业内占据领先地位,从而获得品牌收益。SEO包含站外SEO和站内SEO两方面。因此每个人都有一个标准去衡量这个新名词,确实这个新东西让我们在互联网查询自己的东西很方便,只需要你查询自己的关键词或者你查询的名词都可以很快地的出现你所需要的文章或者图片、视频乃至自己喜欢的宝贝。

    除开站外SEO,自己能做的有两方面。一是针对个人网站的页面排版进行SEO的优化;二是针对搜索引擎进行主动的优化。

    三、针对百度搜索引擎的优化

    生在我大天朝,百度毫无疑问是搜索大头了。尽管最近是有百度各种XXX的消息,百度也确实是做的很不对,但也不得不承认,国内其他搜索引擎还真比不上百度。所以就还是老老实实的去迎合百度搜索引擎吧。

    1. 添加百度 sitemap

    之前有一篇文章专门讲了sitemap的添加,这里就不多讲了,给出地址:Hexo 博客添加百度sitemap

    2. 添加蜘蛛协议 robots

    新建robots.txt文件,添加以下文件内容,把robots.txt放在hexo站点的source文件下。

    # hexo robots.txt
    User-agent: * Allow: /
    Allow: /archives/
    Disallow: /vendors/
    Disallow: /js/
    Disallow: /css/
    Disallow: /fonts/
    Disallow: /vendors/
    Disallow: /fancybox/
    
    Sitemap: http://lancelot_lewis.coding.me/sitemap.xml
    Sitemap: http://lancelot_lewis.coding.me/baidusitemap.xml

    然后去百度站长平台检测robots文件看看有没有生效。

    四、网站结构自身优化

    1. 给出站链接添加 “nofollow” 标签

    网络爬虫会在当前页面搜索所有的链接,然后一个个查看,所以就很有可能跳到别的网站就不回来了。这个时候就需要nofollow起作用了。
    nofollow标签是由谷歌领头创新的一个“反垃圾链接”的标签,并被百度、yahoo等各大搜索引擎广泛支持,引用nofollow标签的目的是:用于指示搜索引擎不要追踪(即抓取)网页上的带有nofollow属性的任何出站链接,以减少垃圾链接的分散网站权重。

    Hexo 的 Next 主题需要改以下几个地方:

    • 找到footer.swig,路径在your-hexo-site\themes\next\layout\_partials,将下面代码中的a标签加上rel="external nofollow"属性;
    {{ __('footer.powered', '<a  class="theme-link"  href="http://hexo.io">Hexo</a>') }}
    <a class="theme-link" href="https://github.com/iissnan/hexo-theme-next">
    • 修改sidebar.swig文件,路径在your-hexo-site\themes\next\layout_macro,将下面代码中的a标签加上rel="external nofollow"属性;
    <a href="{{ link }}" target="_blank">{{ name }}</a>
    <a href="http://creativecommons.org/licenses/{{ theme.creative_commons }}/4.0" class="cc-opacity" target="_blank">

    2. keywords 和 description

    \scaffolds\post.md中添加如下代码,用于生成的文章中添加关键字和描述。

    keywords:
    description:

    \themes\next\layout\_partials\head.swig有如下代码,用于生成文章的keywords。原本是没有 description 的位置,可以自己在这段代码后加上以下代码:

    {% if page.description %}
        <meta name="description" content="{{ page.description }}" />
    {% elif theme.description %}
        <meta name="description" content="{{ theme.description }}" />
    {% endif %}

    后来经过实践发现 Hexo NexT 会默认添加 description,所以这里可以不添加这段代码

    3. 首页title的优化

    更改index.swig文件,文件路径是your-hexo-site\themes\next\layout,将下面代码

    {% block title %}  {{ config.title }}  {% endblock %}

    改成

    {% block title %}  {{ config.title }} - {{ theme.description }}  {% endblock %}

    4. 修改文章链接

    HEXO默认的文章链接形式为domain/year/month/day/postname,默认就是一个四级url,并且可能造成url过长,对搜索引擎是十分不友好的,我们可以改成domain/postname 的形式。编辑站点_config.yml文件,修改其中的permalink字段改为permalink: :title.html即可。

    附上个人博客对应博文地址:http://lancelot_lewis.coding.me/2016/08/16/blog/Hexo-NexT-SEO/

    展开全文
  • 文章目录tip:没有耐心的可以直接看:正式在hexo next中加入懒加载(最下面)废话背景懒加载简单介绍引入js重点!敲黑板了!!!完善懒加载函数懒加载函数可配置的参数正式在hexo next中加入懒加载1:2:3:按我的...
  • Hexo-next主题优化

    2021-04-23 20:14:31
    Hexo-next主题优化
  • 文章目录背景:进入正题pjax初体验--instantclick真正的pjax第一步第二步第三步第四步专门基于hexo next主题的pjax(将丢失的js效果重现)将下面讲到的提取出来点击右边的sidebar,sidebar不出现sidebar自动隐藏,...
  • Hexo主题Next优化

    2021-03-20 22:45:01
    然后粘贴刚才复制的代码到themes/next/layout/_layout.swig文件中(放在<divclass=“headband”>的下面),并把href改为你的github地址 添加RSS 切换到你的blog(我是取名blog,具体的看你们的取名是什么)的...
  • 个人博客:https://mmmmmm.me 源码:...通过不断地上网查资料,引用的js、css、图片文件,通过cdn的方式是比直接放到本地要慢的,所以将自己博客能找到的cdn全部换成本地文件。 ...
  • hexo next主题深度优化(七),cdn加速。

    千次阅读 2019-09-25 05:46:12
    有点贵,貌似100或者200 1Mb/s,对于我的小blog有点贵,以后流量多了肯定会接入的,经过前面的优化,感觉速度已经上升了一大截了,希望以后有机会搞大型网站,这样就可以不花自己的钱玩cdn了,坏坏哒~ 转载于:...
  • 文章目录require.js的好处,hexo next中加入require.js新建一个main.js作为所有js的入口pjax的require.js实现关于require js适配过程中报的错误aplayer.min.js只能在——lauout加载一直报错:MISMATCHED ANONYMOUS ...

空空如也

空空如也

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

hexonext主题优化