Skip to content

oopstorm/oopstorm.github.io

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

OopStorm 团队博客

Build Status

OopStorm 团队博客,欢迎分享自己的知识。

发布文章

  1. 编写 Markdown 文件,并放置到 /source/_posts 中即可

  2. 需要在头部设置文章属性

     // 文章属性设置方法
     在 Markdown 文件头部加入以下文本即可
     layout: 文章默认填写 pages
     title: 文章标题,未设置 title 会显示 [Untitled Post]
     date: 支持年月日时分秒
     tags: 文章标签,用于文章分类,可设置多个,例:
     tags: [前端,Angular]
    
     ---
     layout: pages
     title: Hello World
     date: 2018.04.02
     tags: 随笔
     ---
    

修改样式

基本样式修改

找到以下文件
/themes/archer/_config.yml

# ========== 资料栏 ========== #
# avatar 团队头像
avatar: /avatar/OopStorm.jpg
# author 团队名
author: OopStorm
# signature 团队名下面的子标题
signature: 团队博客
# SNS 各种链接
social:
  email: 12345@qq.com
  github: //github.com/fi3ework
  # wechat and qq should be a path of qr-code image
  wechat: /assets/example_qr.png
  qq:
  weibo:
  zhihu:
  douban:
  facebook:
  twitter:
  instagram:
  stack-overflow:
  v2ex:
  linkedin:
  others:
  rss:
# member 成员
friends:
  AlphaHinex: //alphahinex.github.io
  devilx: //www.jianshu.com/u/3aad53dec75f
  friendC:
# about 关于
about:
  enable: true
  image: '/intro/about-bg.jpg'

# ========== 站点 ========== #
# 浏览器标题
SEO_title: OopStorm
# 主标题
main_title: OopStorm
# 子标题
subtitle: It's better to burn out than to fade away
# 首页顶部背景图
site_header_image: '/intro/index-bg.jpg'
# 文章顶部背景图
post_header_image: '/intro/post-bg.jpg'
# 404 背景图
_404_image: '/intro/404-bg.jpg'

# ========== 评论插件 ========== #
# 目前支持直接添加 Livere,Disqus,Gitment,畅言及友言,填写插件对应的字段即可启用。
# 如果想添加其他评论插件,在 custom.ejs 中添加即可。
comment:
  # Livere  site: https://livere.com/
  livere_uid:
  # Disqus  site: https://disqus.com/
  disqus_shortname:
  # Changyan  site: http://changyan.kuaizhan.com/
  changyan_appid:
  changyan_conf:
  # Gitment  site: https://github.com/imsun/gitment
  gitment_owner:
  gitment_repo:
  gitment_client_id:
  gitment_client_secret:
  # Youyan  site: http://www.uyan.cc/
  youyan_uid:

# ========== 统计 ========== #
# 是否开启不蒜子阅读量统计
busuanzi: true
# 百度统计(填写siteID)
baidu_analytics:
# Google统计(填写siteID)
google_analytics:
# CNZZ统计
CNZZ_analytics:

# ========== 其他 ========== #
# 浏览器地址前的小标题
favicon: /assets/favicon.ico
# 首页的文章摘要字数(默认300,填0则不显示摘要)
truncate_length:
# enable toc
toc: true
# intro height (默认是屏幕高度的50%, 可以直接输入其他数字)
index_intro_height: 50
post_intro_height: 50
about_intro_height: 50

深度修改样式

自行在 /themes/archer/layout 中寻找对应的文件进行修改

About 页设置

启用 About 页

在hexo目录下执行

hexo new page "about"

在hexo目录下 source/about/index.md 中添加字段 layout: abouttitle 字段修改为 about 页的标题,正文为 about 页的内容,例如:

---
title: 这是自我介绍的题目
layout: about
---
这是一段自我介绍

/themes/archer/_config.yml 中添加以下字段,enable 字段控制是否开启 aboutimage 字段内容为 about 页的 banner 图像地址,不填写则默认使用首页 banner 图像。

about:
  enable: true
  image: '/intro/about-page.jpg'

目前 About 页已生成过了,需要修改时直接在 source/about/index.md 中进行修改即可

更换主题

  1. 下载新的主题
  2. 将主题放入 /themes 中
  3. 修改 /_config.yml 中的 theme 参数为新的主题