上一篇文章中已经让我们的博客的可以简单的撰写和部署了,但是在一些细节上还有很有很多地方可以优化。接下来一点一点完善我们的博客内容。
设置头像#
hexo 可以在很多地方存放图片和文件,但是每一篇文章都放在一个文件夹或者每一篇文章对应一个图片文件夹,都会让我们的项目变的越来越臃肿。所以后面的图片存储我都存放在自己的 OSS(对象存储)中,不是图床,目前很多的自搭图床还不支持音频、视频等格式。
经过上一篇文章的部署后,我们会发现我们已经有一个默认头像了,头像的设置位置在根目录下的_config.maupassant.yml
中:
info:
avatar: /img/avatar.png # 修改为这个路径
discription: 生命的意义在于折腾 # 头像下方的个性签名
同时,我们在themes/maupassant/source/img/
下可以找到默认的头像avatar.png
,我们只需要替换掉这个图片即可。
需要重新运行一下hexo g
,才能看到头像正常显示。
但是对于其他图片资源,我们的最佳实践还是在source
目录下创建一个图片文件夹images
,将我们的图片avatar.png
放入其中,目录结构如下:
说明:其中public
是hexo 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,请填写完整的地址,否则可能会统计失败。
在代码管理中,复制百度统计生成的 id,即红色框框中的内容:
在_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.
配置完成后样式如下:
开启不蒜子功能#
在_config.maupassant.yml
中找到busuanzi
并开启功能,设置如下:
busuanzi: true ## If you want to use Busuanzi page views please set the value to true.
下一篇说插件的安装和配置。