tangyuxian
文章79
标签37
分类5
快速构建小埋开源主题教程

快速构建小埋开源主题教程

本主题的快速使用的视频及图文教程

这是一个静态网站的开源主题,界面风格选自二次元人气动漫《干物妹 小埋》,小埋生动活泼的橘黄色小仓鼠形象跃然于界面当中,橙色是该主题的主色调。如果您跟我一样喜欢这个可爱活泼的女孩,是小埋的粉丝,那就快创建自己的个人网站,把小埋抱回家吧。
tangyuxian/hexo-theme-tangyuxian: Dedicated theme for Hexo (github.com)

star fork GitHub last commit issues Author QQ license hexo Download

视频

文章

一 创建静态网站

本主题支持HEXO静态网站框架,访问https://hexo.io/zh-cn/docs/hexo中文网站,了解该框架;

以下的快速入门的操作步骤,仅供参考。

1 全局安装hexo脚手架
$ npm install -g hexo-cli
2 创建网站
$ hexo init <folder>
$ cd <folder>
$ npm install
3 运行项目
$ hexo server

至此,快速创建完一个静态网站

二 使用小埋主题包

1 下载主题

访问https://github.com/tangyuxian/hexo-theme-tangyuxian网站,点击页面右侧的绿色按钮Code,选择Download ZIP直接下载最新的完整主题源码。

放到创建项目目录的theme并解压。

修改项目根目录的_config.yml中的theme项,改为hexo-theme-tangyuxian-main

2 安装必须依赖
npm i --save hexo-wordcount

这是字数统计插件

3 修改网站语言

修改项目根目录的_config.yml中的language项,改为zh-CN

4 关闭系统自带的高亮代码

请修改位于您项目根目录的_config.yml的文件,将默认代码高亮关闭处理,发现页面无变化可以执行 hexo clean 清除缓存

highlight:
  enable: false
5 创建文档空白页

为了让文章归档到一个页面,请在项目的根目录/source/下创建archives.md文件,文件内填写如下内容即可:

---
title: 文章归档
layout: archives
permalink: archives.html
---
6 使用more关键字可在首页展示简介

在文章中用<!--more-->实现正文和简介分来

三 更多配置

评论功能,即时聊天功能,天气功能请及时更换成自己的key,请到相应的网站申请key哦。

至此,快速入门使用主题功能已完毕。

遇到问题时可以访问糖羽仙官方网站,点击右下角的随时联系糖糖。该功能是即时聊天,糖糖收到消息后会回复的哦。

余下内容可以访问https://github.com/tangyuxian/hexo-theme-tangyuxian查看更多配置信息

本文作者:tangyuxian
本文链接:https://www.tangyuxian.com/2023/04/27/%E5%85%B6%E5%AE%83/%E5%BF%AB%E9%80%9F%E6%9E%84%E5%BB%BA%E5%B0%8F%E5%9F%8B%E5%BC%80%E6%BA%90%E4%B8%BB%E9%A2%98%E6%95%99%E7%A8%8B/
版权声明:本文采用 CC BY-NC-SA 3.0 CN 协议进行许可