个人博客主题设置

简介: 默认在你用 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,用于新建一篇文章
目录
相关文章
|
8月前
|
JavaScript 搜索推荐 前端开发
WordPress主题推荐
作为网站的基础,WordPress主题对网站加载速度具有重要影响。一个设计不好,代码杂乱的WordPress主题会严重影响网站加载速度,进而影响网站排名。相反,一个设计良好,代码简洁的WP主题会加载很快,有助于提升网页排名。如果你想创建一个精美的WordPress网站,选择一个优秀的主题至关重要。然而,在追求美观的同时,绝不能忽视性能和速度。在本文中,我们已经为你整理了一些速度快且适合SEO的WordPress主题。
247 4
WordPress主题推荐
|
5月前
|
搜索推荐 程序员
ECHO个人博客主题网页模板
echo个人网站主页源代码 - 适合喜欢极简风、清爽又酷酷的专业程序员风格效果的小伙伴, HTML+CSS+JS纯静态实现
40 1
|
7月前
WordPress视频主题Qinmei 2.0
WordPress视频主题Qinmei 2.0
35 2
|
8月前
|
JavaScript
Hexo个人博客之Next-8.20主题下载及美化
Hexo个人博客之Next-8.20主题下载及美化
|
8月前
|
前端开发
wordpress博客趣主题个人静态网页模板
博客趣wordpress页面模板适合个人博客,个人模板等内容分享。
162 0
|
人工智能 缓存 前端开发
别找了,很适合新手站长的wordpress 主题:puock 主题,支持博客风格,CMS 风格,企业风格
puock 主题的特点有三个,第一它集成了博客风格,CMS 风格,企业风格,这三种风格,你可以自由设置与选择;第二它的后台项目比较多,什么幻灯片与公告,全局的公告,CMS 布局,企业布局等等,可以说一个主题可以当三个用。
416 2
|
API
(极简)给个人博客添加订阅功能
前言 今天给大家分享一种极简的给自己个人博客添加订阅功能的方式,就目前而言,各个个人博客的订阅方式以如下方式为主流: RSS订阅 一些邮件订阅服务 自建服务(没必要)
232 0
|
缓存 搜索推荐 Shell
Hexo 博客主题更换和基础配置
Hexo 博客主题更换和基础配置
360 0
|
人工智能 前端开发 Java
WordPress的SitePoint基本主题新手指南
WordPress的SitePoint基本主题新手指南
WordPress的SitePoint基本主题新手指南
Typecho如何更换主题
本篇文章针对初次使用Typecho搭建博客的朋友们,相信每个Typecho站长都想拥有属于自己的一个个性主题来记录自己的专属时刻,那么新人站长该如何更换主题呢,本篇文章将从以下几个方面来介绍
1087 0
Typecho如何更换主题

热门文章

最新文章