hexo-theme-believe 说明文档(2)

        

2017-03-05


hexo-theme-believe

这个主题取名believe.希望选用这个主题的人永远相信美好的事情即将发生。
A simple theme for Hexo named believe. :point_right: Demo :point_left:

Version 2.0

  1. add cover-header
  2. add photos page
  3. fixed bugs

ScreenShot

Daily

Usage

  1. In the root directory:

    1
    2
    $ git clone https://github.com/th720309/hexo-theme-believe.git
    $ npm install --save hexo-renderer-sass
  2. Change the theme property in the config.yml file.

    1
    2
    # theme: landscape
    theme: hexo-theme-believe
  3. Run: hexo server

##Configuration


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
# basic
title: believe
subtitle: 笔直向前,说到做到
favicon: /favicon.ico
#logo
logo: http://oct3pmpde.bkt.clouddn.com/timg.jpg
# duoshuo-comment
duoshuo_shortname:
highlight:
enable: true
line_number: false
auto_detect: false
tab_replace:
# nav #
nav:
- id: 首页
url: .
icon: home
- id: 归档
url: archives
icon: archive
- id: 关于
url: about
icon: user
- id: 项目
url: project
icon: folder-open
- id: 相册
url: photo
icon: photo
- id: 留言
url: guestbook
icon: edit
- id: one
url: one
icon: bicycle
- id: RSS
url: atom.xml
icon: send
# photo
photo:
- title:
url:
- title:
url:
- title:
url:
- title:
url:
# hexo-renderer-sass
node_sass:
outputStyle: nested
precision: 5
sourceComments: false
# Default post title
default_post_title: Untitled
# social
social:
github: https://github.com/th720309
weibo: http://weibo.com/th0527
twitter: https://twitter.com
facebook: https://facebook.com
footer: Powered by <a href="https://hexo.io/">Hexo</a> with Theme <a href="http://www.tianhao.site/blog">believe</a>

##Features


How to add comment field in your article?

编辑站点的 config.yml ,添加 duoshuo_shortname 字段,设置如下

# duoshuo-comment
    duoshuo_shortname: 此处为你的多说帐号
        

How to set cover in home page?

# cover
 cover_img: http://oct3pmpde.bkt.clouddn.com/back.jpg
 cover_avator: http://oct3pmpde.bkt.clouddn.com/avator.jpg
 cover_info: 欢迎来到我的博客</br>by:th是个小屁孩

How to add baiduanalysis in your website?

# baiduanalysis(用于百度站长工具验证所有权的ID)
   (sample)baiduanalysis:  https://hm.baidu.com/hm.js?c0451e16533956173997b85f7a8de666

编辑站点的 _config.yml,添加

footer: 你要自定义的内容(支持HTML标签)
 # 举例:
# footer:  Powered by <a href="https://hexo.io/">Hexo</a> with Theme <a href="http://www.tianhao.site/blog">believe</a>

最近看到好多同学使用了这个主题,遇到一些问题,我统一回复一下。


相册页

找到hexo文件夹,找到source文件夹,添加文件夹命名为photo,文件夹内添加index.md文件,index.md文件内输入

---
layout: photo
title: 相册
date: 2017-02-08 09:40:04
type: "photo"
---         

  编辑config.yml内的photo,对应照片的title和url.


留言和关于页

   许多同学添加了这两个页面后发现没有显示,not found 404, 原因是未添加内容。找到hexo文件夹,找到source文件夹,添加对应名称文件夹,文件夹内添加index.md文件,index.md文件内输入markdown格式文档,便可以显示出来相对应的专页了。如下所示:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
---
layout: post
title: 关于我 
type: about
tag: 关于
---
## **About Me**
关于我,一个未来的小小程序员,茫茫宇宙中的一粒小石子。目前就读于大连交通大学,一个苦逼的理工男。凭借着一点点的兴趣已经走过了三个年头,现在已经是大四的老油条,但总的来说还是一个小屁孩,哈哈。
## **About Blog**
平时喜欢写写博客,之前一直在CSDN记录一些算法题和一些完成的小作品,这次借助hexo+Github page 搭建了这个博客,打算写写个人的一些感悟影评什么的,当然可能也会有一些IT类的文章,谁让我是苦逼理工男(逃)。
## **Contact Me**
新浪微博:[点击进入我的新浪微博(可以加个关注哈哈)](http://weibo.com/th0527)
知乎:[点击进入我的知乎](https://www.zhihu.com/people/tian-hao-69-26)
Github: [点击进入我的github(欢迎fork me)](https://github.com/th720309)
CSDN : [点击进入我的CSDN](http://blog.csdn.net/u013775952)