上一篇文章中已经让我们的博客的可以简单的撰写和部署了,但是在一些细节上还有很有很多地方可以优化。接下来一点一点完善我们的博客内容。
设置头像
hexo可以在很多地方存放图片和文件,但是每一篇文章都放在一个文件夹或者每一篇文章对应一个图片文件夹,都会让我们的项目变的越来越臃肿。所以后面的图片存储我都存放在自己的OSS(对象存储)中,不是图床,目前很多的自搭图床还不支持音频、视频等格式。
经过上一篇文章的部署后,我们会发现我们已经有一个默认头像了,头像的设置位置在根目录下的_config.maupassant.yml
中:
同时,我们在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
中:
修改友链
设置时间线
首先创建一个时间线页面,跟留言
和关于我
页面的创建方法相同。
hexo new page timeline
接着在_config.maupassant.yml
中的menu
属性中,添加时间线页面。
接着在source/timeline/index.md
的头信息中,新增一条信息:
最后时间线的内容都在_config.maupassant.yml
添加即可:
需要重新执行hexo server
才能看到效果。
开启百度统计
第一步获取百度统计id,打开百度统计官网,登录账号。
在账户设置中—> 新增网站,正确填写需要统计网站信息。注意如果网站开启了 https,请填写完整的地址,否则可能会统计失败。
在代码管理中,复制百度统计生成的id,即红色框框中的内容:
在_config.maupassant.yml
中找到baidu_analytics
,将id复制在其后面即可。
文末展示版权信息
在_config.maupassant.yml
中找到post_copyright
并开启功能和配置。
配置完成后样式如下:
开启不蒜子功能
在_config.maupassant.yml
中找到busuanzi
并开启功能,设置如下:
下一篇说插件的安装和配置。