博客自定义指南

博客链接/blog link
tea9

使用Jekyll博客引擎
基于Theme H2O修改

前置条件/Before：

如以上都有还有问题请参考
使用jekyll搭建个人博客
 jekyll-theme-H2O_README

步骤/Step：

克隆项目：

git clone https://github.com/tea9/tea9.github.io.git

目录结构：

.
├──_drafts # 草稿目录 -可以删除此目录/建议清空目录  
├──_includes # 一些封装的布局  
├──_layouts # 默认布局  
├──_posts # 文章目录 -建议清空目录  
├──assets # 一些前端文件  
├──dev # 未编译的前端文件  
├──laji # 我的之前博客文件 -目录建议删除  
├──live2d # 首页的二次元小姐姐  
├──pages  # 一些我自定义的页面  
|	├──about.md #关于我页面  
|	├──links.md # 友情链接页面  
|	└── message.md # 留言板页面  
├──pdf # 文章里的引用的电子书 可以删除此目录  
├──readme_img # README.md 中引用的图片 可以删除此目录  
├──resource # 我的一些瞎写的样式 可以删除此目录  
├──yoone # 有药待办 如果不需要 可以删除此目录  
├──1.mp3 # 樱花页面自动播放的音乐  
├──403.html  
├──404.html  
├──CNAME # 域名配置信息 如果你有域名可以修改 没有可以删除  
├──README.md # 可以删除  
├──README1.md # 可以删除  
├──TODO.md # 我写的待办 可以删除  
├──_config.yml # jekyll 配置文件  
├──archives.html # 归档页面  
├──categories.html # 分类页面  
├──favicon.ico # 图标  
├──feed.xml # rss文件  
├──index.html # 首页页面  
├──package-lock.json # 包文件  
├──rakefile.rb # rake生成文章文件 命令 rake post title="文章名称" 
├──sakura.html # 樱花页面  
├──search.json # 搜索配置文件  
└──tags.html # 标签页面

建议删除的目录/文件（不删除也没事）/Suggest Delete：

1 2	_drafts / laji / pdf / readme_img / resource / yoone / CNAME / README.md / README1.md / TODO.md

修改配置文件/Need Update：

1	_config.yml

以下建议修改成你自己的博客信息/Change it your message

title: '' 首页标题
description: '' 首页描述
s-description: ''  樱花页面描述
keyword: '' 关键字
url: '' # your host

以下如果不需要用#注释需要就扒#号去掉

nav:
  home: '/sakura.html' 首页
  categories: '/categories.html' 分类页
  archives: '/archives.html' 归档页
#  tags: '/tags.html' 标签页
#  about: '/about' 关于我页面
  links: '/links/' 友情链接页
#  message: '/message/' 
  yoone: '/yoone' 有药待办
  rss: '/feed.xml' rss

作者信息

author: 'tea9'
nickname: 'tea9'

评论配置信息（不要直接用我的，用我的肯定是不行的）
有两个评论系统3选1 用那个就直接改成true

然后配置改了

disqus参考disqus国内可能显示不了

gitalk参考jekyll-theme-H2O的gitalk相关配置

valine参考Valine – 一款极简的评论系统

comments:
  disqus: false
  disqus_url: 'https://liaokeyu.disqus.com/embed.js'

  gitalk: true
  gitalk_clientID: ''
  gitalk_Secret: ''
  gitalk_repo: ''
  gitalk_owner: ''
  gitalk_admin: ''
  distractionFreeMode: false

  valine: false
  valine_app_id: ''
  valine_app_key: ''
  valine_placeholder: ''
  valine_avatar: ''

文章赞赏不开就改成false
然后把图片链接改成自己的（不改我也不介意）

reward:
  enable: true
  reward_comment: '' 显示的话
  wechatpay: '' 微信支付链接
  alipay: ''  支付宝支付链接

首页显示的社交帐号（修改成你自己的）

sns:
  github: ''
  email: ''
  zhihu: ''
  juejin: ''
  weibo: ''
  twitter: ''
  instagram: ''
  douban: ''
  facebook: ''
  jianshu: ''

百度统计修改成你自己的

baidu-analysis: d49f14171852506bc53c0072034d9db9

这是我的图床的链接你要就修改成自己的

img_link: 'https://raw.githubusercontent.com/tea9/image/master/blog_img'

live-2d小姐姐开关true/false
hitokoto 一言true/false

live-2d: true
hitokoto: true

这是自定义属性
背景图背景颜色字体颜色
推荐一个颜色网站，和风的，颜色有点美NIPPON COLORS

sty:
  back-img: 'https://raw.githubusercontent.com/tea9/image/master/blog_img/appreciate/runa.png' 首页背景图
  back-color: 'rgb(58,60,65)' 背景颜色（建议使用背景图同色系的）
  b2t-back: '#3A3226' 返回顶部背景颜色
  b2t-color: '#fff' 返回顶部字体颜色
  ban-color: '#D7C4BB' banner字体颜色
  post-color: '#fff' 文章列表字体颜色
  foot-color: '#B19693' 底部栏字体颜色
  md-color: '#fff' 文章字体颜色

探索更多：

README