本主题的快速使用的视频及图文教程
这是一个静态网站的开源主题,界面风格选自二次元人气动漫《干物妹 小埋》,小埋生动活泼的橘黄色小仓鼠形象跃然于界面当中,橙色是该主题的主色调。如果您跟我一样喜欢这个可爱活泼的女孩,是小埋的粉丝,那就快创建自己的个人网站,把小埋抱回家吧。
tangyuxian/hexo-theme-tangyuxian: Dedicated theme for Hexo (github.com)
视频
文章
一 创建静态网站
本主题支持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查看更多配置信息