上两张文章,我们说了 hexo 部署、主题的切换、博文的创建、MarkDown 简单使用和 hexo 部署到 GitHub Pages。

也说了我们会使用 next 主题做为我们后期博客的使用和维护。但是该主题的原生态,可能或多或少不满足我们当前的需求,因此需要我们对其进行优化,达到我们想要的效果。

因此这篇文章和下篇文章主要就是针对主题的优化进行书写的。

注意事项

1、优化完毕或者新建博客后需要 hexo g 生成静态文件;

2、然后重新启动服务,使用命令 hexo s -p 80

3、浏览器查看没有问题后,部署到 GitHub,使用命令:hexo d

hexo 的 _config.yml优化

官网地址

https://hexo.io/zh-cn/docs/configuration.html

网站设置部分

 [root@zhangblog hexo]# vim _config.yml
# Site
title: lightzhang博客
subtitle:
description: lightzhang博客,不止于技术,更记录人生点滴感悟。
keywords:
author: lightzhang
language:
timezone:

title 网站标题,需要填写
subtitle 网站副标题
description 网站描述,主要用于SEO,告诉搜索引擎一个关于您站点的简单描述,通常建议在其中包含您网站的关键词。
author 您的名字,用于主题显示文章的作者。
language 网站使用的语言
timezone 网站时区。Hexo 默认使用您电脑的时区。

网址设置部分

 [root@zhangblog hexo]# vim _config.yml
# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://www.zhangblog.com
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:

url 网址
root 网站根目录
permalink 文章的永久链接格式 默认格式 :year/:month/:day/:title/
permalink_defaults 永久链接中各部分的默认值

网站存放在子目录
如果您的网站存放在子目录中,例如 http://yoursite.com/blog  ,则请将您的 url 设为 http://yoursite.com/blog 并把 root 设为 /blog/。

目录设置部分

[root@zhangblog hexo]# vim _config.yml
# Directory
source_dir: source
public_dir: public
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code
i18n_dir: :lang
skip_render:

目录一般不需要修改。
source_dir 资源文件夹,这个文件夹用来存放内容。默认:source
public_dir 公共文件夹,这个文件夹用于存放生成的站点文件。默认:public
tag_dir 标签文件夹。默认:tags
archive_dir 归档文件夹。默认:archives
category_dir 分类文件夹。默认:categories
code_dir Include code 文件夹 downloads/code
i18n_dir 国际化(i18n)文件夹。默认 :lang
skip_render 跳过指定文件的渲染

文章设置部分

 [root@zhangblog hexo]# vim _config.yml
# Writing
new_post_name: :title.md # File name of new posts
default_layout: post
titlecase: false # Transform title into titlecase
external_link: true # Open external links in new tab
filename_case:
render_drafts: false
post_asset_folder: false
relative_link: false
future: true
highlight:
enable: true
line_number: true
auto_detect: false
tab_replace:

一般不用修改
new_post_name 新文章的文件名称。默认 :title.md
default_layout 预设布局,默认 post
auto_spacing 在中文和英文之间加入空格,默认 false
titlecase 把标题转换为 title case,默认 false
external_link 在新标签中打开链接,默认 true
filename_case 把文件名称转换为 (1) 小写或 (2) 大写,默认 0
render_drafts 显示草稿,默认 false
post_asset_folder 启动 Asset 文件夹,默认 false
relative_link 把链接改为与根目录的相对位址,默认 false
future 显示未来的文章,默认 true
highlight 代码块的设置

分页设置部分

 [root@zhangblog hexo]# vim _config.yml
# Pagination
## Set per_page to to disable pagination
per_page:
pagination_dir: page

per_page 每页显示的文章量 (0 = 关闭分页功能),默认 10
pagination_dir 分页目录,默认 page

扩展部分设置

 [root@zhangblog hexo]# vim _config.yml
# Extensions
# 使用主题
theme: next

theme 当前使用主题名称。值为false时禁用主题

部署部分设置

 [root@zhangblog hexo]# vim _config.yml
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: git@github.com:zhanglianghhh/zhanglianghhh.github.io.git
branch: master

deploy 部署部分的设置

推荐阅读

Linux下使用 github+hexo 搭建个人博客01-hexo搭建

Linux下使用 github+hexo 搭建个人博客02-hexo部署到Github Pages

Linux下使用 github+hexo 搭建个人博客03-hexo配置优化

Linux下使用 github+hexo 搭建个人博客04-next主题优化

Linux下使用 github+hexo 搭建个人博客05-next主题接入评论系统

Linux下使用 github+hexo 搭建个人博客06-next主题接入数据统计

Linux下使用 github+hexo 搭建个人博客07-next主题接入搜索和站点管理


