让hexo-blog更像一个blog

让hexo-blog更像一个blog

hexo自带的blog样本可能不太满足我们对一个blog的追求,所以我们可以对站点配置和主题配置文件进行相应修改

我们先给hexo-选择一个主题

可以从https://github.com/hexojs/hexo/wiki/Themes 选择一个喜欢的主题,到对应github复制地址,git clone到hexo文件夹

git clone git@github.com:litten/hexo-theme-yilia.git themes/yilia

配置文件位置

1
2
3
4
5
6
7
8
9
10
11
12
13
.
├── .deploy #需要部署的文件
├── node_modules #Hexo插件
├── public #生成的静态网页文件
├── scaffolds #模板
├── source #博客正文和其他源文件, 404 favicon CNAME 等都应该放在这里
| ├── _drafts #草稿
| └── _posts #文章
├── themes #主题
| ├── 主题名 #主题名
| ├── _config.yml 我是主题配置文件
├── _config.yml #全局配置文件 我是站点配置文件
└── package.json

以上站点配置文件和主题配置文件位置

配置文件配置

  • 站点配置文件

    改博客title,描述,汉化,时区,主题

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    # Site blog信息设置
    title: 燃情岁月
    subtitle: 嘿嘿嘿
    description: fufublog
    keywords:
    author: fufua
    language: zh-CN
    timezone: Asia/Shanghai #广州貌似没有 用上海了

    # Extensions 主题设置
    ## Plugins: https://hexo.io/plugins/
    ## Themes: https://hexo.io/themes/
    theme: next
  • 主题配置文件

    这里主要改了主题风格和侧边栏显示位置、菜单改成了中文

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    # Schemes 这里是四种主题风格选择
    #scheme: Muse
    #scheme: Mist
    #scheme: Pisces
    scheme: Gemini
    #侧边栏位置设置
    sidebar:
    # Sidebar Position, available value: left | right (only for Pisces | Gemini).
    #position: left
    position: right
    #菜单设置
    menu:
    主页: / || home
    #archives: /archives
    目录: /categories || th
    标签: /tags || tags
    #commonweal: /404.html
    关于我: /about || user
    # Enable/Disable menu icons / item badges.
    # ||后面是图标指向

为菜单加点料

  • hexo文件夹中右击git bash here

  • 依次键入hexo new page tags、hexo new page categories、hexo new page about

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    .
    ├── source #博客正文和其他源文件, 404 favicon CNAME 等都应该放在这里
    | ├── _posts #文章
    | ├── about #关于我
    | ├── categories #目录
    | ├── index.md #markdown文件
    | ├── images #图片
    | └── tags #标签
    ├── themes #主题
    | ├── 主题名 #主题名
    | ├── _config.yml 我是主题配置文件
    ├── _config.yml #全局配置文件 我是站点配置文件
    └── package.json
  • 以categories为例,修改index.md,type一定要有

    1
    2
    3
    4
    5
    6
    ---
    title: 目录
    date: 2018-11-10 09:57:57
    type: "categories"
    comments: false
    ---
  • 这是about的index.md

    1
    2
    3
    4
    5
    6
    ---
    title: 关于我
    date: 2018-11-10 09:59:15
    comments: false
    ---
    我就是我,不一样的烟火~

关于新增一篇文章

这边有两种方法

  • git bash,键入hexo new 我是一个栗子

  • 或直接在_posts新建.md文件

  • 修改.md文件,栗子

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    ---
    title: 我是一个栗子
    date: 2018-11-10 10:18:13
    categories:
    - 栗子
    tags:
    - hexo
    ---
    <Excerpt in index | 首页摘要> <!-- more --><The rest of contents | 余下全文>
    下面你想怎么markdown就怎么markdown

    more是为了在首页可以不显示整篇文章

来个blog头像

  • 主题配置文件配置

    1
    2
    3
    avatar:
    #这个是主题source下的image文件夹
    url: /images/header.jpg

效果图

"图片描述"

"图片描述"


人生两苦:想要却不得,拥有却失去。 –褚禄山
珍惜当下,与君共勉~


本文标题:让hexo-blog更像一个blog

文章作者:fufua

发布时间:2018年11月03日 - 10:18:13

最后更新:2019年02月19日 - 15:30:13

原始链接:https://qq1028951741.github.io/2018/11/03/hexo2/

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。

this is end, thank you for reading