Hexo主题应用

发表于 更新于 分类于 阅读次数：
Hexo主题的常规应用与站点配置

Hexo主题next的安装

next主题的下载

需要区分主题配置文件和本地仓库配置文件,主题配置文件存放在theme/’主题名‘/_config.yml,本地仓库配置文件存放在hexo init的根路径下

  • github上搜索hexo的next主题，使用git clone仓库文件到本地主题文件夹下
    1
    git clone https://github.com/next-theme/hexo-theme-next.git /xx/hexo/theme/next

next主题配置修改

  • 防止后续next主题升级时导致配置被覆盖，该主题可以应用可以在本地仓库根目录新建一个配置文件,以下命令均在hexo init目录下执行
    1
    cp /xx/hexo/theme/next/_config.yml ./_config.next.yml
  • 后续的所有针对配置文件的修改，都改动本地仓库根目录下的_config.next.html

next主题应用

  • 首先修改本地仓库根目录下的_config.yml

    按照hexo的配置文档，填写好# Extensions配置块下的theme参数

    1
    theme: next
  • 再次hexo clean hexo g hexo s 刷新缓存，生成静态页面* ，在本地预览

next主题的自定义（对_config.next.yml的修改）

主题样式配置

  • next主题内置了四个样式，本教程选用Gemini样式，修改# Schemes配置块，注释其他scheme，取消注释Gemini
    1
    2
    3
    4
    5
    #Schemes
    #scheme: Muse
    #scheme: Mist
    #scheme: Pisces
    scheme: Gemini

站点图标配置

  • 修改favicon配置块,此处的图片可以是url链接，也可以在本地仓库的source目录下新建images文件夹存放
    1
    2
    3
    4
    5
    6
    7
    favicon:
    	small: /images/favicon-16x16.png
    	medium: /images/favicon-32x32.png
    	apple_touch_icon: /images/apple_touch_icon.png
    	safari_pinned_tab: /images/logo.svg

    custom_logo: /images/custom-logo.png #此处配置的是站点名称下方显示的图片

菜单配置

  • 修改menu配置块
    1
    2
    3
    4
    5
    menu:
    	home: / || fa fa-home
    	tags: /tags/ || fa fa-tags
    	categories: /categories/ || fa fa-th
    	#其他菜单按需自行配置

站点头像配置

1
2
3
4
5
6
avater：
	url: /images/avatar.jpg
	rounded: false
	#布尔值，设置是否圆形显示
	rotated: false
	#布尔值，设置是否旋转显示

至此主题的简单修改就完成了

站点部署

新建页面

  • 依据menu的配置块来新建所需要的页面
    1
    2
    3
    hexo n page "home"
    hexo n page "tags"
    hexo n page "categories"

发布到github

  • 完成所有配置后，通过hexo直接发布到github
    1
    2
    3
    4
    hexo clean #清理缓存
    hexo g     #生成静态页面
    hexo s     #预览站点
    hexo d     #发布到github

同步博客

  • hexo在发布后，可以不用保持后台在线，所有文章管理可以在其他markdown编辑中编辑

    需要注意新建的文件需要注明属性:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    ---
    title:
      - 
    date: 
    tags:
      - 
      - 
      - 
    categirues:
      - 
    description: 
    ---

此后新建的文件可以直接通过scp上传到目标主机的/xxx/hexo/source/_pose目录下，本地预览无问题后直接发布到GitHub即可