Linux下使用 github+hexo 搭建个人博客03-hexo配置优化的更多相关文章

  1. hexo 搭建静态博客 + Next 主题配置

    参考手册 HEXO:https://hexo.io/zh-cn/ NEXT:http://theme-next.iissnan.com/ 安装hexo npm install hexo-cli -g ...

  2. 利用Hexo搭建个人博客-博客初始化篇

    上一篇博文 <利用Hexo搭建个人博客-环境搭建篇> 中,我们讲解了利用Hexo搭建个人博客应该要配置哪些环境.相信大家已经迫不及待的想要知道接下来应该要怎么把自己的博客搭起来了,下面,让 ...

  3. Linux下使用 github+hexo 搭建个人博客07-next主题接入搜索和站点管理

    这是搭建个人博客系统系列文章的最后一篇,如果你是从第一篇一路跟下来的,那么恭喜你,即将完成整个博客网站的搭建.OK,话不多说,开始我们的收官之战. 不知你想过没有,如果我们的文章少,一眼看完整个目录, ...

  4. Linux下使用 github+hexo 搭建个人博客06-next主题接入数据统计

    之前说了 next 主题的优化和接入评论系统.让我们完成了自己所需的页面风格和排版,也可让访问用户在每篇博文评论,完成博主和访问用户的交互. 本章我们继续讲解其他重要功能. 既然是一个网站,那么我们就 ...

  5. Linux下使用 github+hexo 搭建个人博客05-next主题接入评论系统

    静态站点拥有一定的局限性,因此我们需要借助于第三方服务来扩展我们站点的功能. 而评论系统是最常用于和网站用户交流的,因此本章讲解在 next 主题,如何接入评论系统. 参考网站:Next 使用文档,第 ...

  6. Linux下使用 github+hexo 搭建个人博客04-next主题优化

    上篇我们说了 hexo 的优化,针对的站点的优化. 本篇讲解 next 主题的优化,包括:使用语言.前端页面显示宽度.菜单.侧栏.头像.添加或取消动画效果.打赏功能等等. 让页面排版更符合我们所要的功 ...

  7. Linux下使用 github+hexo 搭建个人博客02-hexo部署到Github Pages

    之前的这篇文章<Linux下使用 github+hexo 搭建个人博客01-hexo搭建>,相信大家都知道怎么搭建 hexo ,怎么切换主题,并且完成了一篇博文的创建,以及 MarkDow ...

  8. Linux下使用 github+hexo 搭建个人博客01-hexo搭建

    为什么要搭建自己的博客系统? 原因有好几个吧,归类如下:1.自己搭建博客系统很有成就感,可以自己选定页面风格和页面排版: 2.自己搭建博客系统可以根据自己的需要添加各种插件功能,因此整体上比网上的第三 ...

  9. Windows下通过GitHub+Hexo搭建个人博客的步骤

    Windows下通过GitHub+Hexo搭建个人博客的步骤  https://blog.csdn.net/namechenfl/article/details/90442312 https://bl ...

随机推荐

  1. H5和ionic RN和Weex 他们之间的比较

    使用H5和ionic 进行移动APp开发 首先要开发一个完整的网站,然后,在网站的基础上,使用 H5+huozhe ionic提供的打包技术,把网站打包成一个应用. 把网站打包成一个可以安装到手机上运 ...

  2. spingboot 2.1.3 与 elasticsearch7 兼容问题

    pom 加入 elasticsearch7  的依赖, <dependency> <groupId>org.elasticsearch</groupId> < ...

  3. oc:定时删除ES日志数据释放空间

    修改方法: 1.直接编辑修改 查看当前logging-curator配置,了解当前定时删除大的策略. oc edit configmap/logging-curator 打开后,可以直接编辑保存. 2 ...

  4. JavaScript中常用的字符串方法

    1. charAt(x) charAt(x)返回字符串中x位置的字符,下标从 0 开始. //charAt(x) var myString = 'jQuery FTW!!!'; console.log ...

  5. IT兄弟连 HTML5教程 “无意义”的HTML元素div和span

    HTML只是赋予内容的手段,大部分HTML标签都有其意义(例如,标签a创建链接,标签h1创建标题等),然而div和span标签似乎没有任何内容上的意义,听起来就像一个泡沫做成的锤子一样无用.但实际上, ...

  6. idea自用快捷键(非常实用)

    最近看了下idea的快捷键,不禁感慨idea真是太强大了,这里记录一下我常用的快捷键 Ctrl+F:在当前文件中查找 Ctrl+R:替换字符串 Alt + shift + 鼠标点击   多处同时编辑 ...

  7. Spring Boot Starters到底怎么回事?

    前言 上周看了一篇.你一直在用的Spring Boot Starters究竟是怎么回事(https://www.cnblogs.com/fengzheng/p/10947585.html)   感觉终 ...

  8. 流程图软件 drawio 免费 github开源

    做程序需要画流程图,发现迅捷流程图的在线版挺好用的,但是,它的导出只允许VIP会员,不是VIP会员只能导出xsd文件,而且要注册账号,极为麻烦. 在知乎看到了一位网友的评论,有一款软件和迅捷流程图一模 ...

  9. ArcGIS API for JavaScript小白入门

    简单理解就是:通过js调用arcgis相关的方法和通过html引入css等资源来展示地图,代码如下: <!DOCTYPE html> <html> <head> & ...

  10. 解决:target overrides the `GCC_PREPROCESSOR_DEFINITIONS`

    [!] Please close any current Xcode sessions and use `******.xcworkspace` for this project from now o ...