上一篇我们把本地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 generate
,hexo 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,需要配置路径,暂时默认,后面介绍
-
hexo server
,访问localhost:4000
预览效果。(退出server用Ctrl+c) -
hexo deploy
,同步到github。访问网站看看效果。
相关推荐
极简的 Hexo 博客主题,专注于内容展现
Hexo-Theme-AirCloud 是一个简洁轻量的 hexo 博客主题,旨在将中心放在博文本身,因此: 默认没有大范围的主题色块、图片铺排等,也不要求每片博文配图,一方面这并不是我们记录知识的重点,另外一方面可能程序员...
基于Next5主题美化的一款hexo博客主题
源码为基于Hexo主题的一个博客系统,界面简洁大气,非常适合搭建个人博客。 Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
hexo-theme-raytaylorism, 一款Material Design风格的hexo主题
因为 hexo 开发有极大的自由度,这个主题也变得更加完善。内置三种主题样式,三种 Markdown 样式(仍在逐渐增加);背景,各种组件颜色亦或图标都能轻松自定义;集成多种独立页面和第三方服务。每种分支主题都有各自...
通过 Hexo 你可以轻松地使用 Markdown 编写文章,除了 Markdown 本身的语法之外,还可以使用 Hexo 提供的 标签插件 来快速的插入特定形式的内容。在这篇文章中,假定你已经成功安装了 Hexo,并使用 Hexo 提供的命令...
一个比较特别的 Hexo 主题
Hexo优雅和强大的主题 主题下有以下特点: 没有jQuery。 支持本地黑暗模式。 支持Pjax提供一个快速的浏览体验。 集成KaTeX和MathJax数学公式渲染。 集成的PDF。 js和美人鱼图。 支持Disqus Gitalk和缬氨酸评论系统。...
一个令人感到舒服的Hexo主题
一个适合设计师的 hexo 主题
这是我的个人博客采用的Hexo主题源码
hexo搭建博客的next主题下载,赶紧下载吧,积分已经设最低了
Hexo-theme-Fluid博客主题 v1.9.7.zip
一款基于WP移植的Hexo主题,适合喜欢摄影,影评,乐评和玩弄文字的你,干净,清新; 响应式,Ajax,更多好玩的等你来发现。
hexo-theme-yelee, 简而不减 Hexo 双栏博客主题; Another simple and elegant theme for Hexo.
hexo-theme-particle介绍:hexo 主题 particle,诞生原因是因为建多了两个博客,所以自己开发了这个主题来作为 3 个博客的主题目前有 full、night 和 maiden 两个主题样式重要!由于Hexo的主题开发体验过差,以及本...
Hexo的一款很美的主题,简洁,不花里胡哨,推荐使用。 本来地址在GitHub上,考虑下载很慢于是打包、放在CSDN上。 原地址:https://github.com/xaoxuu/blog-example
首页、归档、分类、标签等页面均支持分页系统 支持友链、关于、分类云、标签云页面 支持自定义页面 支持二级导航栏 提供评论系统和文章统计插件 默认开启SEO优化