首页 > 其他 > 详细

hexo教程(四)——更改hexo主题

时间:2019-09-25 22:29:46      阅读:87      评论:0      收藏:0      [点我收藏+]

在之前的内容中,我们成功地发布了第一篇博客,这次,我们看一下如何更改hexo主题

更改hexo主题

认识 _config.yml 文件
在Blog/hexo/文件夹中,有一个_config.yml文件,里面存放了博客网站的配置信息,我们用文本编辑器打开它。打开以后,我们挑需要的内容来看。

  • 网站
    技术分享图片

title 网站的标题

subtitle 网站的副标题

description 网站的描述

author 网站作者的名字

language 网站的语言

timezone 网站的时区。默认使用本地电脑的时区

  • 分页
    技术分享图片

per_page 每页显示的文章数量。如果设置为0,则表示不分页

pagination_dir 分页的目录

  • 扩展
    技术分享图片

theme 主题。如果设置为false,则表示禁用主题。

【注意】在编辑_config.yml文件时,一定要在:输入的内容之间加一个空格

挑选喜欢的网页主题

  • Hexo主题中选择我们喜欢的主题,这里我选择的是Anatole主题。
  • 点击此处下载主题压缩包,将其解压到Blog/hexo/themes中,将文件夹名由hexo-theme-Anatole-1.1.0改为anatole
  • _config.yml文件中上文提到的theme:改为theme: anatole
    技术分享图片

  • 在命令行中输入npm install --save hexo-render-pug hexo-generator-archive hexo-generator-tag hexo-generator-index hexo-generator-category,安装和配置必要的插件,大概一分钟左右。
    技术分享图片

  • 在命令行里输入npm install --save hexo-render-pug
    技术分享图片

【注意】一定要注意,这些命令语句是在hexo的根目录下输入的,而不是主题anatole的目录下

  • 我们可以在_config.yml文件中,添加avatar:,后面附带一个图片的链接,就可以作为自己博客的头像了
    技术分享图片

  • _config.yml文件中,添加github:,后面附带上github用户名,就可以在主页上出现你的github链接
    技术分享图片

将设置应用到博客网站

我们执行和上传博文一样的方式,执行hexo ghexo d命令,再打开你的博客网站,就会发现网站已经成功更改了主题
技术分享图片

hexo教程(四)——更改hexo主题

原文:https://www.cnblogs.com/xrblog/p/11587356.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!