`
xiaomiya
  • 浏览: 131422 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论

hexo配置主题发表文章

阅读更多

上一篇我们把本地hexo博客部署到github上了,那么我们想使用自己喜欢的主题,同时也要发表发表文章呢,下面给介绍下:

1,进入hexo官网,预览自己想要的主题,https://github.com/hexojs/hexo/wiki/Themes 

这里拿light为例。

进入hexo博客的目录,如:E:/hexo/themes 右键git bash 输入:

git clone https://github.com/hexojs/hexo-theme-light.git

 

然后:

cd themes/light
git pull

 OK

我们的themes目录里面有light文件了。

 

下面我们说下配置

站点配置用到两个文件,一个是对整站的配置H:\hexo\_config.yml,另一个是对主题的配置H:\hexo\themes\light_config.yml,我们来分别介绍。

H:\hexo\ _config.yml

# Hexo Configuration
## Docs: http://zespia.tw/hexo/docs/configure.html
## Source: https://github.com/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 'http://yoursite.com/child' and root as '/child/'
url: http://yoursite.com
root: /
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:
tag_map:

# Archives 默认值为2,这里都修改为1,相应页面就只会列出标题,而非全文
## 2: Enable pagination
## 1: Disable pagination
## 0: Fully Disable
archive: 1
category: 1
tag: 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
## http://momentjs.com/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: https://github.com/tommy351/hexo/wiki/Plugins
## Themes: https://github.com/tommy351/hexo/wiki/Themes
theme: light
exclude_generator:
plugins:
- hexo-generator-feed
- hexo-generator-sitemap

# Deployment 站点部署到github要配置,上一节中已经讲过
## Docs: http://zespia.tw/hexo/docs/deploy.html
deploy:
  type: github
  repository: https://github.com/xiaomiya/xiaomiya.github.com.git
  branch: master

 现在可以hexo generatehexo server,打开localhost:4000查看效果了。

H:\hexo\themes\light_config.yml

menu: #站点右上角导航栏,暂时默认,后面介绍修改
  首页: /
  存档: /archives
  关于: /about
  ToDo: /todolist
  

widgets: #站点右边栏,暂时默认,后面介绍修改和添加
- search
- category
- tagcloud
- weibo
- blogroll


excerpt_link: 阅读全文 #替换为中文

plugins: 


twitter: #右边栏要显示twitter展示的话,需要在此设置
  username: moxie198
  show_replies: false
  tweet_count: 5

addthis: #SNS分享,身在天朝,当然用“百度分享”,暂时默认,后面会介绍
  enable: true
  pubid:
  facebook: true
  twitter: true
  google: true
  pinterest: true

fancybox: true #图片效果,默认

google_analytics: #要使用google_analytics进行统计的话,这里需要配置ID,暂时默认,后面介绍
rss:  #生成RSS,需要配置路径,暂时默认,后面介绍

 

 

  1. hexo server,访问localhost:4000预览效果。(退出server用Ctrl+c)
  2. hexo deploy,同步到github。访问网站看看效果。

 

 

0
0
分享到:
评论

相关推荐

    前端开源库-hexo-generator-archive

    在Hexo中,`hexo-generator-archive`主要负责整理并创建一个完整的文章存档页面,这个页面会列出网站上的所有文章,按照发表日期进行排列,通常以年份和月份作为分类,方便访客浏览和查找过去的文章。这对于那些拥有...

    hexo搭建django,python学习博客.zip

    标题 "hexo搭建django,python学习博客.zip" 暗示了这个压缩包包含的资源是关于使用Hexo和Django构建一个以Python学习为主题的博客的教程或项目。Hexo是一个快速、简洁且高效的静态站点生成器,而Django则是一个强大...

    MyBlog.github.io:我的hexo

    【描述】虽然描述简洁,但我们可以推测"MyBlog.github.io:我的hexo"是一个用户自定义的Hexo博客实例,用户可能在这个博客中分享他们的技术文章、生活感悟或其他感兴趣的主题。博客的域名"MyBlog.github.io"表明它是...

    zhuxiaowei0924.github.io:我的hexo博客

    2. **主题定制**:Hexo支持丰富的主题定制,许多主题都是基于JavaScript的前端框架如Bootstrap或Vue.js构建的。JavaScript负责页面动态效果、导航菜单的响应式设计以及Ajax无刷新加载等,提升了用户体验。 3. **...

    BlogSourceCode:博客网站

    BlogSourceCode博客网站源码博客相关博客框架博客主题发布新博客的步骤新建博文hexo new post <...创建发表文章hexo new post <title>去做配置多说评论/多说分享配置404配置订阅公众号配置CNZZ配置搜索服务

    tangtangsama.github.io:基于Hexo构建的博客源码,使用GitHub托管,GitHubPages用于展示

    1. **Hexo框架**:Hexo是一个强大的静态站点生成器,它支持自定义主题、插件和丰富的配置选项。用户可以通过安装Hexo,配置站点信息,然后在Markdown文件中撰写文章,最后运行Hexo的`generate`命令生成静态页面。 2...

    darkray-blog:个人博客

    "Darkray博客"就是一个这样的平台,由个人创建并维护,用于发表文章、展示技能以及与读者互动。这个压缩包文件"darkray-blog-main"很可能包含了整个博客项目的源代码和资源文件,让我们深入探讨一下可能包含的内容...

    blog:问题是我的博客!

    博客是互联网上一种非常重要的信息分享和交流平台,它允许个人或团队发表文章,分享观点、知识、经验或技术。"问题是我的博客!"这个标题可能暗示了博主以解决问题为核心内容,通过博客来探讨和解答各种问题。在这个...

    akshayg.in:个人博客网站

    4. **配置文件**:网站的全局设置,如导航菜单、元数据、主题配置等,通常存储在配置文件中,如`_config.yml`。 5. **图片和其他资源**:博客文章可能包含图片、图表或其他媒体文件,它们通常放在`assets`或`images...

    pyljy.github.io:LJY的个人博客

    8. **评论系统**:为了促进交流,LJY可能集成了一种评论系统,如Disqus或Gitalk,让读者可以在文章下方发表评论。 9. **自定义域名**:虽然标题中包含的是子域名`pyljy.github.io`,但LJY可能还配置了自己的自定义...

Global site tag (gtag.js) - Google Analytics