zoukankan      html  css  js  c++  java
  • hexo教程(四)——更改hexo主题

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

    更改hexo主题

    认识 _config.yml 文件

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

    • 网站
      kDVuzd.png

    title 网站的标题

    subtitle 网站的副标题

    description 网站的描述

    author 网站作者的名字

    language 网站的语言

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

    • 分页
      kDVQsI.png

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

    pagination_dir 分页的目录

    • 扩展
      kDV3eP.png

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

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

    挑选喜欢的网页主题

    • Hexo主题中选择我们喜欢的主题,这里我选择的是Anatole主题。

    • 点击此处下载主题压缩包,将其解压到Blog/hexo/themes中,将文件夹名由hexo-theme-Anatole-1.1.0改为anatole

    • _config.yml文件中上文提到的theme:改为theme: anatole
      kDV8df.png

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

    • 在命令行里输入npm install --save hexo-render-pug
      kDVtJg.png

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

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

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

    将设置应用到博客网站

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

  • 相关阅读:
    第二章 图像的显示
    c++ 使用PI
    c++函数写的都对,还是说incompatible或者not found的解决办法
    我理解的直方图均衡化
    解决360WiFi有时候手机连接不上
    c# 16进制byte转成int
    VS2010 代码突然改变字体 解决办法
    荣耀手机恢复那些“不再提示”的设置
    mfc视类中错误:IntelliSense: declaration is incompatible with。。。解决方案
    [原] Android 自定义View步骤
  • 原文地址:https://www.cnblogs.com/xrblog/p/11587356.html
Copyright © 2011-2022 走看看