cirry

cirry

我的原生博客地址:https://cirry.cn

hexo(2)配置主题

上一篇文章中已经让我们的博客的可以简单的撰写和部署了,但是在一些细节上还有很有很多地方可以优化。接下来一点一点完善我们的博客内容。

设置头像#

hexo 可以在很多地方存放图片和文件,但是每一篇文章都放在一个文件夹或者每一篇文章对应一个图片文件夹,都会让我们的项目变的越来越臃肿。所以后面的图片存储我都存放在自己的 OSS(对象存储)中,不是图床,目前很多的自搭图床还不支持音频、视频等格式。

经过上一篇文章的部署后,我们会发现我们已经有一个默认头像了,头像的设置位置在根目录下的_config.maupassant.yml中:

info:  
  avatar: /img/avatar.png  # 修改为这个路径
  discription: 生命的意义在于折腾 # 头像下方的个性签名

同时,我们在themes/maupassant/source/img/下可以找到默认的头像avatar.png我们只需要替换掉这个图片即可

需要重新运行一下hexo g,才能看到头像正常显示。

但是对于其他图片资源,我们的最佳实践还是在source目录下创建一个图片文件夹images,将我们的图片avatar.png放入其中,目录结构如下:

image

说明:其中publichexo generate命令生成的文件夹,public/images对应的是source/images后打包的文件,public/img/avatar.png是默认头像的存储位置。

修改外部链接#

同样在根目录下的_config.maupassant.yml中:

info:  
  avatar: /img/avatar.png  
  discription: 最重要的事只有一件 
  outlinkitem:  
    - name: envelope  
      outlink: [email protected]  
      message: Email  
    - name: github  
      outlink: https://github.com/cirry  
      message: Github  
    - name: rss  
      outlink: /atom.xml  
      message: RSS

修改友链#

links: # 友链  
  - title: 菜小牛  
    url: https://cirry.cn/  
    src: https://cirry.cn/favicon.ico  
    desc: 菜小牛的博客

设置时间线#

首先创建一个时间线页面,跟留言关于我页面的创建方法相同。

hexo new page timeline

接着在_config.maupassant.yml中的menu属性中,添加时间线页面。

menu:  
  - page: home  
    directory: .  
    icon: fa-home  
  - page: archive  
    directory: archives/  
    icon: fa-archive  
  - page: about  
    directory: about/  
    icon: fa-user  
  - page: history   # 新增history页面
    directory: timeline/  # 配置上面创建的页面路径
    icon: fa-book  # 配置图标
  - page: guestbook  
    directory: guestbook/  
    icon: fa-comments

接着在source/timeline/index.md的头信息中,新增一条信息:

---  
title: 时间线  
date: 2022-08-28 13:02:01  
layout: timeline   # 新增这一条元信息
---

最后时间线的内容都在_config.maupassant.yml添加即可:

timeline:  
  - num: 1  
    word: 2022-08-20 搭建此博客  
  - num: 2  
    word: 2022-08-21 第一篇博客部署

需要重新执行hexo server 才能看到效果。

开启百度统计#

第一步获取百度统计 id,打开百度统计官网,登录账号。

在账户设置中 --> 新增网站,正确填写需要统计网站信息。注意如果网站开启了 https,请填写完整的地址,否则可能会统计失败。

image

在代码管理中,复制百度统计生成的 id,即红色框框中的内容:

image

_config.maupassant.yml中找到baidu_analytics,将 id 复制在其后面即可。

baidu_analytics: "b**********************4" ## Your Baidu Analytics tracking id, e.g. 8006843039519956000

文末展示版权信息#

_config.maupassant.yml中找到post_copyright并开启功能和配置。

post_copyright:  
  enable: true 
  author: 菜小牛 ## Your author name, e.g. tufu9441  
  copyright_text:
   本作品采用<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">「署名-非商业性使用-相同方式共享 4.0 国际」</a>许可协议进行许可。
   ## Your copyright text, e.g. The author owns the copyright, please indicate the source reproduced.

配置完成后样式如下:
image

开启不蒜子功能#

不蒜子官网不蒜子详细配置文档

_config.maupassant.yml中找到busuanzi并开启功能,设置如下:

busuanzi: true ## If you want to use Busuanzi page views please set the value to true.

下一篇说插件的安装和配置。

加载中...
此文章数据所有权由区块链加密技术和智能合约保障仅归创作者所有。