Git Product home page Git Product logo

hexo-theme-believe's Introduction

hexo-theme-believe

Packagist Packagist

这个主题取名believe.希望选用这个主题的人永远相信美好的事情即将发生。喜欢的给个star啊,谢谢每个喜欢这个主题的人。 A simple theme for Hexo named believe. 👉 Demo 👈

Version 2.1

  1. 加入不蒜子统计
  2. add 项目页

Version 2.0

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

ScreenShot

Daily

Usage

  1. In the root directory:

    $ 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.

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

##Configuration


# 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: 
 
 # project #
project:
  - title: demo1
    url: https://github.com/th720309/hexo-theme-believe
    sub: 第一个demo
    language: css
  - title: demo2
    url: https://github.com/th720309/hexo-theme-believe
    sub: 第二个demo
    language: css
  - title: demo3
    url: https://github.com/th720309/hexo-theme-believe
    sub: 第三个demo
    language: css

# 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

How to customize page footer?

编辑站点的 _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.

同理,项目页的创建要找到hexo文件夹,找到source文件夹,添加文件夹命名为project,文件夹内添加index.md文件,index.md文件内输入

    ---
    layout: project
    title: 项目
    date: 2017-03-10 09:40:04
    type: "project"
    ---    

编辑config.yml内的project,对应项目的title和url与sub,language.


留言和关于页

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

---
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)

---
layout: post
title: guestbook
date: 2016-09-01 18:20:36
type: guestbook
---
## **我是个程序员,一天我坐在路边一边喝水一边苦苦检查程序。 这时一个乞丐在我边上坐下了,开始要饭,我觉得可怜,就给了他1块钱。 然后接着调试程序。他可能生意不好,就无聊的看看我在干什么,然后过了一会,他缓缓地指着我的屏幕说,这里少了个分号。**
<br/>
<br/>
<blockquote class="blockquote-center">念念不忘,必有回响</blockquote>
<br/>
>最近访客
<script type="text/javascript">
var duoshuoQuery = {short_name:"<%= theme.duoshuo_shortname %>"};
	(function() {
		var ds = document.createElement('script');
		ds.type = 'text/javascript';ds.async = true;
		ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
		ds.charset = 'UTF-8';
		(document.getElementsByTagName('head')[0] 
		 || document.getElementsByTagName('body')[0]).appendChild(ds);
	})();
	</script>
<div class="ds-recent-visitors" data-num-items="38" data-avatar-size="42" id="ds-recent-visitors"></div>

<div class="ds-thread" data-thread-key="<%= page.layout %>-<%= page.slug %>" data-title="<%= page.title %>" data-url="<%= page.permalink %>"></div>
<br/>
<br/>

hexo-theme-believe's People

Contributors

th720309 avatar

Watchers

James Cloos avatar minamoto avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.