Hexo

原创
2019/07/17 20:41
阅读数 3.9K

文章目录默认展开

参考文章

对于想要通过点击目录来进行展开与收缩的,需要进行下面的操作,把

//文章目录默认展开
.post-toc .nav .nav-child { display: block; }

里面的.nav-child去掉即可通过点击来实现目录的展开与收缩。

新建菜单以及添加菜单图标

next官网

在官网中查看主题设定->菜单那部分,当我们新添加一个菜单是(比如我要添加阅读),在next的配置文件中(_config.yml)里面找到下面的配置:

menu:
  home: / || home
  tags: /tags/ || tags
  categories: /categories/ || th
  archives: /archives/ || archive
  book: /book || book #这里是新添加的菜单

# Enable/Disable menu icons.
menu_icons:
  enable: tru
  book: book(这里是图标)

然后在开启的对应的语言文件中,比如我使用的是中文,那么就是在zh-Hans.yml文件中找到menu

menu:
  home: 首页
  archives: 归档
  categories: 分类
  tags: 标签
  search: 搜索
  book: 阅读

后面的book那一栏是后来添加的。需要注意的是在上面的第一个配置文件中所写的bookFont Awesomeicon的名称,这样才可以在我们自己的页面显示出图标。

添加社交功能之邮箱

在next主题配置文件搜索social:

social:
  E-Mail: mailto:1744709138@qq.com || envelope

这里只是显示了邮箱,这些原来都是注释掉的,自己去掉前面的注释即可,需要注意的是邮箱前面的mailto是必须要保留的,还有最后面的envelope则是图标名字,也是不能修改的。

友情链接的配置

next主题配置文件中查找标签links并进行如下配置:

# title
links_title: Links
links:
  MacTalk: http://macshuo.com/
  Title: http://example.com/

实现聊天功能

查看转载文章

添加近期文章展示

查看转载文章

显示文章的更新时间

在主题的配置文件中找到updated_at,然后将其值修改为true即可(这种方式应该是适用于5以后的版本)

对于以前的方式可以看这篇别人写的文章

字数统计与阅读时长

查看转载文章

添加版权信息

在站点配置文件搜索post_copyright,将enable修改为true,添加author即可。

post_copyright:
  enable: true
  license: CC BY-NC-SA 3.0
  license_url: https://creativecommons.org/licenses/by-nc-sa/3.0/
  author: 咖啡杯里的茶

修改文章底部的标签

修改模板 /themes/next/layout/_macro/post.swig,搜索 rel="tag">#,将 # 换成<i class="fa fa-tag"></i>

修改博客的背景图

themes->next->source->css->_custom->custom.styl添加如下的代码:

//背景图
body { 
    background-image: url(https://i.loli.net/2019/05/02/5ccab829cdad9.jpg);
    background-attachment: fixed; // 不随屏幕滚动而滚动fixed,scroll,inherit
    background-repeat: no-repeat; // 如果背景图不够屏幕大小则重复铺,改为no-repeat则表示不重复铺
    background-size: cover; // contain等比例铺满屏幕 //cover拉伸铺满
    background-position: bottom;//x,y轴调整
    +mobile(){
      //background-position: 0% -20%;https://i.loli.net/2019/05/02/5ccab829cdad9.jpg
      //https://i.loli.net/2018/12/29/5c270fc2bfcad.png
      background-image: url(https://i.loli.net/2019/05/02/5ccab829cdad9.jpg);
      background-size: cover;
    }
}

上面几个有url的地方换成自己想要使用的背景图的图片的外链地址即可。

将文章归类到新建的菜单中

比如自己已经添加了新的菜单book,现在想要将新建的文章归类到book这个菜单下做法如下:

在menu下如下配置:

menu:
    home: / || home
    tags: /tags/ || tags
    categories: /categories/ || th
    archives: /archives/ || archive
    book: categories/book || book

最后一个book是我自己新建的分类。然后再写文章时添加如下头部信息:

title: abc
categories:
  - book

这样当你点击book那个菜单时就会先显示abc这篇文章。

参考链接

githubPag自定义域名

查看文章

多台电脑使用hexo

不修改主题

查看文章

需要注意的是如果后续只是写博客而没有修改主题等文件的话只需使用hexo分支来操作即可。

修改主题

如果需要修改主题的话依然是需要在搭建博客的电脑上搭建博客的那个目录(hexo),使用两台电脑来写博客时都是使用的是后来创建的分支,此时修改主题则是在博客搭建目录里面去修改,修改完之后直接在博客搭建目录使用git bash,然后通过hexo cleanhexo d -g, 将修改的主题发布出去,但是此时需要注意的是当我们发布之后再去访问自己的博客发现文章可能会少很多,这很正常,因为我们后来写的博客都是在创建的分支上面去写的,最开始创建博客的那个目录并没有维护起来,此时看到的博客其实是最开始创建博客的那个目录里面的文章,所以此时只需要将修改的那部分主题文件拷贝到我们的分支目录对应位置,然后提交并且在在分支目录里面重新hexo cleanhexo d -g一次就可以了。以后只要不修改主题文件就都是在分支上操作了,只要需要修改主题文件时才需要在最开始创建博客的那个目录去操作然后拷贝到分支上并提交。

我们创建博客的那个目录并不是一个repository,所以在那个目录是不能使用git命令的,只是我们将其余github进行了关联而已,所以在那里面只能使用hexo命令

经过测试,不是非要在创建博客的那台上脑上该样式才有作用,实际上在另外的一台电脑上直接修改样式也是有效果的。

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部