你正在使用的浏览器版本过低，将不能正常浏览和使用知乎。Git/Github（7）
将本地hexo博客部署到github上了，如果想换我们自己喜欢的主题（默认为landscape），同时也要发表发表文章呢，下面给介绍下：
1,进入hexo官网，预览自己想要的主题，
这里拿light为例。
进入hexo博客的目录，如：E:/hexo/themes 右键git bash 输入：
git clone/hexojs/hexo-theme-light.git
cd themes/light
OK.我们的themes目录里面有light文件了。
下面我们说下配置
H:\hexo\_config.ymlH:\hexo\themes\light_config.yml
H:\hexo\ _config.yml
# Hexo Configuration
## Docs: http://zespia.tw/hexo/docs/configure.html
## Source: /tommy351/hexo/
# Site 这里的配置，哪项配置反映在哪里，可以参考我的博客
title: Xiaomiya's blog #站点名，站点左上角
subtitle: Walk steps step by step #副标题，站点左上角
description: Walk steps step by step #给搜索引擎看的，对站点的描述，可以自定义
author: xiaomiya#在站点左下角可以看到
email: #你的联系邮箱
language: zh-CN #中国人嘛，用中文
# URL #这项暂不配置，绑定域名后，欲创建sitemap.xml需要配置该项
## If your site is put in a subdirectory, set url as '/child' and root as '/child/'
permalink: :year/:month/:day/:title/
tag_dir: tags
archive_dir: archives
category_dir: categories
# Writing 文章布局、写作格式的定义，不修改
new_post_name: :title.md # File name of new posts
default_layout: post
auto_spacing: false # Add spaces between asian characters and western characters
titlecase: false # Transform title into titlecase
max_open_file: 100
filename_case: 0
highlight:
enable: true
backtick_code_block: true
line_number: true
tab_replace:
# Category & Tag
default_category: uncategorized
category_map:
# Archives 默认值为2，这里都修改为1，相应页面就只会列出标题，而非全文
## 2: Enable pagination
## 1: Disable pagination
## 0: Fully Disable
archive: 1
category: 1
# Server 不修改
## Hexo uses Connect as a server
## You can customize the logger format as defined in
## http://www.senchalabs.org/connect/logger.html
port: 4000
logger: false
logger_format:
# Date / Time format 日期格式，不修改
## Hexo uses Moment.js to parse and display date
## You can customize the date format as defined in
## /docs/#/displaying/format/
date_format: MMM D YYYY
time_format: H:mm:ss
# Pagination 每页显示文章数，可以自定义，我将10改成了5
## Set per_page to 0 to disable pagination
per_page: 5
pagination_dir: page
# Disqus Disqus插件，我们会替换成“多说”，不修改
disqus_shortname:
# Extensions 这里配置站点所用主题和插件，暂默认，后面会介绍怎么修改
## Plugins: /tommy351/hexo/wiki/Plugins
## Themes: /tommy351/hexo/wiki/Themes
theme: light
exclude_generator:
- hexo-generator-feed
- hexo-generator-sitemap
# Deployment 站点部署到github要配置，上一节中已经讲过
## Docs: http://zespia.tw/hexo/docs/deploy.html
type: github
repository: /xiaomiya/.git
branch: master
现在可以hexo
generate，hexo
server，打开localhost:4000查看效果了。
H:\hexo\themes\light_config.yml
menu: #站点右上角导航栏，暂时默认，后面介绍修改
存档: /archives
关于: /about
ToDo: /todolist
widgets: #站点右边栏，暂时默认，后面介绍修改和添加
- category
- tagcloud
- blogroll
excerpt_link: 阅读全文 #替换为中文
twitter: #右边栏要显示twitter展示的话，需要在此设置
username: moxie198
show_replies: false
tweet_count: 5
addthis: #SNS分享，身在天朝，当然用“百度分享”，暂时默认，后面会介绍
enable: true
facebook: true
twitter: true
google: true
pinterest: true
fancybox: true #图片效果，默认
google_analytics: #要使用google_analytics进行统计的话，这里需要配置ID，暂时默认，后面介绍
#生成RSS，需要配置路径，暂时默认，后面介绍
hexo server，访问localhost:4000预览效果。（退出server用Ctrl+c）hexo deploy，同步到github。访问网站看看效果。
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：109461次
积分：2663
积分：2663
排名：第11573名
原创：149篇
转载：98篇
评论：22条
(2)(6)(1)(4)(7)(7)(1)(6)(4)(17)(8)(9)(14)(21)(19)(8)(30)(5)(9)(27)(21)(6)(4)(2)(5)如何更换hexo主题、删除文章一. 前言搭建好hexo博客之后，默认情况下，所有人的主题都是landscape，意味着大家的博客样子都是一样的，如下图所示（图为百度经验博主angelen文章的截图）：
那么为了让自己的博客更加有个性一些，一件比较有意思的事情就是如何更换自己的主题（themes），也有些人称之为皮肤或者模板，都是一个意思——就是你现在博客的样子。
同时，打开自己的主页之后首先映入眼帘的就是hexo默认的一篇helloworld的博客。在我们正式写作之前，这篇默认的helloworld博客仅仅是一个样板，让我知道自己的博客是可以使用的，但是真正当我们打算开始用我们的博客之后，这篇helloworld文章是没有任何意义的，我们需要删掉它。所以我们也需要学会如何删除博客。本文就主要讲一下如何修改自己的博客主题，以及如何删除文章这两部分内容。
二. 如何修改主题hexo有很多主题，每个人可以选择自己喜欢的主题来应用，也可以自己设计主题并且上传形成公共主题供大家下载。
如果是自己设计主题的话，会稍微麻烦一些，需要自己配置很多文件，并且编写css以及js代码等。关于如何编辑自己的主题并且发布到公共主题这方面的内容，可以参考hexo官方文档中themes部分的内容，其中publishing的内容就是如何发布自己主题的流程。
自己制作主题并且发布供所有人共享的情况稍微复杂一些，这里不做详细说明，感兴趣的同学看上面传递门中的内容即可。这里主要讲解下，如何把主题修改为公共库中的主题，把自己的博客改造成自己喜欢的样子。
我们知道hexo官方共享的themes有很多，可以在中查看。
打开之后看到的这些themes都是可以供我们直接应用和安装的主题。那么如何才能应用某一种主题呢？主要分为下面几个步骤：
下载主题（themes）；
修改主目录文件夹中的_config.yml文件的theme配置；
执行hexo generta =& hexo deploy将主题应用到自己最新的博客上面。
我们以Tinnypp这个主题为例来讲解具体如何应用该主题。
首先，点击Tinnypp这个链接，打开对应的theme主页，如下图：
进入到相应的页面之后，我们可以先在About部分中查看这个主题的demo，看是否是我们想要的样子。假设查看之后，我们很喜欢，决定应用这个主题。然后再到Installation部分查看如何安装，其实上面已经很明确地告诉了我们如何安装这个主题。
首先进入到主目录文件夹下的themes文件夹，你会发现有一个landscape文件夹，这个文件夹就是landscape这个主题的安装包，也就是我们现在博客的主题。然后在themes文件夹下，执行上面所说的git clone git@github…的命令，如下图
等待下载过程完成后，进入到主目录下，修改_config.yml文件中themes的值。
进行完以上步骤之后，依次执行hexo g，hexo d，然后再打开自己的主页看看，发现页面的主题已经变成了Tinnypp。有些网上的文章说需要等待十多分钟，自己对主题所进行的设置才会呈现，其实根据我的经验，部署命令和主页的效果基本上是同步的，也就是说当你部署完成之后，立即打开自己的主页其实就会看到新的主题效果。如果大家没有看到，可以稍微等待一下然后再查看，如果等待很久发现还是没有更换主题，那么请重新按照上面的步骤检查一遍，一定是哪里出了问题。
以上就是整个更改主题的过程。我们可以根据自己的个人兴趣爱好在上面提供的中选择任何自己喜欢的主题进行安装。先预览，再安装，但是主题太多了，一下子不知道该如何选择了，眼睛都挑花了。因为官方themes实在是太多了，所以这里我推荐几个还不错的themes供大家参考。
写这篇文章的时候，其实我也没看过几个主题，所以就暂时先放一个占位符，等以后自己应用了其他主题之后，再把自己觉得不错的主题慢慢增加上来。希望大家可以持续关注我的博客，会有不断的迭代更新。讲完了如何修改主题，我们该讲解如何删除文章了。
三. 如何删除文章删除文章的过程一样也很简单，先删除本地文件，然后通过生成和部署命令进而将远程仓库中的文件也一并删除。具体来说，以最开始默认形成的helloworld.md这篇文章为例。
首先进入到source / _post 文件夹中，找到helloworld.md文件，在本地直接执行删除。然后依次执行hexo g，hexo d，再去主页查看你就会发现你的博客上面已经空空如也了，这就是如何删除文章的方法。
四. 总结通过上面如何更改themes以及如何删除文章的操作，我们可以了解到整个主目录下themes文件夹和source这两个子文件夹的意义和作用。
themes文件夹下就是我们的主题安装包的内容，你现在打开之后会发现有Landscape和Tinnypp这两个主题的安装包。
而source下面的_post文件夹就是我们所发表的文章的原始文件，例如我们刚才删除的Helloworld.md文件就是我们要post到网上的文章。这里我顺便把整个主目录下的其他子文件夹的内容也简单说一下。
node_modules文件夹中的内容是整个hexo的依赖包，这个一般情况下不需要去做任何增删改。
public文件夹其实是当我们执行hexo generate命令之后由hexo根据我们的主题以及文章内容生成的一个文件。打开之后可以看到对应的时间我们写的博客内容，例如我今天的博客就是pubulic / 2016 / 05 / 01 / 如何更换hexo主题、删除文章.md这篇文章。你可以新建一篇文章来看看pubulic文件夹下面的变化，不过因为本文还没有讲解如何生成新的文章，所以你先不用着急，我会在后面的博客中慢慢讲解更多关于hexo如何应用的文章。
scaffolds其实就是脚手架的意思，有些人也称之为模板，其实就是我们新生成一篇文章时从哪个模板来生成。这里面默认只有三个模板，draft, page, post，我们生成文章是可以指定采用哪个模板。
source和themes子文件夹不再讲解，上面已经解释过了。
_config.yml文件，这个其实是我们整个主目录的配置，你会发现你把主题从landscape切换到Tinnypp时，除了下载主题包之外就是在这个文件里去配置自己的主题，只需要更改少量的键值对内容就可以对整个主目录和网页进行变更了。
db.json，没有仔细研究，后期会更新这部分的内容。
package.json，没有仔细研究，后期会更新这部分的内容。
以上就是本文所要讲解的全部内容。
五. 其他我发现自己在网上找的很多文章有两种情况，一种是系统性的将hexo进行完整的讲解，另外一种是只讲解其中的一个部分。其实对于初学者来说，这两类文章都是比较头疼的事情，如果是看全部讲解的内容的话，其实很多时候找不到重点，没有一个循序渐进的过程，尤其是需要给他一个点，让他可以实现，进而增加他继续将这件事情进行下去的成就感。而如果只是讲解其中一小部分的内容的话，又会觉得自己还有很多疑问没有得到解答。那么其实最好的方式就是把系统性的Hexo攻略，按照顺序依次分成多篇博客文章进行讲解，这样会让初学者有个循序渐进的过程，前期可以抓住重点，抓住骨干性的内容学习，后期自然就可以学会自己去研究其中的血肉和皮肤了，甚至可能不需要再详细讲解其中的血肉部分，他就会自己去研究官方文档得到答案。其实基础打好，攻略看到后面会越看越顺也越快越熟悉。所以我才会把这篇关于hexo的介绍分成这么多篇博客来与大家共享。希望大家可以继续跟进我的博客，后面会有更精彩的内容与大家分享。通过前面的介绍，Hexo站点的布局应该了解得差不多了，这次主要介绍一下如何使用Hexo自带的在站点中添加归档以及文章目录。添加这两块功能都是使用了Hexo提供的帮助函数，创建对应局部模块之前，首先要想想这两块内容应该属于哪个布局？要添加到哪个局部模块下？考虑这些是为了整洁性，当你添加的东西越来越多的时候才不至于令自己混乱。
一、文章目录
文章目录肯定是添加到post布局上，这个毋庸置疑，因为只有看文章详情页的时候才需要目录。那么我们在目录layout/_partial/post/下创建toc.ejs文件，代码如下：
&div id=&toc& class=&toc-article&&
&div class=&toc-title&&目录&/div&
&%- toc(item.content, {list_number: false}) %&
这里使用了Hexo提供的toc()帮助函数，它的使用方法如下：
&%- toc(str, [options]) %&
str就是文章内容，options有两个参数，一个是class，也就是html标签的class值，默认为toc；一个是list_number，是否显示列表编号，默认值是true。
接下考虑把这个局部模块放到哪呢，既然属于post布局，那么就看看layout/post.ejs代码如下:
&%- partial('_partial/article', {item: page, index: false}) %&
很明显，我们要到_partial/article.ejs文件里添加toc.ejs，添加后article.ejs代码如下：
&div class=&entry&&
&% if (item.excerpt && index){ %&
&%- item.excerpt %&
&% } else { if (item.toc !== false) {%&
&%- partial('post/toc') %&
&%- item.content %&
01、判断是否有摘要以及index值，显然post.ejs传过来的index值为false；
02、接下来判断page.toc是不是不等于false，这一块的主要作用是可以在文章的前置声明里设置toc: false来关闭目录功能。当没有设置false时，插入上面写的toc.ejs局部模块。
OK！完美嵌入进去，接下来就是设置样式了，进入source/css/_partial/目录下，创建toc.styl，代码这里就不贴出了，具体查看。最后别忘了在source/css/style.styl文件里加入这句了@import '_partial/toc'。显示如下图，样式可以自行调整。
二、归档sidebar
默认的hexo-theme-light主题没有添加归档的sidebar挂件，于是我将该widget添加到了主题中。先看一下效果如下图：
sidebar中的局部模块都在layout/_widget中，于是在该文件夹下创建archive.ejs，代码如下：
&% if (site.posts.length){ %&
&div class=&widget tag&&
&h3 class=&title&&归档&/h3&
&%- list_archives({format: &YYYY年MM月&}) %&
然后在主题的配置文件中_config.yml中加入该widget，如下所示：
- category
- tagcloud
最后就是设置样式了，在source/css/_partial/sidebar.styl文件中加入了这么一段就能如上显示了。
.archive-list
font-size 0.9em
padding 15px 20px
.archive-list-count
margin-left 8px
font-size 0.8em
color color-meta
content '('
content ')'
这段样式是为了和分类列表保持一致。详细代码参照来自定义样式。
这里通过添加文章目录以及归档侧边栏的实战练习，大致了解了如何在Hexo站点中添加局部模块和widget，基本上也就这两种类型。
诸如添加百度统计、多说评论以及微博小插件等等，都可以归属为上述两类，这里就不再赘述，详情可以参照上代码，有什么问题可以随时向我提issue。
转载保存：
本文目前还没有评论……}