TKL Hexo 主题使用教程

TKL Hexo 主题使用教程

TKL Hexo Theme 项目地址: https://gitcode.com/gh_mirrors/tk/TKL

1、项目介绍

TKL 是一个响应式设计主题，专为 Hexo 博客平台开发。该主题提供了丰富的自定义选项，包括封面图片、Logo、顶部和底部标语、RSS 配置、多说评论系统、GitHub、Twitter、Facebook、Google 和微博链接等。此外，TKL 还支持本地搜索功能，并提供了多个工作案例和时间线展示。

2、项目快速启动

安装

首先，确保你已经安装了 Hexo。然后执行以下命令来安装 TKL 主题：

git clone https://github.com/SuperKieran/TKL.git themes/TKL

安装完成后，修改 Hexo 配置文件 _config.yml，将主题设置为 TKL：

theme: TKL

配置

在 themes/TKL/_config.yml 文件中，你可以根据需要进行以下配置：

cover: /img/bg_img.jpg
logo: /img/logo.png
top_saying:
  - title: YOU'VE MADE A <span>BRAVE</span> DECISION, WELCOME
  - content: 每一个不曾起舞的日子都是对生命的辜负
bottom_saying: 虽然还没想好写点什么,但是总觉得这里放句话比较和谐
excerpt_link: Read More
rss: /atom.xml
highlightjs: vs
works:
  - works_name: XXX1
    works_url: /
  - works_name: XXX2
    works_url: /
duoshuo: duoshuo_name
github: https://github.com/
twitter: https://twitter.com/
facebook: https://www.facebook.com/
google: https://google.com/
weibo: http://weibo.com/
timeline:
  - num: 1
    word: 2014/06/12-Start xxx
  - num: 2
    word: 2014/11/29-Start bbb
  - num: 3
    word: 2015/02/18-Start ddd
  - num: 4
    word: 
links:
  - name: Kieran
    link: http://go.kieran.top/
  - name: Name
    link: http://domain.com/

# Local search
# Dependencies: https://github.com/flashlab/hexo-generator-search
local_search:
  enable: true
  # if auto, trigger search by changing input
  # if manual, trigger search by pressing enter key or search button
  trigger: auto
  # show top n results per article, show all results by setting to -1
  top_n_per_article: 2

启动

配置完成后，启动 Hexo 服务器以查看效果：

hexo server

3、应用案例和最佳实践

应用案例

TKL 主题适用于个人博客、技术博客、项目展示等多种场景。用户可以通过自定义配置，轻松打造符合自己风格的博客。

最佳实践

1. 自定义封面和Logo：通过修改 cover 和 logo 配置，使博客更具个性化。
2. 添加社交链接：在 _config.yml 中配置 GitHub、Twitter、Facebook 等社交链接，方便读者与你互动。
3. 使用本地搜索：启用本地搜索功能，提升用户体验。

4、典型生态项目

TKL 主题与 Hexo 生态紧密结合，可以与其他 Hexo 插件和主题无缝集成。例如：

• Hexo-generator-search：用于生成本地搜索索引。
• Hexo-generator-feed：用于生成 RSS 订阅。
• Hexo-deployer-git：用于将博客部署到 GitHub Pages。

通过这些生态项目的配合，TKL 主题可以实现更多功能，满足不同用户的需求。

TKL Hexo Theme 项目地址: https://gitcode.com/gh_mirrors/tk/TKL