上两张文章,我们说了 hexo 部署、主题的切换、博文的创建、MarkDown 简单使用和 hexo 部署到 GitHub Pages。
也说了我们会使用 next 主题做为我们后期博客的使用和维护。但是该主题的原生态,可能或多或少不满足我们当前的需求,因此需要我们对其进行优化,达到我们想要的效果。
因此这篇文章和下篇文章主要就是针对主题的优化进行书写的。
注意事项
1、优化完毕或者新建博客后需要 hexo g 生成静态文件;
2、然后重新启动服务,使用命令 hexo s -p 80
3、浏览器查看没有问题后,部署到 GitHub,使用命令:hexo d
hexo 的 _config.yml优化
官网地址
代码语言:javascript复制https://hexo.io/zh-cn/docs/configuration.html
网站设置部分
代码语言:javascript复制1 [root@zhangblog hexo]# vim _config.yml
2 # Site
3 title: lightzhang博客
4 subtitle:
5 description: lightzhang博客,不止于技术,更记录人生点滴感悟。
6 keywords:
7 author: lightzhang
8 language:
9 timezone:
title 网站标题,需要填写 subtitle 网站副标题 description 网站描述,主要用于SEO,告诉搜索引擎一个关于您站点的简单描述,通常建议在其中包含您网站的关键词。 author 您的名字,用于主题显示文章的作者。 language 网站使用的语言 timezone 网站时区。Hexo 默认使用您电脑的时区。
网址设置部分
代码语言:javascript复制1 [root@zhangblog hexo]# vim _config.yml
2 # URL
3 ## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
4 url: http://www.zhangblog.com
5 root: /
6 permalink: :year/:month/:day/:title/
7 permalink_defaults:
url 网址 root 网站根目录 permalink 文章的永久链接格式 默认格式 :year/:month/:day/:title/ permalink_defaults 永久链接中各部分的默认值
网站存放在子目录 如果您的网站存放在子目录中,例如 http://yoursite.com/blog ,则请将您的 url 设为 http://yoursite.com/blog 并把 root 设为 /blog/。
目录设置部分
代码语言:javascript复制[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 跳过指定文件的渲染
文章设置部分
代码语言:javascript复制 1 [root@zhangblog hexo]# vim _config.yml
2 # Writing
3 new_post_name: :title.md # File name of new posts
4 default_layout: post
5 titlecase: false # Transform title into titlecase
6 external_link: true # Open external links in new tab
7 filename_case: 0
8 render_drafts: false
9 post_asset_folder: false
10 relative_link: false
11 future: true
12 highlight:
13 enable: true
14 line_number: true
15 auto_detect: false
16 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 代码块的设置
分页设置部分
代码语言:javascript复制1 [root@zhangblog hexo]# vim _config.yml
2 # Pagination
3 ## Set per_page to 0 to disable pagination
4 per_page: 10
5 pagination_dir: page
per_page 每页显示的文章量 (0 = 关闭分页功能),默认 10 pagination_dir 分页目录,默认 page
扩展部分设置
代码语言:javascript复制1 [root@zhangblog hexo]# vim _config.yml
2 # Extensions
3 # 使用主题
4 theme: next
theme 当前使用主题名称。值为false时禁用主题
部署部分设置
代码语言:javascript复制1 [root@zhangblog hexo]# vim _config.yml
2 # Deployment
3 ## Docs: https://hexo.io/docs/deployment.html
4 deploy:
5 type: git
6 repo: git@github.com:zhanglianghhh/zhanglianghhh.github.io.git
7 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主题接入搜索和站点管理