个人博客主题设置

简介: 默认在你用 hexo + git + github 已经搭建好一个静态博客的情况下配置主题。安装主题安装的过程就一行代码,你需要在博客根目录右键 Git Bash Here 输入以下命令: git clone https://github.com/theme-next/hexo-theme-next themes / next以上代码的意思是从 点这里 将next下载到当前目录下的themes里面的next文件夹中。

默认在你用 hexo + git + github 已经搭建好一个静态博客的情况下配置主题。

安装主题

安装的过程就一行代码,你需要在博客根目录右键 Git Bash Here 输入以下命令:

 git clone https://github.com/theme-next/hexo-theme-next themes / next

以上代码的意思是从 点这里 将next下载到当前目录下的themes里面的next文件夹中。
下载之后根目录下会有一个文件夹是 themes 。
打开文件夹,选择next 打开。有一个配置文件 _config.yml 打开。

img_b346c6b57625623399bcf3079f96c19e.png
配置信息

选择 Scheme

Scheme 是 NexT 提供的一种特性,借助于 Scheme,NexT 为你提供多种不同的外观。同时,几乎所有的配置都可以 在 Scheme 之间共用。目前 NexT 支持三种 Scheme,他们是:

  • Muse - 默认 Scheme,这是 NexT 最初的版本,黑白主调,大量留白
  • Mist - Muse 的紧凑版本,整洁有序的单栏外观
  • Pisces - 双栏 Scheme,小家碧玉似的清新
  • Gemini - 左侧网站信息及目录,块+片段结构布局
    cheme 的切换通过更改 主题配置文件,上文所说,搜索 scheme 关键字。 你会看到有四行 scheme 的配置,将你需用启用的 scheme 前面注释 # 去除即可。

启用主题

返回根目录下修改配置文件 _config.yml

img_ce4263d5f2f0f6cd338461bac73d2d79.png
修改后的文件

设置语言

language: zh-Hans 

注意:这里提一下,你使用 hexo s预览的时候,你会发现是设置了语言之后界面还是英文,这个时候不要慌,使用hexo clean清理下database文件夹以及public文件夹就行了。然后再使用hexo s预览。事实上,这个方法在遇到很多问题的时候都是通用的。

动态背景

目前NexT主题最新的是V6.0版本,这个版本中可以有4种动态背景:

  • Canvas-nest
  • three_waves
  • canvas_lines
  • canvas_sphere
    设置方法也很简单,直接在 next 的配置文件中设置里需要的动态背景为true。

设置菜单

打开themes/next/下的_config.yml,查找menu


img_702205ed157aa68d7fd7097fdaf7d8bb.png
菜单配置

去掉 # 注释即可显示对应的菜单项。

menu 默认没有启用 /tags 和 /categories 页面,如果需要启用请在博客目录下的source文件夹中分别建立 tags 和 categories 文件夹每个文件夹中分别包含一个 index.md 文件。内容为:

layout: tags (或categories)
title: tags (或categories)
---

写文章

在 \source_posts\文件夹下新建 .md 文件,或者用文本文档打开,后缀改成 .md ,内容还是用markdown语法

title: my new post #可以改成中文的,如“新文章”
date: 2016-02-21 16:04:09 #发表日期,一般不改动
categories: blog #文章文类
tags: [文章] #文章标签,多于一项时用这种格式,只有一项时使用tags: blog
---
#这里是正文,用markdown写,你可以选择写一段显示在首页的简介后,加上
<!--more-->,在<!--more-->之前的内容会显示在首页,之后的内容会被隐藏,当游客点击Read more才能看到。

添加版权声明

配置:
查找主题配置文件 themes/next/_config.yml 中的 post_copyright

post_copyright:
  enable: false # 将false改为true即可显示版权信息
  license: <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" rel="external nofollow" target="_blank">CC BY-NC-SA 4.0</a>

设置博文预览(阅读全文)

配置:
查找主题配置文件 themes/next/_config.yml 中的 auto_excerpt ,将enable 设置为 true ,将 length 设置为想要预览到的字数即可。

部署你本地的主题到github上

依次执行命令

hexo clean
hexo generate or hexo g 用于生成静态文件
hexo deploy or hexo d 用于将本地文件发布到github上

注:


hexo s #完整命令为hexo server,用于启动服务器,主要用来本地预览
hexo n #完整命令为hexo new,用于新建一篇文章
目录
相关文章
|
6月前
|
JavaScript 搜索推荐 前端开发
WordPress主题推荐
作为网站的基础,WordPress主题对网站加载速度具有重要影响。一个设计不好,代码杂乱的WordPress主题会严重影响网站加载速度,进而影响网站排名。相反,一个设计良好,代码简洁的WP主题会加载很快,有助于提升网页排名。如果你想创建一个精美的WordPress网站,选择一个优秀的主题至关重要。然而,在追求美观的同时,绝不能忽视性能和速度。在本文中,我们已经为你整理了一些速度快且适合SEO的WordPress主题。
229 4
WordPress主题推荐
|
1月前
|
前端开发 JavaScript
2小时-带你实现-360官网-主题换肤功能
2小时-带你实现-360官网-主题换肤功能
16 1
2小时-带你实现-360官网-主题换肤功能
|
5月前
|
移动开发 前端开发 语音技术
WordPress轻拟物博客主题niRvana 4.5.3(自适应手机端)
WordPress轻拟物主题niRvana,设计上不再趋从于现有的扁平风,我认为是时候从极致的扁平稍微向拟物致敬了,因此采用了轻拟物的风格。niRvana 设计和样式更加新颖,一眼看上去就会被他吸引住,主题配色也非常舒服。而且它有两个功能特别有意思,一个是自动根据文章特色图片识别出图片的主色调,在首页、文章分类页用最美的方式显示滚动图片,另一个则是文章支持语音朗读。主题细腻有质感,手机端体验非常好。
89 2
|
3月前
|
搜索推荐 程序员
ECHO个人博客主题网页模板
echo个人网站主页源代码 - 适合喜欢极简风、清爽又酷酷的专业程序员风格效果的小伙伴, HTML+CSS+JS纯静态实现
28 1
|
5月前
WordPress视频主题Qinmei 2.0
WordPress视频主题Qinmei 2.0
30 2
|
6月前
|
前端开发
wordpress博客趣主题个人静态网页模板
博客趣wordpress页面模板适合个人博客,个人模板等内容分享。
150 0
|
人工智能 缓存 前端开发
别找了,很适合新手站长的wordpress 主题:puock 主题,支持博客风格,CMS 风格,企业风格
puock 主题的特点有三个,第一它集成了博客风格,CMS 风格,企业风格,这三种风格,你可以自由设置与选择;第二它的后台项目比较多,什么幻灯片与公告,全局的公告,CMS 布局,企业布局等等,可以说一个主题可以当三个用。
386 2
|
缓存 搜索推荐 Shell
Hexo 博客主题更换和基础配置
Hexo 博客主题更换和基础配置
335 0
|
前端开发 JavaScript SEO
WordPress 主题与插件有什么区别?
WordPress是一个广泛使用的开源内容管理系统(CMS),因为它非常灵活且易于使用。WordPress的灵活性主要来自于它的主题和插件。WordPress主题和插件都可以扩展和定制WordPress的功能,但它们之间有很大的区别。在本文中,北京六翼带大家讨论WordPress主题和插件之间的区别。
|
人工智能 前端开发 Java
WordPress的SitePoint基本主题新手指南
WordPress的SitePoint基本主题新手指南
WordPress的SitePoint基本主题新手指南
下一篇
无影云桌面