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
,预览主题效果。
- 可以参考 Hexo|写作
-
也可以参考 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
blog 作者名字
左侧链接,默认指向 blog 首页
右侧顶部导航栏
设置:
:
号前对应的是 标题名 后面代表链接 ,顶部导航栏就是根据该行代码写出自定义的导航栏
对应的是_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
-
另外引用几个大佬的 blog
- 适应移动端
- 加入背景图
- 更新信息卡的效果
喜欢这个主题的话可以:
- 给颗小星星吧
(/▽\)
- 给个小目标 50star 做个新主题哦~
- 加入 QQ 群:808985048
群内开发为主,吹水晒卡,有什么代码想分享也都欢迎哦~
d=====( ̄▽ ̄*)b