Skip to content

Latest commit

 

History

History
182 lines (108 loc) · 6.32 KB

README.md

File metadata and controls

182 lines (108 loc) · 6.32 KB
Raw

hexo-theme-MiHoYo

初心

hexo 不是我开发的，但是 hexo-theme 可以啊，看多了 hexo-theme 就会有一种想开发的冲动，就像【编写自己的 Hexo 主题】中讲的那样：“当你看到你用的主题出现在两个以上的博客的时候，那你就要考虑自己写一个了。”，其实这个东西是我两周时间开发出来的，很快也很烂，根本比不上同时期的其他作品，可是人啊，就是想去实现一些梦想，想要一些做不到的东西，开发这段时间让我对自己的前端技术产生了彻头彻尾的反思，因为技术实在是太烂了，我都没想到自己的技术什么时候这么不堪（因为其实好的样式并非看上去那么好做），是的我也在慢慢来，慢慢变强，一切都要慢慢来。。。，现在是第一版只有三种页面，后面我会努力的，加油 🎉

如果想联系不妨用 issue 来留言，或者邮箱联系我：1907065810@qq.com，我会在第一时间回复。🎈

说明

该 hexo 主题是想表达出一股浓浓的二次元风格的 hexo 主题，后面会针对这一风格进行改进，以 MiHoYo 的官方页面作为主要的模仿目标，打造出一种让 MiHoYo 玩家一种亲切的感觉，一种较为浓厚的二次元风格的内容，我现在也在寻找一种合适的样式进行开发。如果你有更好的想法欢迎联系我，让我们一起为能力打造一款合适的二次元风格的 hexo-theme 而努力！！！😁

预览

PC 端：

预览图片

手机端：

Tanger: http://mihoyo.tanger.ltd/

如果您使用了该主题并想展示你的 blog~，欢迎在issue给我留言，我会把你展示出来 🎃

安装

手动安装

请按照以下步骤安装配置该主题

1、下载 hexo-theme-MiHoYo

在选中 根目录/themes 该文件后右键选择 Git Bash Here 或者 PowerShell 都可以（以下统一将这些命令行窗口称为命令行）。

git clone git@github.com:redhat123456/hexo-theme-MiHoYo.git or git clone https://github.com/redhat123456/hexo-theme-MiHoYo.git

我们就完成了第一步下载主题的扩展包

2、配置_config.yml（⚠ 值得注意的是：此处的_config.yml文件指的是在根目录下的_config.yml）

用编辑器打开该文件，之后在

theme: XXXX 这一行中将 theme 后面的XXXX去掉改成 hexo-theme-MiHoYo

3、部署 hexo 页面以及预览 hexo 页面

在根目录下打开命令行，依次输入hexo g和hexo s，打开浏览器输入http://localhost:4000，预览主题效果。

写作

  • 也可以参考 GitHub 的 markdown 教程

  • 添加文章标题与分类，更多特性可以参考Hexo|Front-matter ，示例：

    ---
title: 'Hello World !'
date: 2020-10-23 21:54:02
tags: code
category: Example
---

修改基础样式

我们可以通过在theme/hexo-theme-MiHoYo文件下的_config.yml来对主题样式进行修改，主要有如下样式可以修改

顶部导航栏设置

可以在主题页面中的_config.yml中对该代码行进行修改如下：

menuname: Tanger's blog

# 你的昵称 | Your Name

author: Your Name

# main menu navigation

menu:
关于我 👀: /about
访问主站 🎃: http://tanger.cloud/
GitHub🧨: https://github.com/redhat123456

author

blog 作者名字

menuname

左侧链接，默认指向 blog 首页

menu

右侧顶部导航栏

设置： :号前对应的是 标题名 后面代表链接 ，顶部导航栏就是根据该行代码写出自定义的导航栏

信息栏设置

对应的是_config.yml中的

topmenu:
首页: /
关于: /about

## 网站描述

description: 嘿，我是 Tanger ～这是我的子站，用于展示写的 Hexo 主题：MiHoYo。欢迎访问！

## 网站关键词：用英文逗号分割

keywords: hexo,theme,MiHoYo

## blog 头像

img_src: https://avatars.githubusercontent.com/u/57751257?v=4

# 网站标题 | Title

logo_title: Hexo Theme

#标语 | Your Slogan
words: Your Words

可以根据对应的信息进行修改

评论系统

本主题支持Valine 。 请修改主题目录下 _config.yml 文件中 valine: 的 app_id: 与 app_key: 。

参考 Valine 快速开始

开启邮件提醒：zhaojun1998 / Valine-Admin

参与开发

开发人员

欢迎提交 Issues 与 PR

参与开发可能需要的文档

下一步实现的功能

  • 适应移动端
  • 加入背景图
  • 更新信息卡的效果

支援主题开发

喜欢这个主题的话可以：

  • 给颗小星星吧 (/▽＼)
    • 给个小目标 50star 做个新主题哦~
  • 加入 QQ 群：808985048

    群内开发为主，吹水晒卡，有什么代码想分享也都欢迎哦~ d=====(￣▽￣*)b